Title, description і H1: три різні завдання

Ідентичність сторінки несуть три поля: тег title, метаопис (meta description) і H1 на сторінці. На більшості сайтів усі три містять той самий рядок - три окремі можливості, зведені до однієї.

Тег title є синім рядком у результатах пошуку і підписом на вкладці; його завдання полягає в тому, щоб визначити сторінку й відрізнити її від інших. Усе, що виходить за межі приблизно 60 символів, обрізається, тож назву бренду зазвичай правильно ставити в кінці: спершу сторінка, потім бренд.

Метаопис не впливає на ранжування напряму; його завдання полягає в тому, щоб отримати клік. Сприймайте його як два рядки рекламного тексту під заголовком. Коли він дублює title, користувач двічі читає те саме речення й не дізнається нічого нового - причини клікнути не виникає.

H1 призначений для читача всередині сторінки і задає структуру документа. Візуально він не мусить бути найбільшим елементом; але він має бути один, і він має називати тему сторінки. Відвідувач, який користується скрінрідером, орієнтується за заголовками; без H1 у нього немає точки входу.

Практичне правило: title вирізняє, description переконує, H1 структурує. Якщо заповнити всі три тим самим реченням, два з трьох завдань залишаться невиконаними.