Мета теги description и keywords

ВикипедияМета-теги (англ. meta-tags) — HTML- или XHTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице. Мета-теги помещаются внутрь тега head в HTML-документе, как правило, после тега TITLE. Мета-теги используются для указания описания страницы, ключевых слов и других данных. У тега meta допустимы четыре атрибута: content, http-equiv, name и scheme. Из них обязателен только лишь атрибут content.

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

Мета-тег keywords предназначен для перечисления ключевых слов, которые встречаются на странице.
Мета-тег description — это краткое содержание страницы, желательно с включением основных ключевых слов.

На сегодняшний день Вы можете найти много статей о бесполезности и, наоборот, важности мета-тегов. Лично я не хочу вдаваться в полемику и считаю, что данные теги могут только помочь Вашему сайту, в крайнем случае сыграть нейтральную роль. Так почему же их не использовать?

Как вставить мета-теги на сайт

Мета-теги вставляются всегда между тегами <head></head> имеют следующий вид:

В мета-теге Keywords перечисляете все ключевые слова для данной страницы.
В мета-теге Description пишите емкое описание страницы. Старайтесь писать короткое описание не более 150-160 символов, так как часто содержание тега Description появляется в сниппете Гугла. (Сниппет – это текстовое описание сайта в поисковой выдаче).

Как вставить мета-теги на сайт uCoz

На сегодняшний день система uCoz не позволяет отдельно редактировать HTML код каждой страницы.
Но как же тогда вставлять мета-теги?

Способ 1. С помощью условных операторов. В модуле «Редактор страниц» может применяться только этот способ, соответственно ТОЛЬКО он подходит для добавления мета-тегов для Главной страницы сайта.
С помощью списка переменных страницы можно в шаблоне нужного модуля сайта задать определенное условие для конкретной страницы.
Например, для Главной страницы сайта выглядеть это будет так:

Вместо page1 Вы можете подставить $URI_ID$ любой страницы сайта. Что такое $URI_ID$ читайте в статье: Список переменных страницы uCoz.
Вышеуказанный код нужно вставить в шаблон модуля Редактор страниц, между тегамии, желательно после тегов….

Но, у этого способа есть свой недостаток: сколько страниц — столько и условий. В результате, если страниц 1000 — то и условий 1000, и разобраться потом в этом, при необходимости редактирования будет сложно. Но Слава Богу для динамических модулей есть более подходящий способ.

Способ 2. С помощью системных кодов. Динамические модуля сайта uCoz, такие как Каталог статей (файлов, сайтов) Новости сайта и другие, при Добавлении нового материала имеют специальные поля для заполнения. Каждому такому полю соответствует свой системный код, который можно посмотреть в соответствующем шаблоне. Подробнее об этом в статье «Редактирование шаблона«.
В Настройках модуля Вы можете увидеть список всех возможных полей модуля.

Мета-теги на uCoz

Ремарка, на моем примере некоторые поля уже изменены под мои нужды)
Необходимо ставить галочки напротив тех полей которыми Вы хотите пользоваться. И обычно всеми полями Вы не пользуетесь. Так почему же не использовать их для ключевых слов.
Выберите любое ненужное Вам поле и используйте его для ключевых слов (так и переименуйте его)
А вот для мета-тега Description я советую использовать поле Краткое описание материала. И описание будет действительно кратким и в Description его можно вставить.

Теперь когда Вы определились с полями, находим нужный шаблон и вставляем туда следующий код (код нужно вставить в нужный шаблон модуля, между тегамии <head> и </head>, желательно после тегов <title>…</title>):

В моем примере использованы системные коды $AUTHOR_SITES» — поле «сайт автора» и $BRIEF$ — поле «краткое описание материала». Вы можете воспользоваться любыми полями.

Как украсить сниппет?

Я уже писала Выше что поисковая система Google часто берет описание мета-тега description для отображения его в поисковой выдаче (сниппет). Так почему же не сделать это отображение не похожим на другие? Чтобы оно сразу бросалось в глаза? Для этого используйте в мета-теге description графические символы UTF-8.

В моем случае это выглядит так:

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

Как посмотреть мета-теги на других сайтах?

Иногда новичку не так то просто сразу сообразить что лучше писать в мета-тегах и хочется спросить у профессионалов. У Вас есть такая возможность.

С помощью своего браузера Вы можете исходный HTML код любой страницы в интернете, где В начале страницы и расположены мета-теги. Для этого нажмите в своем браузере сочетание клавиш CTRL+U.

Или

В Internet explorer: Страница — Просмотр HTML кода

В Mozilla Firefox: Firefox — Веб-разработка — Исходный код страницы

В Google Chrome: Настройка у управление (значек ключик справа вверху) — Инструменты — Посмотреть исходный код.

Таким образом, Вы можете учится составлять мета-теги у профессионалов, но на сегодняшний день не все сайты все-таки их используют.


Подпишитесь на RSS канал - если Вы хотите первыми узнавать о новых статьях на сайте!!!

Статьи по теме:

2 комментария

  1. Спасибо, очень полезная статья! Единственное — возник вопрос: если мне нужно поставить мета-теги на страницу «Услуги», то я копирую ее номер $URI_ID$, затем захожу в управление дизайном CSS и там ставлю данную строчку?
    Появляются ли при этом отдельные окошки для тегов? или они прописываются вместо слов «Ключевые слова через запятую» «Описание страницы сайта»

    • Кристина, в СSS добавлять ничего нужно, это стили сайта. Для того, чтобы добавить метатеги на Вашу страницу «Услуги» перейдите в Панели Управления сайтом: Дизайн — Управление дизайном (шаблоны) — Редактор страниц — Страницы сайта.
      Перед закрывающимся тегом

      вставьте следующий код:

      где Вы должны поменять page1 на URI_ID Вашей страницы «Услуги»; Ключевые слова пишите через запятую, а описание страницы сайта — это одно-два предложения.

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

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