Özet: Web erişilebilirliği (a11y), web içeriklerinin engelli bireyler de dahil olmak üzere herkes tarafından kullanılabilmesini sağlama pratiğidir. Erişilebilirlik doğrudan bir SEO sıralama faktörü olmasa da, erişilebilirlik uygulamalarının büyük çoğunluğu aynı zamanda arama motoru optimizasyonuna da katkı sağlar. Semantik HTML, alt metin, başlık hiyerarşisi ve temiz kod yapısı hem erişilebilirlik hem de SEO için temel gereksinimlerdir.
Web erişilebilirliği ve SEO, ilk bakışta farklı alanlar gibi görünse de derin bir ortak paydaları vardır. Her ikisi de içeriğin makineler tarafından doğru anlaşılmasını gerektirir — erişilebilirlikte bu makineler ekran okuyuculardır, SEO'da ise arama motoru botlarıdır. Erişilebilir bir web sitesi oluşturmak, doğal olarak SEO dostu bir site oluşturmak anlamına gelir.
Erişilebilirlik ve SEO'nun Kesişim Noktaları
1. Semantik HTML
Semantik HTML, içeriğin anlamını tanımlayan etiketlerin kullanılmasıdır. Ekran okuyucular ve arama motorları semantik etiketleri kullanarak sayfa yapısını anlar.
<header>,<nav>,<main>,<article>,<aside>,<footer>gibi landmark etiketleri kullanın.<div>ve<span>yerine anlamsal etiketleri tercih edin.- Listeler için
<ul>,<ol>,<li>kullanın.
SEO etkisi: Google, semantik HTML'i sayfa yapısını anlamak için kullanır. Doğru landmark etiketleri, içerik bölümlerinin önemini belirtir.
2. Başlık Hiyerarşisi (Heading Structure)
Başlıklar (<h1> — <h6>) içerik hiyerarşisini tanımlar. Doğru başlık yapısı hem ekran okuyucular hem de arama motorları için içerik organizasyonunu netleştirir.
- Her sayfada tek bir
<h1>etiketi olmalıdır. - Başlık seviyeleri atlanmamalıdır (h1 → h3 değil, h1 → h2 → h3).
- Başlıklar görsel stil için değil, içerik yapısı için kullanılmalıdır.
3. Görsel Alt Metinleri
Alt metin (alt text), görsellerin metinsel açıklamasıdır. Ekran okuyucular görseli göremez, alt metni okur. Arama motorları da görseli anlamak için alt metni kullanır.
<!-- İyi alt metin -->
<img src="seo-analiz.jpg" alt="VixSEO dashboard ekranında Google Search Console analiz grafikleri">
<!-- Kötü alt metin -->
<img src="seo-analiz.jpg" alt="resim">
<!-- Dekoratif görseller -->
<img src="cizgi.png" alt="" role="presentation">SEO etkisi: Alt metin, Google Görseller'de sıralama faktörüdür ve sayfanın konu bağlamını güçlendirir.
4. Bağlantı Metinleri (Anchor Text)
Erişilebilirlikte bağlantı metninin tek başına anlamlı olması gerekir — ekran okuyucular bağlantıları bağlam dışı listeleyebilir. SEO'da da bağlantı metni, hedef sayfanın konusunu belirtir.
- İyi:
<a href="/seo-rehberi">SEO başlangıç rehberimizi okuyun</a> - Kötü:
<a href="/seo-rehberi">buraya tıklayın</a>
5. Sayfa Dili Belirtimi
<html lang="tr"> etiketi, sayfanın dilini hem ekran okuyuculara hem de arama motorlarına bildirir.
6. Form Erişilebilirliği
Form elemanlarının <label> ile eşleştirilmesi erişilebilirlik gereksinimidir. Arama motorları da form yapısını anlamak için label etiketlerini kullanabilir.
ARIA Etiketleri ve SEO
ARIA (Accessible Rich Internet Applications) etiketleri, karmaşık web bileşenlerinin erişilebilirliğini artırır. Doğrudan SEO etkisi olmasa da, kullanıcı deneyimini iyileştirerek dolaylı etki yaratabilir.
aria-label: Görsel olmayan açıklama ekler.aria-describedby: Ek açıklama bağlantısı kurar.role: Elemanın rolünü tanımlar.aria-hidden="true": Dekoratif elemanları ekran okuyuculardan gizler.
Klavye Navigasyonu
Tüm etkileşimli öğeler klavye ile erişilebilir olmalıdır. Tab sırası mantıklı olmalı ve odak göstergesi (focus indicator) görünür olmalıdır.
- Tüm bağlantılar ve butonlar Tab ile erişilebilir olmalıdır.
- Modal pencereler ve menüler Escape tuşu ile kapatılabilmelidir.
- Atlama bağlantıları (skip links) ile ana içeriğe doğrudan geçiş sağlanmalıdır.
Erişilebilirlik ve Performans
Erişilebilir siteler genellikle daha hafif ve daha performanslıdır çünkü:
- Semantik HTML, gereksiz div katmanlarını azaltır.
- Alt metin zorunluluğu, görsellerin optimize edilmesini teşvik eder.
- Temiz kod yapısı, render süresini iyileştirir.
WCAG 2.2 ve SEO
Web Content Accessibility Guidelines (WCAG), web erişilebilirliğinin uluslararası standardıdır. WCAG 2.2'nin dört temel prensibi:
- Algılanabilir: İçerik kullanıcılara sunulabilir olmalıdır.
- İşletilebilir: Kullanıcı arayüzü ve navigasyon çalışır olmalıdır.
- Anlaşılabilir: İçerik ve arayüz anlaşılır olmalıdır.
- Sağlam: İçerik, çeşitli teknolojiler tarafından güvenilir şekilde yorumlanabilmelidir.
Sıkça Sorulan Sorular
Erişilebilirlik doğrudan sıralama faktörü mü?
Doğrudan değil. Ancak erişilebilirlik uygulamalarının çoğu (alt metin, semantik HTML, başlık yapısı) aynı zamanda SEO için de faydalıdır.
ARIA etiketleri SEO'yu etkiler mi?
ARIA etiketlerinin doğrudan SEO etkisi yoktur. Google, ARIA yerine standart HTML etiketlerini tercih eder.
Erişilebilirlik denetimi nasıl yapılır?
Lighthouse, axe DevTools ve WAVE gibi araçlar otomatik erişilebilirlik denetimi yapabilir.
Sonuç
Web erişilebilirliği ve SEO, birbirini güçlendiren iki disiplindir. Semantik HTML, alt metin, başlık hiyerarşisi ve temiz kod yapısı ile hem engelli kullanıcılara hem de arama motorlarına en iyi deneyimi sunabilirsiniz. VixSEO ile site yapınızı ve içerik kalitesini izleyerek erişilebilirlik ve SEO'yu birlikte optimize edin.