← Tüm blog yazıları
Tasarım

Başlıklar yazının haritasıdır

Yaklaşık 1 dk okuma
Defter ve tablette ana başlık ile alt başlık hiyerarşisi.
Görsel: Bu blog için AI ile üretilmiş kavramsal kapak; gerçek ürün ekran görüntüsü veya kaynak kurumun görseli değildir.

Uzun bir yazının bütün paragraflarını okumadan ana fikrini anlamak isteriz. Başlıklar bu taramayı mümkün kılar. Ancak büyük görünen her metin gerçek başlık değildir; küçük görünen bir başlık da yapısal olarak önemli olabilir.

Başlıkları benim için metni süsleyen büyük harfler değil, okurun yönünü bulmasını sağlayan işaretler. Her bölümü aynı genel adla açmak yazıyı taramayı zorlaştırıyor. Bu yüzden başlığın altında gerçekten ne bulunacağını söylemesini isterim. Hiyerarşinin de görsel büyüklükle sınırlı kalmaması önemli.

Temel fikir

W3C başlıkların içeriği mantıklı bir hiyerarşiyle düzenlemesini ele alır. HTML başlık düzeyi, sadece istenen font boyutunu elde etmek için seçilmemelidir. Görünüm CSS ile, içerik ilişkisi uygun başlık yapısıyla kurulabilir.

Bir örnek üzerinden

Bir rehberde ana konu Görsel optimizasyonu olsun. Altında Boyut, Format ve Kontrol bölümleri yer alabilir. Formatın altında Fotoğraf ve İllüstrasyon ayrımı gerekiyorsa bir alt düzey kullan. Bu yapı, okurun bir ayrıntının hangi konunun parçası olduğunu anlamasını sağlar.

Nereden başlamalı?

Yazını yalnızca başlıkları okuyarak denetle. Aynı düzeydeki başlıklar benzer ağırlıkta konular mı? Bir başlık kendisinden sonraki bölümü gerçekten özetliyor mu? İçerik haritası düzgün olduğunda tipografik tasarımın işi de kolaylaşır.

Benim yaklaşımım

Bir yazıyı okumadan yalnızca ara başlıklara bakarım diye düşünürsem, ana fikirlerin sırası anlaşılmalı. “Detaylar” yerine bölümün cevapladığı soruyu yazmayı tercih ederim. Aynı düzeyde olmayan fikirleri aynı başlık seviyesine koymak, metnin yapısını bulanıklaştırabilir. İyi bir başlık dizisi, benim gözümde kısa bir içerik haritası gibi çalışır.

Kaynaklar

W3C WAI — Headings

Aklına takılan bir şey mi var?

Yazıyla ilgili sorunu veya proje fikrini paylaş.

WhatsApp’tan yaz