Изучаем метатеги

Метатеги — очень важные теги, в которых хранится информация для браузеров и поисковых систем. Раньше правильное наполнение этих тегов было критично для получения хорошей поисковой выдачи, но сейчас поисковики существенно поумнели и уже не принимают на верю все, что написано, а самостоятельно проверяют. Тем не менее, считаю, добавление дополнительной информации для роботов как минимум не повредит, а времени на них особо много не уходит.

Сегодня я разберу только несколько тегов, которые я однозначно решил использовать. Метатеги прописываются в теге <head></head>, который часто называют контейнером. В примере далее будет указан только этот контейнер без тела страницы и дополнительных элементов.

Метатегов довольно много, причем существуют специальные под конкретные поисковики, но нам для начала требуется определить минимальный список необходимых.

<title></title> это не совсем метатег, но так же находится в контейнере. Указанное слово, словосочетание или предложение будет отображаться на вкладке в поисковике. <title> Изучаем метатеги </title> так будет выглядеть готовый тег.

Далее пошли «составные» теги. Внутри тега может быть не только текст, но и атрибуты. Атрибут, грубо, это информация для браузера, как должен работать данный тег, убирается в «» кавычки. Помимо самого атрибута, у него должно быть значение. Существует несколько групп метатегов, например, name, http-equiv, content и глобальные атрибуты.

<meta name=»description» content=»С нуля учусь программированию, пишу о своем опыте, разбираю разные задачи»>.
Данный метатег показывает браузеру что ему писать о нашем сайте на странице поисковой выдачи. Его можно не заполнять, и браузер самостоятельно сделает описание нашего сайта, но результат может быть непредсказуемым, лучше потратить немного времени и сделать это самостоятельно.

<meta name=» keywords» content=»html, meta, метатег, учимся программировать»>. Можно оставить ключевые слова на разных языках, тогда нужно добавить, например, lang=»ru».
Данный метатег дает поисковой машине ключевые слова для ранжирования. На заре интернетов был очень важным тегом, позволял сильно влиять на поисковую выдачу, чем все и пользовались. Сейчас не имеет такого значения, поисковик дополнительно анализирует контент сайта, если запихнуть лишнее, просто проигнорирует это. Но грамотная настройка ключевых слов все равно поможет роботу, так же строит потратить немного времени на проработку.

Первые три тега более-менее очевидные, далее пошли более сложные для понимания.

<meta name=»robots» content=»index, follow»> разрешает поисковым системам индексировать страницы и переходить по ссылка. Возможны варианты:
index, follow;
noindex, follow;
index, nofollow;
noindex, nofollow.

<meta http-equiv=»Content-Type» content= «text/html; charset=utf-8»>
Указывает на тип документа, кодовую таблицу и характеристики текста.

<meta http-equiv=»X-UA-Compatible» content=»IE=edge»>
Используется исключительно для Iternet Explorer версий с 8 по 11 и Edge и помогает этим славным продуктам использовать самый последний движок браузера. Не определился по поводу необходимости этого тега.

В итоге у меня получилось следующее:

<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>
<meta name=»robots» content=»index, follow»>
<title> Название страницы </title>
<meta name=»description» content=»Описание для поисковой выдачи»>
<meta name=» keywords» content=»ключевые слова»>
</head>

Именно такую заготовку я беру себе на вооружение.

Добавить комментарий

Ваш e-mail не будет опубликован.