Как правильно заполнять мета теги

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

Описание мета тегов

Для начала давайте определимся, что такое мета теги и для чего они нужны.

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

Сложно? Думаю, что для большинства читателей, да. Поэтому попытаюсь объяснить все на пальцах, что бы даже человеку абсолютно не знакомому с SEO все стало понятно. Начну, как я обычно это делаю, с конца 🙂

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

Второе. Мета теги для сайта, всегда помещаются в голову документа. Т.е. все мета теги находятся между тегами <head> и </head>. И они никак не могут оказаться между тегами <body> и </body>. Если же такое наблюдается на сайте, а такие сайты я видел не раз, то это грубейшая ошибка! Ее надо немедленно исправлять. Всегда правильно заполняйте мета теги на сайте.

Третье. А на третье у нас компот 🙂 . Шучу. Третье у нас логически вытекает из второго, все, что помещено в голову документа, не будет отображаться на сайте. Т.е. бесполезно совать в голову документа картинки или текст, все это не будет воспринято как контент документа. Что бы обезопасить свою светлую голову от возможно уже летящих в нее помидоров,  вдогонку которым слышаться слова, «Да кто же сует картинки в голову?!», приведу кусок забавного года:

<head>
<title>Рецепт домашнего курника</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="<img src="здесь я ссылку удалил"> Рецепт домашнего курника из самых простых продуктов, что есть в холодильнике. Готовится за полчаса и не требует усилий.">

Так что, какого только описания мета тегов не повстречаешь 🙂

А теперь, когда мы уяснили, что такое мета теги, где их следует ставить, и для чего они нужны, давайте подробно рассмотрим, как правильно заполнять мета теги.

Как заполнять мета теги

Для начала, давайте рассмотрим основные мета теги, которые могут встретиться вам на сайте и присутствие которых необходимо как воздух. Но, начнем мы не с самых популярных: title и description, а с объявления кодировки — charset.

Charset. Чтобы не запутать ни браузер, ни робота пришедшего к нам на сайт, в первую очередь мы сообщаем кодировку, в которой написана наша страница. Делаем это следующим образом:

<meta charset="UTF-8">

У вас может быть кодировка отличная от UTF-8. В примере я привел кодировку, используемую у меня на сайте.

Мета тег <title>. Несмотря на то, что большинство мета тегов начинаются со слова meta, и не имеют закрывающего тега, мета тег title особенный. Он обладает всеми атрибутами обычных тегов. И запихать вам его нужно, как можно выше по структуре вашего документа. Самым лучшим вариантом будет, если ваш мета тег title будет стоять сразу после мета тега charset. Т.е., правильная структура будет следующей:

<head>
<meta charset="UTF-8">
<title>…</title>

Данный пример был взят с этого сайта. Вы можете убедиться в этом, открыв исходный код страницы. Более подробно о том, как правильно заполнить мета тег title, вы можете прочитать отдельную статью «Мета теги для продвижения сайта» . Тема на самом деле обширная, и искусственно раздувать эту статью не хотелось.

Мета тег <description>. Он не менее важен на странице, чем и мета тег title. Хоть на протяжении уже нескольких лет, от многих SEO мастеров можно услышать мнение, что description больше не нужен на сайте, его значение все еще очень весомо. Ведь из него поисковиками формируется сниппет. Правильное расположение мета тега description сразу же после title. Готовая строчка имеет вид:

<meta name="description" content="Описание вашей страницы">

Более подробно о том, как правильно заполнять этот мета тег и мета тег <keywords> вы можете прочитать вот тут. Причина, по которой я не описываю правила их заполнения в этой статье, абзацем выше.

Мета тег <keywords>. Этот мета тег пишется всегда в паре с description. И идет следующей строчкой. Хотя сегодня польза от этого тега весьма сомнительна, присутствие его на сайте не будет считаться ошибкой. Готовая строчка имеет вид:

<meta name="description" content="Ключевые слова через запятую">

Author. Этот мета тег используется для того, что бы указать поисковым системам авторство на сайт. Когда-то с помощью этого тега можно было привязать свой аккаунт в Гугле к сайту и в результате выдачи появлялся ваш аватар загруженный в акканут Гугл. Но, сейчас  Гугля убрала такую возможность. Строчка имеет вид:

< meta name = “Author” content="Ваше имя">

Copyright.Почти то же самое, что и мета тег Author. Только, как правило, этот тег используется компаниями, что бы указать свои права в разработке сайта. Указывать оба тега Author и Copyright в одном документа нежелательно. Строчка имеет вид:

<metaname= “copyright” content="Информация о компании">

Revisit. С помощью этого мета тега мы даем понять поисковому роботу, через какое время следует вернуться на сайт, что бы проиндексировать документ. Для примера, напишем строчку, где укажем, что индексировать страницу стоит раз в пять дней:

<meta name="Revisit" content="5">

Эта функция полезна для сайтов с частой сменой информации по одному и тому же адресу. К примеру, меню в интернет-ресторане.

Robots. Очень важный мета тег. От того присутствует ли он на странице и правильно ли заполнен этот мета тег на сайте, может зависеть индексация вашего ресурса поисковиками. У него имеются следующие значения

  • Index — страница должна быть индексирована.
  • Noindex — страница не должна индексироваться.
  • Follow — прослеживать ссылки на странице.
  • Nofollow — не прослеживать ссылки на странице.
  • None —  noindex, nofollow.
  • All —  index, follow (принято по умолчанию).

Строчка может иметь вид:

<meta name=”Robots” content="noindex,follow">

Хотя, на много лучше не прописывать данную строчку для страницы, а использовать отдельный документ robots.txt. Как его правильно составлять, я подробно описать вот тут.

Описанные мною мета теги, конечно же, не отражают всего количества, что было их придумано за время существования всемогущего интернета. Сейчас я просто попытался дать описание мета тегам, которые чаще всего встречались мне на практике. Плюс к этому, я выделил самые важные из них, по моему мнению. Если вы захотите добавить мою статью своими замечаниями, то милости прошу в комментарии. Всегда рад чужому мнению.

Так же советую почитать:

Внешняя оптимизация сайта
Привет всем! Сегодня прекрасный день – пятница тринадцатое. А еще, мне сегодня снились летающие беге...
Карта сайта
Привет всем читателям блога Старая Ворона. Как вы, наверное, уже поняли из названия поста, сегодня р...
Как поднять тИЦ бесплатно
Привет всем! В своих недавних статьях вот тут и тут, я рассказывал вам о тИЦ и о том, как его нараст...
Как правильно спамить на блогах и сайтах
Привет, друзья! Совсем недавно, я рассказывал вам о том, как бороться со спамом. Сегодня же, совершу...

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *