Тег <meta> в HTML розташовуються всередині тега <head> і дуже важливі для ранжирування веб-сторінки в пошукових системах. У документі їх може бути кілька. Назва цього тега походить від грецького слова, що позначає фразу “разом з чим-небудь” або “після чого-небудь, потім”. Мета-теги зберігають службову інформацію про даних, не призначених для відвідувачів сторінки. Ці дані використовуються пошуковими роботами для пошуку і відображення сайтів по визначеним запитам користувачів. Вони також впливають на оптимізацію сторінки і на її місце в пошуковій видачі. Наприклад, за допомогою мета-тегів можна вказати авторство, додати якийсь опис сайту, дозволити або заборонити індексування пошуковими системами або налаштувати автоматичне оновлення сторінки. Зробити це допомагають атрибути тега HTML <meta>, такі як charset, keywords і інші. Зазвичай вони записуються в парі: у першому атрибуті знаходиться ім’я, а в другому – значення.
Атрибути тегу <meta>
Мета-теги з різними атрибутами розташовуються всередині тега <head>. Їх може бути декілька, і кожен буде відповідати за якийсь свій власний функціонал. Існує кілька основних атрибутів, які можуть приймати різні значення. Вони використовуються, щоб повідомити браузеру і пошуковим системам певну інформацію про сторінку.
Основні атрибути тегу HTML <meta> <head>:
- name;
- content;
- http-equiv;
- charset.
Останній атрибут – charset – потрібен для вказівки кодування сторінки. Він з’явився тільки в останній, п’ятій специфікації мови HTML. Найбільш часто зустрічається значення кодування – utf-8 або Unicode.
Атрибути name і content зазвичай використовується в парі. У name може бути кілька значень:
- description – короткий опис сторінки, яка показується у видачі;
- author – необов’язковий атрибут для вказівки авторства, ім’я автора документа;
- robots/norobots – дозволяє або забороняє індексацію сторінок пошуковими роботами;
- follow/nofollow – дозволяє або забороняє перехід за посиланнями;
- application-name – задає ім’я веб-додатки, якщо є веб-сторінку, в інших випадках не використовується;
- generator – використовується для опису програмного пакету, в якому згенерована веб-сторінка;
- viewport – потрібен для коректного відображення сторінки на екрані мобільного пристрою;
- keywords – ключові слова, що полегшують ранжування сторінок пошуковими системами.
Атрибут тега HTML <meta> content (опис) буде зберігати значення атрибута name (ім’я). Наприклад: <meta name=”description” content=”опис сторінки”>. Такий запис означає, що для сторінки існує якийсь короткий опис, який потрібно відобразити у браузері. Якщо користувач буде шукати інформацію в Інтернеті та у видачі з’явиться ця сторінка, опис буде під посиланням на неї. Що саме – зазначено у значенні name. Атрибут content ж повідомляє, який саме це буде опис. Значень description може бути кілька, написаних на різних мовах. Опис сторінки значно впливає на ранжирування сайту в пошукових системах і допомагає в залученні користувачів. Але текст повинен бути не тільки цікавий змісту сторінки, але і привабливий для читача. Тому правильне складання description – це ціле мистецтво. Вказати, який саме мова використовується в описі, потрібно буде додатковий атрибут lang.
