З цієї статті ви дізнаєтеся, що таке metaтеги, які metaтеги та HTML-атрибути розпізнаються роботами Google під час сканування та індексування сайтів, а також іншу корисну інформацію, яка допоможе вам впровадити metaтеги на свій сайт.
Теги meta
Теги meta – це HTML-код, призначений для надання пошуковим системам та іншим клієнтам додаткової інформації про вебсторінку. Якщо клієнт не здатний обробити певні теги meta, він просто проігнорує їх. Теги meta додаються в розділ <head> HTML-коду й зазвичай виглядають так:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Author: A.N. Author, Illustrator: P. Picture, Category: Books, Price: £9.24, Length: 784 pages"> <meta name="google-site-verification" content="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34="> <title>Example Books - high-quality used books for children</title> <meta name="robots" content="noindex,nofollow"> </head> </html>
Google підтримує наступні metaтеги:
metaтеги, які розпізнаються роботами Google | |
|---|---|
description | <meta name="description" content="A description of the page"> За допомогою цього тегу можна надати короткий опис сторінки. У деяких випадках він може відображатися як фрагмент тексту в результатах пошуку. |
robots і googlebot | <meta name="robots" content="..., ..."> <meta name="googlebot" content="..., ..."> Ці Тег Якщо в тегах За замовчуванням використовуються значення Цю ж інформацію можна вказувати в HTTP-заголовку за допомогою правила |
notranslate | <meta name="googlebot" content="notranslate"> Якщо в результатах пошуку є сторінки мовами, які не підходять користувачеві, то їхні посилання-заголовки та описи можуть автоматично перекладатися. Коли користувач натискає на перекладене посилання-заголовок і переходить на сторінку, всі подальші дії на ній здійснюються через Google Перекладач, який автоматично виконує переклад кожної сторінки при переході на неї. У більшості випадків ця функція буває корисною, оскільки дозволяє запропонувати унікальний та цікавий контент більшій кількості користувачів. Якщо ж ви не хочете, щоб такі посилання відображалися з вашим контентом, додайте на свої сторінки цей тег |
nopagereadaloud | <meta name="google" content="nopagereadaloud"> Не дозволяти продуктам Google із синтезом мовлення перетворювати текст на вебсторінках у мовлення та озвучувати його. |
google-site-verification | <meta name="google-site-verification" content="..."> Цей метатег можна використовувати на сторінці найвищого рівня, щоб підтвердити свої права власності на сайт у Search Console. Зверніть увагу, що, хоча значення атрибутів |
Content-Type і charset | <meta http-equiv="Content-Type" content="...; charset=..."> <meta charset="..."> Ці теги визначають тип контенту та набір символів сторінки відповідно. Значення атрибута |
refresh | <meta http-equiv="refresh" content="...;url=..."> Дозволяє перенаправляти користувачів на новий URL через певний час. Цей метатег використовується деякими вебмайстрами як простий спосіб переадресації. Зверніть увагу, що він підтримується не всіма браузерами і може вводити користувачів в оману. Радимо замість нього використовувати серверну переадресацію 301. |
viewport | <meta name="viewport" content="..."> Інформація для браузера з інструкціями щодо обробки сторінки на мобільному пристрої. Наявність цього тегу свідчить про те, що сторінка оптимізована для мобільних пристроїв. Детальніше про те, як налаштувати тег |
rating | <meta name="rating" content="adult"> <meta name="rating" content="RTA-5042-1996-1400-1577-RTA"> Дозволяє вказати, що сторінка містить контент для дорослих, тому вона не повинна відображатися в Google при використанні безпечного пошуку. Детальніше про маркування сторінок для безпечного пошуку… |
Атрибути HTML-тегів
Атрибути HTML-тегів – це додаткові значення HTML-тегів, у яких містяться налаштування батьківського тегу. Наприклад, атрибут href тегу <a> містить налаштування ресурсу, на який вказує анкор: <a href="https://example.com/"...>.
Google Пошук підтримує невелику кількість HTML-атрибутів з метою індексації. Атрибути src та href дозволяють виявляти різні ресурси, наприклад зображення та URL. У Google також підтримуються різні атрибути rel, що дозволяють власникам сайтів маркувати вихідні посилання.
За допомогою атрибута data-nosnippet тегів div, span та section можна виключати частини HTML-сторінок із фрагментів.
Додаткова інформація
- Google розпізнає
metaтеги у форматі HTML і XHTML незалежно від того, який код використовується при створенні сторінки. - Код у розділі
headповинен відповідати стандартам HTML. Також ви повинні використовувати всі необхідні закриваючі теги. - Як правило, регістр символів у тегах
metaне враховується, за виняткомgoogle-site-verification. - Ви можете використовувати будь-які інші
metaтеги, якщо вони дозволяють вирішувати ваші завдання. Зверніть увагу, що роботи Google ігноруватимутьmetaтеги, які їм невідомі. - Якщо ви збираєтеся впроваджувати або змінювати
metaтеги за допомогою JavaScript (хоча ми і не рекомендуємо цього), дійте обережно і після такої обробкиmetaтегів уважно перевірте отримані результати. - Щоб перевірити
metaтеги та атрибути на сторінках свого сайту, скористайтеся інструментом перевірки URL.
Теги та атрибути, які не розпізнаються роботами Google
Наведені нижче теги та атрибути не підтримуються в Пошуку Google і ігноруються. Вони наведені тут, оскільки вони часто зустрічаються в HTML або ми колись їх підтримували.
| Теги та атрибути, які не розпізнаються роботами Google | |
|---|---|
| Тег meta-keyword | <meta name="keywords" content=". Метатеги keywords не використовуються в Пошуку Google і не впливають на процес індексації та ранжування сайтів. |
Атрибути lang HTML-тегів | Google визначає основну мову сторінки, виходячи з розміщених на ній текстових матеріалів. Тому роботи Google не беруть до уваги вміст тегів lang. |
Значення атрибутів next і prev rel | <link rel="next" href="..."> <link rel="prev" href="..."> Ці теги HTML |
nositelinkssearchbox | <meta name="google" content="nositelinkssearchbox"> Правило |