Что такое meta в html
Тег (от англ. meta information — мета информация) определяет данные (они называются ещё метатеги), которые используются для хранения информации, предназначенной для браузеров и поисковых систем.
Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере . Как правило, атрибуты любого метатега сводятся к парам « имя=значение », имена которых определяются ключевыми словами content , name или http-equiv .
Синтаксис¶
1 2 3
head> meta /> head> Закрывающий тег не требуется.
Атрибуты¶
Задаёт кодировку документа.
Устанавливает значение атрибута, заданного с помощью name или http-equiv .
Предназначен для конвертирования метатега в заголовок HTTP.
Имя метатега, также косвенно устанавливает его предназначение.
charset¶
Указывает кодировку документа. Атрибут введён в HTML5 и предназначен для сокращения формы , которая задавала кодировку в предыдущих версиях HTML и XHTML.
Синтаксис
meta charset="" /> Значения
Название кодировки, например UTF-8.
Значение по умолчанию
content¶
content устанавливает значение атрибута, заданного с помощью name или http-equiv . Атрибут content может содержать более одного значения, в этом случае они разделяются запятыми или точкой с запятой.
Некоторые значения атрибута content для , предназначенных для поисковых роботов, приведены в табл. 1.
| Значение | Описание |
|---|---|
| index | Разрешает роботу индексировать данную страницу. |
| noindex | Запрещает роботу индексировать текущую страницу. Она не попадает в базу поисковика и её невозможно будет найти через поисковую систему. |
| follow | Разрешает роботу переходить по ссылкам на данной странице. |
| nofollow | Запрещает роботу переходить по ссылкам на данной странице. При этом всем ссылкам не передаётся ТИЦ (тематический индекс цитирования) и PagePank. |
| noarchive | Запрещает роботу кэшировать данную страницу. |
Допустимые значения атрибута content для , которые предназначены для управления просмотром сайта на мобильных устройствах, приведены в табл. 2.
| Значение | Допустимые значения | Описание |
|---|---|---|
| width | device-width или целое положительное число | Устанавливает ширину области просмотра в пикселях. |
| height | device-height или целое положительное число | Устанавливает высоту области просмотра в пикселях. |
| initial-scale | Число от 0.0 до 10.0 | Устанавливает соотношение между шириной устройства (device-width в портретном режиме или device-height в ландшафтном режиме) и размером области просмотра. |
| maximum-scale | Число от 0.0 до 10.0 | Задаёт максимальное значение масштаба. Должно быть больше или равно minimum-scale, в противном случае игнорируется. |
| minimum-scale | Число от 0.0 до 10.0 | Задаёт минимальное значение масштаба. Должно быть меньше или равно maximum-scale, в противном случае игнорируется. |
| user-scalable | yes или no | Если указано no, то пользователь не сможет масштабировать веб-страницу. По умолчанию используется yes. |
Синтаксис
meta content=". " /> Значения
Строка символов, которую надо взять в одинарные или двойные кавычки.
Значение по умолчанию
http-equiv¶
Браузеры преобразовывают значение атрибута http-equiv , заданное с помощью content , в формат заголовка ответа HTTP и обрабатывают их, как будто они прибыли непосредственно от сервера.
Синтаксис
meta http-equiv="" /> Значения
Любой подходящий идентификатор. Ниже приведены некоторые допустимые значения атрибута http-equiv .
Тип кодировки документа.
Устанавливает дату и время, после которой информация в документе будет считаться устаревшей.
Способ кэширования документа.
Загружает другой документ в текущее окно браузера.
Значение по умолчанию
name¶
Устанавливает идентификатор метатега для пары « имя=значение ». Одновременно использовать атрибуты name и http-equiv не допускается.
Синтаксис
meta name="" /> Значения
Любой подходящий идентификатор. Ниже приведены некоторые допустимые значения атрибута name .
Имя автора документа.
Описание текущего документа.
Список ключевых слов, встречающихся на странице.
Управляет просмотром сайта на мобильных устройствах.
Значение по умолчанию
Спецификации¶
- Referrer Policy
- HTML Living Standard
- HTML 5
- HTML 4.01 Specification
Описание и примеры¶
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
html> head> title>METAtitle> meta charset="utf-8" /> meta name="GENERATOR" content="Microsoft FrontPage 4.0" /> meta name="ProgId" content="FrontPage.Editor.Document" /> head> body> p>. p> body> html> html теґ
Метадані — це певна інформація про дані.
HTML тег зберігає інформацію призначену для браузерів і пошукових систем. Наприклад, механізми пошукових систем звертаються до метатегів для отримання опису сайту, ключових слів та інших даних.
Метадані не відображаються на сторінці, але браузери та пошукові системи будуть їх інтерпретувати. Дозволяється використовувати більш ніж один-тег, всі вони розміщуються в контейнері .
Метадані можуть бути використані браузерами (як відобразити контент, періодично перезавантажувати сторінку), пошуковими системами (визначення опису сайту, ключових слів та інших даних), або іншими веб-сервісами.
теги завжди йдуть всередині елемента в .
Метадані завжди передається у вигляді пар ім’я/значення.
Атрибут content має бути обов’язково визначений для атрибутів name та http-equiv . Якщо жоден з цих атрибутів не визначений, атрибут content не задається.
Синтаксис
| Атрибут | Опис атрибута |
|---|---|
| charset | Визначає кодування документа |
| content | Встановлює значення атрибута, заданого за допомогою `name` або `http-equiv`. |
| http-equiv | Призначений для конвертації « тег в заголовок HTTP |
| name | Ім’я « тега. |
| scheme | Вказує схему, яка буде використовуватися для інтерпретації значення атрибута. |
Вказує додаткову текстову підказку
Повідомляє браузеру переводити вказаний текст в елементі чи ні.
Контекстне меню для елемента
Дозволяє активувати або сфокусуватись на елементі за допомогою заданого сполучення клавіш.
Визначає один або кілька класів, щоб зв’язати елемент з таблицею стилів (CSS).
Визначає чи можна перетягувати елемент.
Дозволяє редагувати текст в середні тегу.
Вказує напрямок тексту.
Приховує вміст елемента від перегляду.
Задає унікальний ідентифікатор для елемента.
Визначає основну мову вмісту елемента
Вказує браузеру перевіряти чи ні правопис і граматику в тексті елемента.
Задає вбудований (inline) CSS стиль для елемента.
Встановлює порядок отримання фокусу при переході між елементами за допомогою клавіші `Tab`.
Вказує, що робити з перетягувати елементи.
Більше інформації про загальні атрибути за посиланням Загальні атрибути в html.
| Подія | Опис події |
|---|---|
| onplay | Скрипт викликається коли медіа дані готові почати відтворення. |
| onafterprint | Скрипт виконується тільки після як документ надрукований. |
| onbeforeprint | Скрипт виконується перед тим, як документ надрукований. |
| onbeforeunload | Скрипт виконується коли документ ось-ось буде вивантажений |
| onhashchange | Скрипт виконується коли там відбулися зміни до частини якоря в URL |
| onload | Викликається після того як завантаження елемента завершене. |
| onmessage | Скрипт виконується коли викликане повідомлення. |
| onoffline | Спрацьовує коли браузер починає працювати в автономному режимі |
| ononline | Спрацьовує коли браузер починає працювати в режимі онлай. |
| onpagehide | Скрипт виконується коли користувач переходить на іншу сторінку сторінку. |
| onpageshow | Скрипт виконується коли користувач заходить на сторінку. |
| onpopstate | Скрипт виконується коли змінено історію одного вікна. |
| onresize | Скрипт виконується, коли розмір вікна браузера змінюється. |
| onstorage | Скрипт виконується, коли вміст Web Storage оновлюється. |
| onunload | Викликається, коли сторінка розвантажена, або вікно браузера було зачинено. |
| onblur | Скрипт виконується, коли елемент втрачає фокус. |
| onchange | Викликається в той момент, коли значення елемента змінюється. |
| oncontextmenu | Скрипт виконується коли викликається контекстне меню. |
| onfocus | Викликається в той момент, коли елемент отримує фокус. |
| oninput | Скрипт викликається коли користувач вводить дані поле. |
| oninvalid | Скрипт виконується, коли елемент недійсний. |
| onreset | Викликається, коли натискається у формі кнопка типу Reset. |
| onsearch | Викликається, коли користувач щось пише в поле пошуку (для <input type="search">) |
| onselect | Викликаєтсья після того як будь-який текст був обраний в елементі. |
| onsubmit | Викликається при відправленні форми. |
| onkeydown | Подія викликається, коли користувач затис (натиснув та не відпускає) клавішу. |
| onkeypress | Викликається коли корисрувач натиснув на клавішу. |
| onkeyup | Викликається коли користувач відпускає клавішу. |
| ondblclick | Виникає при подвійному клацанні ЛКМ на елементі. |
| ondrag | Періодично викликається при операції перетягування. |
| ondragend | Викликається коли користувач відпускає перелягуваний елемент. |
| ondragenter | Викликається, коли перетягуваний елемент входить в цільову зону. |
| ondragleave | Викликається, коли перетягуваний елемент виходть з зони призначення. |
| ondragover | Викликається, коли перетягуваний елемент знаходиться в зоні призначення. |
| ondragstart | Викликається, коли користувач починає перетягувати елемент, або виділений текст. |
| ondrop | Викликається, коли перетягуваний елемент падає до зони призначення. |
| onmousedown | Викликається, коли користувач затискає ЛКМ на елементі. |
| onmousemove | Викликається, коли курсор миші переміщається над елементом. |
| onmouseout | Викликається, коли курсор виходить за межі елемента. |
| onmouseover | Виконується, коли курсор наводиться на елемент. |
| onmouseup | Викликається, коли користувач відпускає кнопку миші. |
| onscroll | Викликається при прокручуванні вмісту елемента (чи веб-сторінки). |
| onwheel | Викликається, коли користувач прокручує коліщатко миші. |
| oncopy | Викликається, коли користувач копіює вміст елемента. |
| oncut | Викликається, коли користувач вирізає вміст елемента. |
| onpaste | Викликається, коли користувач вставляє вміст в елемент. |
| onabort | Виконується при перериванні якоїсь події. |
| oncanplay | Скрипт виконується коли файл готовий, для початку відтворення (коли він буферизований достатньо, щоб почати відтворення) |
| oncanplaythrough | Скрипт виконується, коли контент вже може бути відтворений без переривання на буферизацію. |
| oncuechange | Скрипт виконується коли змінюється кий в <track> елемента |
| ondurationchange | Викликається коли змінюється довжина медіа файлу. |
| onemptied | Викликається коли доступ до медіа контенту обривається (зникло з’єднання з мережею). |
| onended | Викликається коли медіа елемент повністю відтворив свій зміст. |
| onshow | Викликається, коли елемент <menu> буде відображено як контекстне меню. |
| onloadedmetadata | Скрипт виконується коли метадані (розміри чи тривалість) завантажуються. |
| onloadeddata | Викликається коли медіа данні завантажено. |
| onloadstart | Викликається коли браузер тільки починає завантажувати медіа дані з сервера. |
| onpause | Викликається коли відтворення медіа даних призупинено. |
| onplaying | Викликається коли розпочато відтворення медіа даних. |
| onprogress | Подія onprogress відбувається, коли браузер завантажує вказане аудіо / відео. |
| onratechange | Викликається коли змінюється швидкість відтворення медіа даних. |
| onseeked | Викликається коли атрибут seeked у тега audio або video змінює значення з true на false. |
| onseeking | Викликається коли атрибут seeking у тегів audio або video змінює значення з false на true |
| onstalled | Скрипт виконується коли браузер з будь-якої причини не може отримати медіа дані. |
| onsuspend | Скрипт виконується коли з будь-якої причини завантаження данних призупинено до його повного завантаження. |
| ontimeupdate | Викликається коли змінилася позиція відтворення елемента <audio> або <video>. |
| onvolumechange | Викликається коли змінюється гучність звуку. |
| onwaiting | Викликається коли наступний кадр при відтворенні медіа даних недоступний, але браузер очікує що він незабаром завантажиться. |
| ontoggle | Викликається, коли користувач відкриває або закриває елемент <details>. |
| onerror | Викликається якщо при завантаженні елемента сталася помилка. |
| onclick | Подія викликається коли користувач клацає ЛКМ по елементу. |
Більше інформації про html події за посиланням Атрибути подій в html.
Переглядачі
- Стаціонарні переглядачі
- Мобільні переглядачі
Шаг 5. Что такое метатеги и как их использовать
В продолжение нашей рубрики о SEO-оптимизации сайтов, расскажем, что такое метатеги и как их использовать, чтобы они принесли пользу вашему сайту.
Метатеги — это теги, которые предоставляют поисковым системам дополнительную информацию о странице сайта. Метатеги для сайта размещаются между тегами .
Выглядеть они могут следующим образом:
День народження ❤️ ROZETKA | Знижки до 60% до Дня народження Розетки … В статье рассмотрим одни из основных элементов, оказывающих влияние на ранжирование — тег Title и мететаг Description. Метатег Keywords практически не используется при ранжировании, поэтому рассматривать его не будем.
Из статьи узнаете:
- Что такое тег Title
- Как написать Title
- Рекомендации от поисковых систем
- Шаблон для тегов Title
- Как написать Description
- Рекомендации от поисковых систем
- Шаблон для тегов Description
Что такое тег Title
Title — это тег, в котором содержится заголовок HTML-страницы. Этот заголовок видимый как для посетителей сайта, так и для поисковых систем. Также он может использоваться социальными сетями.
В HTML-коде он выглядит следующим образом:
День народження ❤️ ROZETKA | Знижки до 60% до Дня народження Розетки Так содержимое тега Title выглядит в браузере:
Тег Title является одним из важных факторов и оказывает значительное влияние на релевантность сайта. Содержимое тега отображается в результатах поиска, поэтому важно, чтобы Title был составлен привлекательно и пользователям захотелось кликнуть по ссылке.
Когда вы делаете пост в социальной сети, содержимое тега будет отображаться в виде ссылки, если не используется разметка Open Graph:
Как написать Title
Рекомендации по составлению тегов Title:
- Title для каждой страницы должен быть уникальным. Найти дубликаты тегов можно с помощью Google Search Console или других сервисов, о которых читайте в разделе «Как найти дубликаты страниц» нашей статьи «Как сделать технический аудит сайта»;
- разместите наиболее частотные слова из семантического ядра в самом начале тега;
- составляйте осмысленные фразы. Не нужно перечислять набор ключевых слов;
- рекомендованная длина Title — 60 символов. На десктопной версии поиска Google сниппет имеет размеры в 600 пикселей, слишком длинные заголовки Title будут обрезаться:
Рекомендации от поисковых систем
Заголовок страницы — это текст, определяемый в HTML тегом . С его помощью веб-мастер дает понять поисковой системе, что содержится на странице. Текст, который обрамляется тегами , отображается браузером в заголовке окна. Кроме того, этот текст будет содержать и ссылку на ваш сайт на странице результатов поиска, то есть это, в некотором роде, визитная карточка вашего ресурса. Поэтому от того, как написан заголовок, зависит, появится или нет у пользователя желание перейти на страницу вашего сайта для получения более подробной информации.
Хорошо также, если заголовок не только содержит ключевые слова, но также информативен и актуален. Укажите в заголовке краткое описание предоставляемых услуг. Бессмысленно перечислять здесь большое количество ключевых фраз — пользователь не сможет их увидеть, поскольку они просто не поместятся на экран монитора.
Что пишет про Title Google:
Название должно точно соответствовать содержанию страницы. Выберите название, которое наиболее соответствует ее содержимому.
Название каждой страницы должно быть уникально. Желательно, чтобы у каждой страницы было свое уникальное название, сообщающее поисковой системе о том, как данная страница отличается от других страниц вашего сайта.
Название должно быть кратким, но точным и содержательным. Если название слишком длинное, то Google покажет в поисковой выдаче только его часть.
Что о нас пишут клиенты:
Очень много плюсов. Стабильный хостинг, грамотная поддержка, быстрое и компетентное реагирование. А еще лояльное отношение к клиенту!
Шаблон для тегов Title
При составлении тегов Title можно воспользоваться следующим принципом:
[Основное ключевое слово] — [Второстепенное ключевое слово] | [Название бренда или сайта]
Если у вас малоизвестный бренд, название его можно пока не указывать.
Пример тега Title для страницы информационного сайта:
Title: Как построить гараж дешево и быстро | Строительство недорогого гаража
Часто возникают вопросы о том, как составить Title для интернет-магазина. На сайтах интернет-магазинов могут быть десятки категорий и тысячи товаров. Составлять вручную теги для каждой страницы будет очень трудоемкой задачей. С помощью программистов можно реализовать автоматическое заполнение метатегов по заданным шаблонам.
Для интернет-магазинов можно использовать следующие шаблоны.
Для категории каталога:
Title: [Название категории] | Купить в [Городе], цена в интернет-магазине [Название магазина]
Пример: Дрели электрические | Купить в Харькове, цена в интернет-магазине SuperMagaz.ua
Для карточки товара:
Title: [Название товара] | Купить в [Городе], цена, описание в интернет-магазине [Название магазина]
Пример: Дрель ударная Storm Intertool WT-0107 | Купить в Харькове, цена, описание в интернет-магазине SuperMagaz.ua
Это один из примеров шаблонов. Для каждого конкретного случая нужно анализировать выдачу и экспериментировать.
✅ Вы читаете статью из пошагового SEO-руководства
Шаги, которые были до ��
- Шаг 0. Что такое поисковая оптимизация сайтов
- Шаг 1.1. Как добавить сайт в Google Search Console
- Шаг 1.2. Как установить Google Analytics на сайт
- Шаг 2. Как сделать технический аудит сайта
- Шаг 3. Как подобрать ключевые слова для сайта
- Шаг 4. Как оптимизировать тексты
Шаги, которые будут дальше ��
- Шаг 6. Внутренняя перелинковка
- Шаг 7. Внешняя оптимизация сайта
- Шаг 8. Оптимизация поведенческих факторов
Что такое метатег Description
В метатаге Description содержится короткий абзац текста с описанием страницы. Он может использоваться для формирования сниппета в поисковой выдаче.
В HTML-коде он выглядит так:
А в результатах поиска так:
Как написать Description
Рекомендации по составлению метатегов Description:
- Description для каждой страницы должен быть уникальным. Найти дубликаты метатегов можно с помощью Google Search Console;
- в описании используйте наиболее частотные ключевые слова из семантического ядра;
- составляйте осмысленные фразы. Не нужно перечислять набор ключевых слов;
- рекомендованная длина мететага Description — до 300 символов;
- для создания более привлекательных сниппетов используйте специальные символы в описании, но не злоупотребляйте ими. Символы можно подобрать в таблице https://unicode-table.com/.
Рекомендации от поисковых систем
Поисковики рекомендуют составлять мета-описания, исходя из контента конкретной страницы сайта, а не сайта в целом. Метатеги должны быть написаны для людей, нормальным человеческим языком — развернуто, правильно выстроенными предложениями, без злоупотреблений ключевыми словами, фразами, заглавными буквами, рекламными лозунгами и прочим смысловым мусором.
Описания должны быть емкими и при этом содержательными. Старайтесь выразить основную суть документа в нескольких предложениях.
Язык мета-описаний должен соответствовать языку страницы.
Что пишет про Description Google:
Постарайтесь сделать описание страницы интересным и содержательным для пользователей, которые увидят его в качестве сниппета на странице.
- вставлять в тег описание, не соответствующее содержимому страницы;
- использовать общие слова в описании, например «это моя страница» или «страница про открытки»;
- наполнять тег ключевыми словами;
- вставлять в тег полный текст страницы.
Шаблон для тегов Description
Для информационных страниц универсального шаблона нет, для интернет-магазинов можно использовать следующий вариант:
Для категории каталога:
Description: Купить [Название раздела] с гарантией ✈ Бесплатная доставка по Украине ☎ [Номер телефона] ➤ Интернет-магазин [Название магазина].
Пример: Купить дрели электрические с гарантией ✈ Бесплатная доставка по Украине ☎ (067) 123-45-67 ➤ Интернет-магазин SuperMagaz.ua.
Для карточки товара:
Description: [Название товара] — [Цена] грн.✈ Бесплатная доставка по Украине ☎ [Номер телефона] ➤ Интернет-магазин [Название магазина].
Пример: Дрель ударная STORM INTERTOOL WT-0107 — 777 грн.✈ Бесплатная доставка по Украине ☎ (067)123-45-67 ➤ Интернет-магазин SuperMagaz.ua.
Мета-теги
Виды мета-тегов и их задачи, особенности заполнения и готовые шаблоны.
Последнее обновление: 29 августа 2023 года
Мета-теги — часть программного HTML-кода, заключенная между тегом
. (заголовок страницы). Эти атрибуты не являются обязательными: они не видны пользователю, но сообщают определенную информацию поисковой системе (описание, заголовок, ключевые слова и т.д.).Задачи meta-тегов
Мета-теги выполняют несколько важных функций:
- Влияют на то, как отображается и какую позицию занимает страница в индексе (выдаче).
- Помогают продвигать ресурс по наиболее соответствующим Вашей целевой аудитории запросам. Позволяют потенциальному посетителю увидеть в поисковой выдаче нужную информацию, делая описание максимально информативным.
- Фиксируют данные о странице, помогают правильно отобразить информацию, настроить индексацию (анализ сайта и внесение его в базу для последующего включения в выдачу).
Сейчас мета-теги не оказывают сильного влияния на SEO-продвижение сайтов , но по-прежнему учитываются при оценке поисковыми системами. При прочих равных условиях предпочтение отдается ресурсу с грамотно сформированными тегами.
Оставить заявку
Мета теги для SEO (поисковой) оптимизации
Сюда относятся три тега: title, description, keywords. Эти атрибуты сообщают поисковому роботу информацию о сайте, которая помогает грамотно определить тематику ресурса и ранжировать (сортировать) в выдаче. Потому составляя метатеги, вебмастера обязательно используют ключевые слова (слова и фразы, которые целевой пользователь вводит в строку поиска, чтобы найти нужный ресурс). Yайти их можно с помощью Yandex Wordstat.
Title
Заголовок страницы. В индексе это — крупная синяя ссылка на сайт, в браузерных вкладках — название.
Как заполнять
Атрибут должен содержать основные ключевые слова и конкурентные преимущества. Важно, чтобы пользователь сразу понял, что Вы предлагаете, и почему данный ресурс ему подойдет. Основная сложность — вместить нужную информацию в четко заданный поисковыми системами лимит символов. У Google максимум — 70 (12 слов), у Яндекс — 80 (15 слов).
Рассмотрим пример. Дано: ключевые слова «купить кресло», «купить кресло недорого», «купить удобное кресло»
Неудачный title: Купить кресло. Купить удобное кресло, купить кресло недорого
Удачный title: Как купить удобное кресло недорого с доставкой и получить скидку 15%?
В первом случае — переспам (переизбыток ключевых фраз), нечитабельное предложение с точки зрения пользователя. Второй вариант meta тега объединяет все нужные ключевики в логичной последовательности и указывает на конкурентное преимущество компании (скидку).
Description
Краткий «анонс» страницы в результатах поиска. Несколько коротких предложений, в которых используются ключевые слова (не все — наиболее значимые) конкретной страницы. Рекомендуемая длина meta тега — 160-200 символов.
Мета-теги Title и Description составляются отдельно для каждой страницы сайта, т.к. все разделы должны иметь собственный список ключевых фраз, соответствующий тематике и содержимому.
С помощью meta name description поисковым роботом описание страницы — сниппет. Он отображается в результатах поиска под title.
Если атрибут не заполнен либо сформирован не по правилам (значительно превышен лимит символов, переспам), то поисковый робот составляет описание автоматически, «собирая» его по кусочкам фраз на странице. Результат получается не сильно привлекательный и «продающий».
Как заполнять
Дано: магазин продажи книг; ключевые слова «интересная книга», «купить книгу»
Неудачный Description: Книги издавна являются одними из самых близких «друзей» человека. Интересная книга помогает скоротать время, дает полезные знания, раскрывает занимательные факты, пробуждает эмоции. Потому стоит задуматься о том, чтобы купить книгу в нашем магазине.
Удачный Description: Нужна интересная книга? В нашем магазине — широкий выбор тематик: от узкоспециальной литературы до мировых бестселлеров. У нас Вы можете купить книгу с доставкой в течение 1-5 дней в любой регион РФ. Первым покупателям — скидка 10%.
Первый вариант — не специально составленный meta-тег, а взятый со страницы кусок статьи. Возможно, пользователю интересно почитать литературный текст, но, обращаясь к поисковой системе, он предпочтет получить ответ на конкретный запрос о покупке. Потому мета-теги для сайта второго типа более привлекательны: они сразу дают понимание, какой ассортимент и преимущества предлагает магазин.
Keywords
Сообщает поисковому роботу ключевые слова, под которые «заточен» контент. Поисковый робот сверяет фразы в содержимом страницы с указанными в данном теге, а полученные результаты учитывает в дальнейшем при определении позиций ресурса.
Сейчас поисковики не придают данному атрибуту такой вес, как раньше. Но грамотное использование его не будет лишним.
Как заполнять
Используйте 3-6 ключевых слов/фраз через запятую. Чрезмерное употребление может расцениваться поисковиком как переспам. В список должны включаться только используемые на странице запросы, под которые оптимизирован текст, названия товаров и так далее.
Мета-теги технического характера
Это атрибуты внутренней оптимизации ресурса. Такие мета-теги настраивают информацию, которая отображается пользователю в браузере, и включают отдельные опции (к примеру, дают возможность закрыть для индексации отдельные разделы).
Наиболее распространенные технические мета-теги:
- Content-type. Включает данные о типе документа и кодировке. Влияет на то, насколько корректно страница будет отражаться в браузере. Особенно актуален при неверной настройке браузера или сервера. В такой ситуации документ будет показан на другой кодировке, и пользователь не сумеет ничего изменить даже попыткой переключить вручную.
- Content-language. Содержит информацию о языке контента (содержимого). Как и с предыдущим тегом, сейчас браузеры определяют язык автоматически. Но в случае неверных настроек данный тег будет полезен.
- Robots. Показывает поисковому роботу, какие страницы следует включать в индекс, а какие — нет. Данный тег предполагает ряд дополнительных атрибутов: index/noindex (можно/нельзя индексировать); follow/nofollow (учитывать/не учитывать гиперссылки); all/none (открыть/закрыть для индексации страницу и гиперссылки).
- Refresh. Позволяет задать время обновления страницы при загрузке либо переадресации пользователя в другой раздел. Тег полезен в случае обновления сайта: вместо страницы ошибки 404 или длительной загрузки перенаправляет пользователя в новый раздел.
- Meta Author и Copyright. Этими тегами можно прописать авторство графического и текстового содержимого страницы.
Все выше перечисленные мета-теги для сайта призваны, прежде всего, улучшить восприятие вашего ресурса поисковиком. Потому уделите внимание грамотному составлению атрибутов, отражайте только правдивую информацию.
Помните, что сейчас поисковики оценивают ресурсы, в первую очередь, по качеству контента, кода, структуры, юзабилити. Потому при составлении мета-тегов важно ставить себя на позицию пользователя: указывать данные, способные повлиять на восприятие и отображение страницы, преподносить полезную информацию последовательно, логично, с ключевыми выгодами для клиента.
Мета-теги — только часть (хотя и необходимая часть) технической оптимизации сайта. Чтобы проверить их, скорость загрузки сайта, все другие параметры, проведите полный поисковый аудит сайта.