Мета теги (англ. meta-tags) — HTML- или XHTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице. Мета-теги помещаются внутрь тега head в HTML-документе, как правило, после тега TITLE. Мета-теги используются для указания описания страницы, ключевых слов и других данных. У тега meta допустимы четыре атрибута: content, http-equiv, name и scheme. Из них обязателен только лишь атрибут content.
Мета-теги это служебные теги, которые посетители сайта не видят, но зато прекрасно видят поисковые системы. И служат они именно для поисковых систем, чтобы помочь им лучше проиндексировать Ваш сайт, понять его.
В классическом виде важнее всего мета-теги description и keywords.
Мета-тег keywords предназначен для перечисления ключевых слов, которые встречаются на странице.
Мета-тег description — это краткое содержание страницы, желательно с включением основных ключевых слов.
На сегодняшний день Вы можете найти много статей о бесполезности и, наоборот, важности мета-тегов. Лично я не хочу вдаваться в полемику и считаю, что данные теги могут только помочь Вашему сайту, в крайнем случае сыграть нейтральную роль. Так почему же их не использовать?
Как вставить мета-теги на сайт
Мета-теги вставляются всегда между тегами <head></head> имеют следующий вид:
1 2 |
<meta name="Keywords" content="Ваши ключевые слова через запятую" /> <meta name="Description" content="Ваше описание страницы" /> |
В мета-теге Keywords перечисляете все ключевые слова для данной страницы.
В мета-теге Description пишите емкое описание страницы. Старайтесь писать короткое описание не более 150-160 символов, так как часто содержание тега Description появляется в сниппете Гугла. (Сниппет – это текстовое описание сайта в поисковой выдаче).
Как вставить мета-теги на сайт uCoz
На сегодняшний день система uCoz не позволяет отдельно редактировать HTML код каждой страницы.
Но как же тогда вставлять мета-теги?
Способ 1. С помощью условных операторов. В модуле «Редактор страниц» может применяться только этот способ, соответственно ТОЛЬКО он подходит для добавления мета-тегов для Главной страницы сайта.
С помощью списка переменных страницы можно в шаблоне нужного модуля сайта задать определенное условие для конкретной страницы.
Например, для Главной страницы сайта выглядеть это будет так:
1 |
<?if($URI_ID$='page1')?> <meta name="Keywords" lang="ru" content="Ключевые слова через запятую" /> <meta name="description" lang="ru" content="Описание страницы сайта" /> <?endif?> |
Вместо page1 Вы можете подставить $URI_ID$ любой страницы сайта. Что такое $URI_ID$ читайте в статье: Список переменных страницы uCoz.
Вышеуказанный код нужно вставить в шаблон модуля Редактор страниц, между тегамии, желательно после тегов….
Но, у этого способа есть свой недостаток: сколько страниц — столько и условий. В результате, если страниц 1000 — то и условий 1000, и разобраться потом в этом, при необходимости редактирования будет сложно. Но Слава Богу для динамических модулей есть более подходящий способ.
Способ 2. С помощью системных кодов. Динамические модуля сайта uCoz, такие как Каталог статей (файлов, сайтов) Новости сайта и другие, при Добавлении нового материала имеют специальные поля для заполнения. Каждому такому полю соответствует свой системный код, который можно посмотреть в соответствующем шаблоне. Подробнее об этом в статье «Редактирование шаблона«.
В Настройках модуля Вы можете увидеть список всех возможных полей модуля.
Ремарка, на моем примере некоторые поля уже изменены под мои нужды)
Необходимо ставить галочки напротив тех полей которыми Вы хотите пользоваться. И обычно всеми полями Вы не пользуетесь. Так почему же не использовать их для ключевых слов.
Выберите любое ненужное Вам поле и используйте его для ключевых слов (так и переименуйте его)
А вот для мета-тега Description я советую использовать поле Краткое описание материала. И описание будет действительно кратким и в Description его можно вставить.
Теперь когда Вы определились с полями, находим нужный шаблон и вставляем туда следующий код (код нужно вставить в нужный шаблон модуля, между тегамии <head> и </head>, желательно после тегов <title>…</title>):
1 2 |
<meta name="Keywords" content="$AUTHOR_SITE$" /> <meta name="description" lang="ru" content="$BRIEF$" /> |
В моем примере использованы системные коды $AUTHOR_SITES» — поле «сайт автора» и $BRIEF$ — поле «краткое описание материала». Вы можете воспользоваться любыми полями.
Как украсить сниппет?
Я уже писала Выше что поисковая система Google часто берет описание мета-тега description для отображения его в поисковой выдаче (сниппет). Так почему же не сделать это отображение не похожим на другие? Чтобы оно сразу бросалось в глаза? Для этого используйте в мета-теге description графические символы UTF-8.
В моем случае это выглядит так:
1 2 |
<meta name="description" lang="ru" content="ⓌⒺⒷ ❶ ⓈⓉⒺⓅ $BRIEF$ ❶" /> <meta name="Keywords" content="$AUTHOR_SITE$" /> |
Вы же можете использовать любые символы, исходя их своей фантазии.
Больший список символов Вы можете посмотреть тут:
Графические символы UTF-8
Как посмотреть мета-теги на других сайтах?
Иногда новичку не так то просто сразу сообразить что лучше писать в мета-тегах и хочется спросить у профессионалов. У Вас есть такая возможность.
С помощью своего браузера Вы можете исходный HTML код любой страницы в интернете, где В начале страницы и расположены мета-теги. Для этого нажмите в своем браузере сочетание клавиш CTRL+U.
Или
В Internet explorer: Страница — Просмотр HTML кода
В Mozilla Firefox: Firefox — Веб-разработка — Исходный код страницы
В Google Chrome: Настройка у управление (значек ключик справа вверху) — Инструменты — Посмотреть исходный код.
Таким образом, Вы можете учится составлять мета-теги у профессионалов, но на сегодняшний день не все сайты все-таки их используют.
Спасибо, очень полезная статья! Единственное — возник вопрос: если мне нужно поставить мета-теги на страницу «Услуги», то я копирую ее номер $URI_ID$, затем захожу в управление дизайном CSS и там ставлю данную строчку?
Появляются ли при этом отдельные окошки для тегов? или они прописываются вместо слов «Ключевые слова через запятую» «Описание страницы сайта»
Кристина, в СSS добавлять ничего нужно, это стили сайта. Для того, чтобы добавить метатеги на Вашу страницу «Услуги» перейдите в Панели Управления сайтом: Дизайн — Управление дизайном (шаблоны) — Редактор страниц — Страницы сайта.
Перед закрывающимся тегом
вставьте следующий код:
где Вы должны поменять page1 на URI_ID Вашей страницы «Услуги»; Ключевые слова пишите через запятую, а описание страницы сайта — это одно-два предложения.