Duyuru Mesajı HTML Şablonları

Kullanıma Hazır Duyuru Mesajı HTML Şablonları

Acil güncellemelere, promosyon duyurularına ve servis uyarılarına işaretleme yapısında net bir yer açın. Duyuru mesajı HTML şablonları, duyuru e-postaları yerine doğrudan sitede gösterilen bildirimler için yeniden kullanılabilir bölümler sunar; böylece yeni bir mesaj hiçbir zaman yeni kod yazmak anlamına gelmez.

Kısa Site Bildirimlerinin Arkasındaki Temiz İşaretleme

Bildirimin tamamı, ekran okuyucuların seslendirebileceği bir etiketle birlikte ayrı bir alan olarak işaretlenmiş tek bir kapsayıcıda yer almalıdır. Bir bakım uyarısı için başlık, tahmini tamamlanma süresi ve durum bağlantısından fazlası gerekmez. Bir etkinlik güncellemesi ise bunun yerine tarih, konum ve kayıt bağlantısı barındırır.

Pratik bir duyuru HTML yapısı şu sıralamayı izleyebilir:

1. bildirimi tanımlayan kısa bir başlık;
2. değişikliği, teklifi veya etkinliği açıklayan bir paragraf;
3. cümlenin tamamını yeniden yazmadan güncellenebilmesi için tarih, durum veya son teslim tarihine ayrılmış bağımsız bir öğe;
4. yalnızca ziyaretçilerin işlem yapması gerektiğinde eklenen tek bir harekete geçirici mesaj.

Şartlar veya etkilenen bölgeler gibi ikincil ayrıntılar, kolayca düzenlenebilen ya da kaldırılabilen kendi küçük öğeleri içinde yer alır.

Kapatma Düğmeleri ve Harekete Geçirici Mesajlar

Kapatılabilir bir bildirim, "Duyuruyu kapat" gibi bir etikete sahip gerçek bir kapatma düğmesine ihtiyaç duyar; çünkü tek başına bir simge, yardımcı teknolojilere okunabilir faydalı bir bilgi sunmaz. Düz bir kapsayıcı içindeki tıklanabilir bir simge ise daha da kötüdür, çünkü klavye kullanıcıları buraya ulaşamaz. Bir şablona karar vermeden önce kodunu şu ayrıntılar açısından inceleyin:

1. CTA başka bir sayfa açıyorsa bağlantı, işlem aynı sayfada gerçekleşiyorsa düğme olmalıdır;
2. "alert" rolü yalnızca ödeme adımı kesintisi gibi bir ekran okuyucuyu bölecek kadar acil bildirimlerde yer almalı, asla hafta sonu indirim kuponunda kullanılmamalıdır;
3. başlık düzeyi, sayfaya ikinci bir ana başlık eklemek yerine mevcut sayfa yapısına uyum sağlamalıdır.

Metin Değiştiğinde Yeniden Kullanılabilir HTML Bölümleri

Duyuru içerikleri genellikle etrafındaki sayfaya göre daha sık değişir. Bir mağaza tatil çalışma saatleri duyurusunu bir promosyonla değiştirdiğinde, kararlı bir işaretleme yapısı sayesinde bu işlem yalnızca yeni bir metin ve yeni bir bağlantı girmekten ibaret olur.

Mobil düzenler, işaretleme sırasının mantıklı olup olmadığını ortaya koyar; çünkü öğeler dikey olarak dizildiğinde ziyaretçiler bunları kodun sunduğu sırayla görür. CTA, geniş ekranda nerede durursa dursun, bağlı olduğu metni takip etmelidir. Nicepage, büyük ekranlardan telefonlara kadar düzenleri incelemek ve bu sıralamayı her cihazda doğrulamak için hızlı bir yol olan Responsive Modes özelliğini sunar.

Bloklar yeniden kullanılabilir bir başlangıç bölümü sağlayabilir ve bu esnada duyuru bir görsel yerine normal metin olarak kalır.

Duyurular için iyi bir HTML şablonu; başlığı, durum ayrıntılarını ve CTA'yı bölümü yeniden oluşturmak zorunda kalmadan değiştirmenize imkân tanır. Bakım bildiriminden kampanyaya geçiş bundan daha fazla düzenleme gerektiriyorsa, işaretleme yapısı gereksiz yere karmaşık demektir.