Страницата има заглавие

Какво се изисква

Елементът <title> в заглавната секция на документа трябва да описва какво представлява страницата. Потребителите на екранни четци го чуват в момента на зареждане — това е първият ориентир, който получават. Виждащите потребители го виждат в раздела на браузъра, в историята, при отметките и в резултатите от търсачките. Заглавие, което не отговаря на този критерий, оставя всички тези потребители да гадаят на коя страница са попаднали.

Заглавието не трябва да е поетично. Трябва да е конкретно. „Начало” не отговаря на изискването. „Ценоразпис — Acme CRM” отговаря.

Как да се изпълни

• Да се напише заглавие, в което страницата е посочена на първо място, а сайтът — на второ: "Хотели с достъпна среда в Берлин — Disability World".
• При SPA заглавието да се актуализира от страна на клиента при промяна на маршрута. Next.js, React Router и Vue Router изискват изрично задаване на document.title или специфични за фреймуърка помощни функции.
• Да се отразяват грешки в формуляри и резултати от търсене в заглавието: "3 грешки — Настройки на профила" или "Търсене: хронична умора — 47 резултата".
• Най-отличителната информация да е в началото. В лента с раздели от 30 знака, „Disability World — Как да кандидатствате за SSDI” скрива темата.
• При многостъпкови формуляри да се включва номерът на стъпката: "Стъпка 2 от 4: Адрес — Кандидатстване за помощи".

Чести грешки

• Общи заглавия за целия сайт: всяка страница показва "Acme Inc.", защото шаблонът никога не замества стойността по подразбиране.
• Празно <title></title> — изненадващо честа грешка, когато CMS шаблоните предполагат, че редакторът винаги ще попълни полето.
• Незаглавени маршрути в SPA: начален HTML файл с общо заглавие, а маршрутизаторът никога не го актуализира при навигация.
• Заглавие само с името на марката без тема на страницата ("Acme" на страниците за контакт, ценоразпис и продукти едновременно).
• „Untitled Document”, изтекъл от WYSIWYG редактор.

Защо е важно

За потребител на екранен четец заглавието на страницата е еквивалент на поглед към горната лента на браузъра — то казва дали е попаднал там, където е искал. Без него всяка страница звучи по един и същи начин при зареждане. То е и от ключово значение за SEO и прегледи на препратки, така че поправянето на този критерий обикновено лесно се аргументира пред екипите по продукт, маркетинг и съдържание.