Meta-теги — це невелика частина HTML-документа в <head>, яку ніколи не бачить звичайний відвідувач, але яка сильно впливає на те, як сторінку показують пошукові системи та соцмережі.
Meta description і сніпет у пошуку
Тег <meta name="description"> — це підказка пошуковику, яким текстом описати сторінку в результатах видачі. Проте це саме підказка, а не жорстка вимога: Google часто ігнорує вказаний опис і генерує сніпет із фрагмента тексту сторінки, якщо вважає його більш релевантним запиту користувача.
Open Graph для соцмереж
Теги og:title, og:description та og:image визначають, як посилання виглядає при публікації у Facebook, Telegram чи LinkedIn. Це окремий протокол, незалежний від звичайних SEO meta-тегів, і без нього посилання показується без картинки та з випадково взятим текстом.
Title у <head> проти заголовка в результатах пошуку
Тег <title> впливає на заголовок вкладки браузера і зазвичай на заголовок у видачі, але Google може підмінити його власним варіантом, згенерованим з H1 сторінки чи навігаційних елементів, якщо вважає оригінальний title недостатньо описовим.
Навіщо це потрібно
- Швидко згенерувати повний набір meta-тегів (SEO, Open Graph, Twitter Card) для нової сторінки.
- Перевірити, чи всі обов'язкові теги на місці перед публікацією посилання в соцмережах.
- Зрозуміти, чому опис сторінки в Google відрізняється від того, що написано в meta description.
Canonical URL і meta robots — за межами базового набору
Тег <link rel="canonical"> вказує пошуковику, яка версія сторінки є основною, коли той самий контент доступний за кількома URL (з www і без, з параметрами сортування тощо) — без нього пошуковик може розпорошити рейтинг між дублями замість того, щоб зібрати його на одній сторінці. Тег <meta name="robots"> зі значеннями на кшталт noindex чи nofollow діє інакше: він не про дублікати, а про заборону індексувати сторінку чи переходити за посиланнями на ній, і працює лише якщо пошуковик взагалі просканував сторінку.