2.4.2 Sayfa Başlığı

Her web sayfası, konusunu veya amacını açıkça tanımlayan anlamlı bir başlığa sahip olmalıdır.

SC Kodu: 2.4.2 Seviye: A
URL: https://www.w3.org/TR/WCAG22/#page-titled

Genel Tanım

WCAG SC 2.4.2 Sayfa Başlığı standardı, web sayfalarının konularını veya amaçlarını açıkça tanımlayan başlıklar içermesini gerektirir. <title> öğesi, belgenin <header> alanında bulunur ve tarayıcının üst kısmında açılan sekmede görülebilir. Başlık eklemek, görme, bilişsel ve motor engelleri olanlar ile kısa süreli hafıza sorunları yaşayanlar da dahil olmak üzere tüm kullanıcıların web içeriğini etkili bir şekilde anlamalarına ve gezinmelerine yardımcı olur.

Faydalar

• Geliştirilmiş Gezinme: Kullanıcılar bir web sayfasının amacını hızlıca anlayabilir ve bu da daha verimli gezinmelerine yardımcı olur.
• Geliştirilmiş Erişilebilirlik: Görme engelli kullanıcılar, ekran okuyucu kısayollarını kullanarak sayfanın amacını belirleyebilirler. Tarayıcıda hangi sekmelerin açık olduğunu ve her sekmenin başlığını anlamak ve sekmeler arasında daha iyi gezinmek için Insert+T kısayolunu kullanabilirler.
• Daha İyi Arama Motoru İndekslemesi: Sayfanın amacını ve konusunu <title> öğesinde belirtmek, yalnızca erişilebilirlik açısından değil, Google gibi arama motorlarının sayfanın anlamını anlaması ve daha iyi indekslemesi açısından da faydalıdır. Sayfaya başlıkla eşleşen bir <h1> etiketi eklemek, arama motorları için indekslemeyi ve netliği daha da artıracaktır.

Ana Amaç

Her web sayfasının içeriğini ve amacını doğru bir şekilde yansıtan, açık, açıklayıcı ve benzersiz bir başlığa sahip olmasını sağlamak.

En İyi Uygulamalar

• Her web sayfası için benzersiz bir başlık sağlayın: Her web sayfasının benzersiz bir başlığa sahip olduğundan emin olun.
• Başlık metnini kısa tutun: Başlıktaki metnin çok uzun olmamasına, 55-60 karakter arasında olmasına dikkat edin.
• <h1> etiketini başlıkla eşleştirin veya benzerliğini sağlayın: Sayfanın <h1> etiketini başlıkla eşleştirmeye veya en azından aralarında bir benzerlik oluşturmaya çalışın.
• Açık ve anlaşılır bir başlık şablonu benimseyin: Web sayfası adını, kısa bir açıklamayı ve ardından site adını ekleyin. Bu şablonu takip etmek, ekran okuyucu kullanıcılarının site adını duymadan önce konuyu anlamalarını sağlayacaktır; çünkü site adını duymak onlar için çok sakıncalı olabilir.
• 'Anahtar kelime kalıplarından' kaçının: Bazen yazarlar, kullanıcılar tarafından sıkça aranan bir sürü anahtar kelimeyi ekleyerek arama motorlarını kandırmaya çalışabilirler. Bunu yapmak, Google tarafından cezalandırılma olasılığınızı artırır ve sonuç olarak alan adınızın itibarını düşürür. Bu tür 'anahtar kelime kalıplarına' örnek olarak şunlar verilebilir: 'Ucuz uçuşlar, indirimli uçuşlar, düşük maliyetli uçuşlar, uçuş fırsatları.'

Örnekler ve Açıklamalar

Örnek: Örnek Uygulama

Bir web sitesinin ana sayfa başlığı.

Nelerden Kaçınılmalı?

"Ana Sayfa" veya "Hoş Geldiniz" gibi bir başlığa sahip bir ana sayfa.

Açıklama: <title> Hoş Geldiniz </title> veya <title> Ana Sayfa </title> gibi genel başlıklar, sayfanın içeriği veya amacı hakkında yeterli bilgi sağlamadığından, kullanıcıların ve arama motorlarının sayfa bağlamını anlaması zorlaşır.

Ne Yapılmalı?

<title>Erişilebilir Web Tasarımı | Tabnav </title> gibi bir başlığa sahip, ardından <h1> Erişilebilir Web Tasarımı</h1> etiketinin yer aldığı bir ana sayfa.

Açıklama: 'Erişilebilir Web Tasarımı | Tabnav' gibi açıklayıcı bir başlık ve aynı içeriği içeren bir <h1> etiketi, sayfanın içeriğini, amacını ve web sitesinin adını açıkça belirtir. Bu, kullanıcıların gezinmesine yardımcı olur ve arama motorlarının sayfayı etkili bir şekilde indekslemesine yardımcı olur.