Blog sayfası tasarımı: Okunabilirlik ve SEO için en iyi uygulamalar

Blog sayfası tasarımı, yalnızca estetik bir tercih değildir; okunabilirlik, oturma süresi ve SEO performansı doğrudan bu kararlardan etkilenir.

Bir ziyaretçi blogunuza Google'dan geldiğinde ilk 3-5 saniyede kalıp kalmayacağına karar verir. Bu kararı şekillendiren şey çoğunlukla içerik kalitesi değil, içeriğin nasıl sunulduğudur: yazı boyutu, satır aralığı, kontrast ve sayfa genişliği. Doğru kurgulanmış blog sayfası tasarımı kullanıcıyı sayfada tutar, bu da Google'a kaliteli bir içerik olduğu sinyalini verir.

⠀

Okunabilirlik için tipografik temel kurallar

⠀

Blog sayfası tasarımında okunabilirlik, ölçülebilir parametrelerle değerlendirilebilir:

Satır uzunluğu: İdeal satır uzunluğu 50-75 karakterdir. Daha uzun satırlarda göz kaybeder; daha kısa satırlarda ritim bozulur. Bu değer genellikle içerik genişliğini piksel cinsinden 600-720px ile sınırlandırmaya karşılık gelir.

Satır yüksekliği (line-height): 1.6-1.8 aralığı, uzun makalelerde göz yorgunluğunu belirgin biçimde azaltır. 1.4 ve altı, yoğun metin bloklarında nefes almayı zorlaştırır.

Font boyutu: Gövde metni için minimum 16px önerilir. Mobil cihazlarda 17-18px daha iyi bir okuma deneyimi sunar. 14px ve altı, hem erişilebilirlik hem de kullanıcı konfor açısından yetersizdir.

Paragraf uzunluğu: Dijital okumada paragraflar 3-5 cümleyle sınırlı tutulmalıdır. Tek cümlelik paragraflar zaman zaman ritim ve vurgu için kullanılabilir; ancak her paragraf böyle olursa içerik dağınık görünür.

Kontrast: WCAG 2.1 AA standardına göre gövde metni ile arka plan arasındaki kontrast oranı en az 4.5:1 olmalıdır. Açık gri metin (#999) beyaz (#fff) üzerinde bu eşiği genellikle karşılamaz.

⠀

Başlık hiyerarşisi ve SEO uyumu

⠀

Blog sayfası tasarımında başlık hiyerarşisi hem kullanıcı hem de arama motoru için yapısal bir harita oluşturur.

Temel kurallar şunlardır:

• Sayfada yalnızca bir H1 bulunmalıdır; bu, makalenin başlığıdır.
• H2 başlıkları ana bölümleri tanımlar; her bölüm arasında yeterli beyaz alan (white space) bırakılmalıdır.
• H3 başlıkları H2 altındaki alt başlıklara ayrılır; H4 ve daha derine inmek, çoğu blog içeriği için gereksizdir.
• Başlıklar ardı ardına gelmemelidir; her başlığın altında en az bir paragraf bulunmalıdır.

⠀

SEO açısından odak anahtar kelimenin en az iki H2 başlığında geçmesi, Wix ve benzeri platformlarda SEO skorunu yeşile taşır. Ancak bu zorlamalı değil, doğal bağlamda gerçekleşmelidir.

⠀

⠀

⠀

Sidebar mı, tek sütun mu? Layout tercihleri

⠀

Blog sayfası tasarımında sidebar (yan menü) tartışması, uzun yıllardır süregelen bir tasarım kararıdır.

Sidebar lehine argümanlar:

• İlgili yazılara, kategorilere veya reklam alanlarına kolay erişim sağlar.
• İçeriği kısa olan sayfalarda sayfa doluluk hissi verir.

⠀

Tek sütun lehine argümanlar:

• Okuyucunun dikkatini içerik dışında bir yere çeken hiçbir öğe yoktur.
• Mobil uyumluluğu otomatik olarak çözülür; sidebar, mobilde ya gizlenir ya da alta düşer.
• Oturma süresi ve scroll derinliği verilerinde tek sütun düzenlerin genellikle daha iyi performans gösterdiği gözlemlenir.

⠀

Güncel blog tasarım trendleri tek sütuna yönelmektedir. Orta-büyük font boyutu, geniş içerik alanı ve minimal yan öğeler standart hale gelmiştir.

İçindekiler tablosu (table of contents): Uzun makalelerde (1500 kelime üzeri) içindekiler tablosu, kullanıcının doğrudan ilgilendiği bölüme atlamasını sağlar. Bu hem kullanıcı deneyimini hem de sayfada geçirilen süreyi artırır. İçindekiler tablosu sabit (sticky) biçimde sunulursa kullanıcı her an gezinme imkânı bulur.

Progress bar: Makalenin ne kadarının okunduğunu gösteren ince bir çubuk, özellikle uzun içeriklerde tamamlama motivasyonunu artırır.

⠀

Mobil blog deneyimi ve özel dikkat noktaları

⠀

Blog sayfası tasarımının mobil boyutu, masaüstü tasarımının küçültülmesi değildir; ayrı bir kullanıcı davranışı söz konusudur.

Mobilde dikkat edilmesi gereken başlıca noktalar:

• Dokunma hedefleri: Butonlar, linkler ve etkileşimli öğeler minimum 44x44px boyutunda olmalıdır.
• Font ölçekleme: Viewport meta etiketi doğru ayarlanmadığında tarayıcı fontları küçültebilir; text-size-adjust: 100% CSS kuralı bu sorunu önler.
• Görsel optimizasyonu: Geniş görseller mobilde yatay kaydırma yaratır. max-width: 100% ve srcset ile duyarlı görsel sunumu zorunludur.
• Sosyal paylaşım butonları: Masaüstünde sidebar'da konumlanan paylaşım butonları, mobilde içeriğin altına taşınmalıdır. Sabit (sticky) mobil paylaşım barı kullanıcı deneyimini bozabilir.

⠀

⠀

⠀

⠀

Yazar bilgisi, sosyal paylaşım ve güvenilirlik sinyalleri

⠀

Blog sayfası tasarımının Google E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness) bağlamında önemi artmıştır. Özellikle YMYL (Your Money or Your Life) kategorisine giren içeriklerde yazar bilgisi, içeriğin güvenilirliğini doğrudan etkiler.

Yazar kutusu içermesi gerekenler:

• Yazar adı ve unvanı
• Kısa biyografi (1-2 cümle yeterli)
• Yazar sayfasına veya LinkedIn profiline bağlantı
• İsteğe bağlı: fotoğraf (ancak başlık görseli kuralları nedeniyle AI üretiminden kaçınılmalıdır)

⠀

Sosyal paylaşım butonları içerik bitişiğinde yer almalıdır; üstte, yazı başlamadan önce konumlandırılan paylaşım butonları çoğunlukla yüksek hemen çıkma oranıyla birlikte görülür.

⠀

Sık Sorulan Sorular

⠀

Blog sayfası tasarımında ideal font boyutu nedir?

Masaüstü için 16-17px, mobil için 17-18px gövde metni önerilir. Başlık hiyerarşisinde H1 en az 28-32px, H2 en az 22-24px olmalıdır. Font boyutlarının göreli birimlerle (rem) tanımlanması, tarayıcı erişilebilirlik ayarlarına uyumu kolaylaştırır.

Sidebar mı yoksa tek sütun mu daha iyi SEO performansı verir?

SEO açısından her iki düzen de geçerlidir. Ancak tek sütun düzende içerik alanı daha geniştir ve kullanıcı dağılımını azaltır. Daha yüksek oturma süresi ve düşük hemen çıkma oranı, dolaylı olarak SEO performansını olumlu etkiler.

Blog sayfasında içindekiler tablosu zorunlu mu?

Zorunlu değil, ancak 1500 kelime üzeri makalelerde güçlü bir kullanıcı deneyimi aracıdır. Google'ın arama sonuçlarında "sitelinks" olarak içerik bağlantılarını göstermesini de kolaylaştırdığı gözlemlenmiştir.

⠀

Blakfy olarak blog sayfası tasarımını okunabilirlik, SEO uyumu ve kullanıcı davranışı verileriyle birlikte değerlendiriyor; içeriğinizin hem arama motorlarında görünür hem de ziyaretçiler tarafından sonuna kadar okunan bir yapıya kavuşmasını sağlıyoruz.