Ключевые слова по умолчанию значит. Что такое мета теги, как правильно заполнить и проверить: примеры из практики. основных правил составления описания страниц Description

04.11.2020 Советы 

Title, Description, Keywords - эти термины сбивают с толку каждого начинающего блогера и интернет-предпринимателя.

Помню, когда-то я искал значения этих слов в Google. Прочитав не один десяток статей и проведя множество экспериментов я изучил метатеги в мельчайших деталях.

В результате, научившись грамотно составлять метатеги для своего блога я был ошарашен результатами (без преувеличений).

В этой статье я сэкономлю вам время: вы узнаете, что такое метатеги, зачем они нужны и как их правильно составлять.

Но есть и другая сторона медали: переспам данного тега. Помните, заголовок прежде всего пишется для людей.

⛔ Пример неудачного Title:

Как поехать в Азию быстро дешево билеты путевки Китай Япония

✅ Пример хорошего Title:

Как поехать в Азию: все подробности включая билеты, жилье, еду

👍 Идеального вариант:

Как поехать в Азию и не пожалеть (билеты, жилье и пр.)

Секрет #2. Интригуйте

Ваш заголовок должен не только содержать поисковые запросы, но и вызывать у людей живой интерес.

Логика проста:

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

Впечатляющая статистика: первые три сайта из органической выдачи получают 61.5% всех переходов. Поэтому, старайтесь попасть не в десятку, а в первую тройку.

Но как писать по-настоящему цепляющий Title?

Вот несколько советов:

  1. Добавьте в заголовок числа и проценты. Например: 10 Советов как... ; 5 Причин почему... ; 3 Лучших...
  2. Используйте следующие прилагательные и наречия: Эффективный , Улетный , Невероятный , Нестандартный , Как , Пошагово , Просто , Легко , Быстро .
  3. Старайтесь, чтобы при чтении вашего заголовка люди испытывали сильные эмоции.

Самое главное - не жалейте времени на составление привлекательных заголовков . Всегда помните слова "отца рекламы" Дэвида Огилви:

После того, как я написал более интригующий заголовок для статьи о плагинах, процент переходов с поиска сильно вырос:

Секрет #3. Идеальная длина

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

Идеальный вариант: придерживаться диапазона от 50 до 60 символов.

Слишком короткий заголовок в большинстве случаев выглядит неубедительно.

Сравните сами:

Как прописать тег Title

У сайтов, работающих на WordPress есть одна интересная деталь:

Название статьи автоматически дублируется в Title. Если вы действительно хотите увеличить посещаемость сайта - вам нужно самому составлять заголовок страницы.

Блоггинг, заработок в интернете, монетизация блога.

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


Метатеги (от англ. meta tags) - это элементы HTML-разметки страниц для поисковых роботов, чтобы они корректно “прочли” и обработали представленную информацию. Большая часть тегов размещаются в блоке HTML-документа:





Заголовок страницы для поисковых систем

ключевые слова страницы для поисковых систем">



Заголовок документа


Текст документа




Для поискового продвижения важна оптимизация ресурса, но многие не знают, как правильно прописывать основные SEO-теги: title, description, keywords и заголовок h1

Наиболее важные html-теги, связанные в ранжированием сайта в поисковых системах, это теги:

  • title;
  • description;
  • keywords;
  • заголовки h1, h2, h3.

  1. Для формирования развернутого сниппета текстовой информации, отбираемой поисковой машиной для презентации страницы вашего интернет-магазина в результатах поиска. Для сниппета может быть выбран отрывок из текста с ключевым словом или текст из тега description.
  2. Для повышения кликабельности вашего сайта в поисковиках . Чем лучше и точнее вы опишите то, что встретит покупатель, перейдя на страницу вашего сайта, тем выше будет количество переходов и конверсия поискового трафика в продажи.
  3. Для представления дополнительной информации о магазине. Если вы, при помощи микроразметки, добавите в сниппет информацию о ваших преимуществах, условиях доставки и оплаты, рейтинге, ценах, режиме работы и пунктах самовывоза, то эта информация поможет покупателям остановить свой выбор именно на вашем товаре или магазине.

Для чего нужен мета-тег title?

Title – тег названия страницы, который выводится первой строчкой в результатах поиска Google и Yandex для каждого сайта и показывается в названии вкладки браузера с вашим сайтом. Его значение переоценить очень сложно, ведь именно он оказывает наибольшее влияние на ранжирование страницы, дает представление пользователям и самой поисковой системе о содержании страницы.

Чтобы поисковые системы правильно воспринимали содержание страниц вашего интернет-магазина, очень важно грамотно прописать тег title. Для этого следуйте основным правилам формирования тега title.

1. Тег title должен быть уникальным для каждой страницы

Если у вас в разделе каталога несколько страниц пагинации, то можно добавить в конце тега title номер страницы: стр 1, стр 2, стр 3, а лучше прописать отличительные характеристики товара: цвет, объем, размер или артикул, чтобы поисковые системы и покупатели могли понять, чем же отличаются товары на похожих страницах.

Пример:

  • Входная металлическая дверь "Название" - двухстворчатая
  • Входная металлическая дверь "Название" - с терморазрывом
  • Гравировка внутри стекла на ракушке
  • Гравировка внутри стекла на шаре

2. Тег title должен быть отличным от тегов description и h1

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

Тег h1 – это видимый пользователю заголовок, расположенный вверху страницы раздела или товара. Тег h1 должен кратко и четко описывать товар: наименование, производитель, модель и т.д. К примеру, если в заголовке

товар просто назван, то в title и description вы можете добавить самые частотные коммерческие запросы, в том числе названия брендов кириллицей.

Пример:

  • Гравировка на флешке из дерева

  • Заказать гравировку на флешке из дерева в подарок
  • < meta name="Description" content=" Заказать гравировку на флешке из дерева подарок на день рождения. Большой выбор эксклюзивных подарков с доставкой. ">

3. Тег title должен быть оптимизирован под соответствующие страницы и товары

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

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

  1. Купить входную металлическую дверь в Красноярске недорого;
  2. Купить эксклюзивный подарок на день рождения (город);
  3. Купить путевку с перелетом "все включено" в Турцию.

Тег title для страниц товаров нужно формировать из конкретизированных запросов, когда покупатель уже определился с тем, что купить, и выбирает, где это сделать:

Пример:

  • Купить входную дверь Витязь (модель) в Красноярске
  • Купить горящую путевку в Турцию от (цена)

4. Тег title должен отражать реальное содержимое страницы

Title как можно точнее должен описывать, что пользователь встретит на сайте и что сможет с этим сделать. Если у вас на сайте можно только ознакомиться с ассортиментом, но нет возможности купить товар, то в title ни в коем случае не стоит включать коммерческие запросы со словами «купить», «заказать», «доставка» и т. д. Иначе пользователь, обманутый некорректным заголовком и разочарованный реальным положением вещей, через несколько секунд закроет ваш сайт. А это приведет к росту числа отказов, снижению поведенческих характеристик и снижению позиций в поисковых системах.

5. Тег title должен иметь структуру законченного предложения

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

  1. Нельзя перечислить все ключевые слова по запросу через запятую : дверь, купить дверь, купить входную дверь недорого и т.д .
  2. Нужно грамотно составлять предложения : Купить входную дверь в (город) недорого .
  3. Нельзя допускать несогласованных предложений с перечислением ключевиков : купить недорого дверь входную.

Идеальная структура тега title отвечает на вопросы «Что? Где? Когда?» Иными словами, какой товар сможет купить потенциальный покупатель в вашем магазине и при каких условиях? Причем высокочастотный запрос должен стоять в начале тега.

Обратите внимание : при формирования метатега title нельзя использовать «.» !

6. Тег title должен быть составлен грамотно

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

  1. Не допускайте ошибок в написании слов;
  2. Не используйте жаргонизмы и "блотные" слова;
  3. Не злоупотребляйте спецсимволами, восклицательными знаками и заглавными буквами;
  4. Не используйте точки и кавычки, так как они разбивают содержимое тега на пассажи;
  5. Используйте кавычки и скобки, если этого требуют правила;
  6. Используйте написание брендов кириллицей и латинкой.

Исключение в этом правиле иногда допускается, если в языке устойчиво закрепилось нелитературное наименование продукта (посудомойка – посудомоечная машина ) или некорректное написание бренда (Scarlett – Scarlet ).

7. Тег title должен содержать не более 70 символов

В результатах поиска отображается не более 70 символов, нотя написать можно и 90.

  • 50–57 символов для Google ;
  • 65–70 символов для Яндекс .

Если title длинный, поисковая система сама выберет, какие 70 символов показать пользователю в соответствии с введенным запросом. И этот выбор непредсказуем. Лучше облегчить задачу поисковикам и стараться уместить все или самое важное в первые 50-70 символов, иначе все лишнее будет заменено троеточием. Причем поисковая система может сократить не только конец фразы, но и середину, и самое начало. Поэтому позаботьтесь о лаконичных и емких тайтлах для ваших страниц.

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

Пример:

  • Купить в Красноярске недорого входную дверь

Для чего нужен тег Description?

Description предназначен для предоставления поисковым системам краткого описания содержимого страницы для индексации и вывода сопроводительной информации в выдаче результатов поиска.

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

Несмотря на это, предпочтительно заполнять этот тег, но учитывать, что эффективная длина текста, который можно поместить в этот тег различными поисковиками устанавливается по своему усмотрению и на текущий момент рекомендуемый размер составляет от 70 до 140 символов, а максимально обрабатываемый не превышает 400.

Достоверно известно:

  • Содержимое тега учитывается и иногда используется для показа в выдаче результатов поиска. Например, как об этом сообщает Яндекс:

    - содержание данного тега может использоваться в сниппетах (описаниях сайтов на странице результатов поиска);

    В некоторых «волшебных» случаях, даже при наличии этого тега в выдаче поисков в качестве описания страницы используется текст из неё. И это не всегда лид-абзац (первый на странице).
  • Эффективная учитываемая длина содержимого у разных поисковиков - разная, на то они и разные поисковики.
  • Содержимое тега влияет на оценку релевантности, но как именно, сегодня, пожалуй, не скажут даже сами разработчики, в силу того, что для расчета релевантности во всех поисковиках используется множество разных и сложных алгоритмов. Поэтому разработчики во множестве статей и блогов, чуть не хором, сообщают, что нет, не влияет никак.
  • Указывать этот тег все-равно надо, об этом имеются указания в системах помощи веб-мастерам всех крупных поисковых систем.

Как правильно прописывать Description?

  • Дескрипшн должен отражать суть страницы и написан в виде согласованного текста. Может прописывать несколько предложений.
  • Должен быть уникальным для всех страниц сайта, не дублировать аналогичные теги на других сайтах (для этого можно использовать название компании в тексте дескрипшена, модель или характеристики товара, цену).
  • В теге нужно использовать запросы, по которым продвигается данная страница, однако делать это необходимо так, чтобы они были использованы естественным образом, в нужной морфологии. Не следует перечислять в Дескрипшене поисковые запросы через запятую.
  • Содержание тега не должно повторять Title.
  • Длина description должна быть не менее 70 и более 150-200 символов. Google определяет длину в пикселях, рекомендуемая длина от 400 до 930 пикселей.
  • В description желательно отразить основные преимущества компании, товара, услуги.
  • Наиболее важную информацию и фразы нужно разместить в начале мета-описания.
  • Тег должен быть написан человекопонятным языком.
  • В конце предложения должна стоять точка.

Не нужно использовать такие Дескрипшены: «Купить входные двери у нас, потому что мы самые лучшие».

Как правильно заполнить тег H1 для страниц товаров и магазина?

Итак, мы дошли до заголовков карточек товаров и их разделов, а также страниц, посвященных оплате, доставке, контактам и другой информации о магазине. Заголовок, заключенный в тег

TEXT

, обычно размещается вверху страницы и должен содержать наименование товара или название раздела. Теги

-

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

  • Как правильно прописывать метатеги для Seo-оптимизации сайта?

  • Зачем прописывать теги: title, description, keywords и h1?

  • Как правильно прописать тег title для страниц сайта?

  1. H1 - заголовок страницы (один!)
    1. H2 - заголовок второго уровня
      1. H3 - заголовок третьего уровня
      2. H3 - заголовок третьего уровня
    2. H2 - заголовок второго уровня
    3. H2 - заголовок второго уровня

Если в каком-то из этих пунктов возникнут еще подпункты, то их нужно будет взять в теги

-

.

Правила расстановки тега H1 на странице

  • Тег должен встречаться на странице Один раз.
  • Тег должен быть уникальным.
  • Должен быть информативным.
  • Отсутствие тега

    является ошибкой.

  • В теге

    должно быть ключевое слово, запрос, соответствующий разделу или названию товара.

  • Рекомендуемая длина тега не более 70 символов (не более 7-8 слов).
  • Для товаров желательно указать в теге

    самые главные характеристики товара (длина, ширина, цвет, модель).

Для чего нужен тег Keywords?

Keywords используется для предоставления данных поисковикам для повышения значимости некоторых слов при поиске.

Почти все поисковики игнорируют слова из этого списка если они не встречаются в видимой части страницы. Рекомендованное количество слов в данном теге - 5-10. Кроме того, опытным путем выявлено, что разбивка этого тега на несколько строк влияет на оценку поисковыми машинами релевантности страницы запросу.

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

Если вы решили заполнять keywords, учитывайте синтаксис:

Не указывайте более 10 ключевых слов. Кроме того, прописанные ключевые слова должны присутствовать в тексте страницы.

Как правильно прописывать keywords?

  • Тег должен содержать ключевые запросы страницы;
  • Использовать не больше 5-6 слов;
  • Можно использовать не более 3-х повторов;
  • Не стоит использовать союзы, предлоги, междометия;
  • Тег лучше формировать из существительных;
  • Не стоит использовать никакие знаки препинания, кроме запятой.

К чему приводит не правильная оптимизация ресурса?

Если теги не соответствуют правилам поисковых систем, Google и Яндекс сами формируют сниппет (заголовок и описание страницы сайта) на страницах результатов поиска из содержимого других тегов, анкорных ссылок, заголовков Яндекс каталога и других участков текста, которые поисковым роботам покажутся более адекватными. Это происходит в случае, если было:

  1. Уменьшение или превышение оптимальной длины тегов;
  2. Отсутствие точных вхождений ключевиков;
  3. Повтор ключевых фраз в одном теге;
  4. Грамматические и синтаксические ошибки;
  5. Дубли на нескольких страницах сайта.

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

Если вам нужно создать сайт , оптимизировать его и продвинуть в ТОП , взять на поддержку или заниматься ведением контекстной рекламы , обращайтесь к нашим специалистам.

Мета теги - часть программного HTML кода, заключенная между тегом ... (заголовок страницы). Эти атрибуты не являются обязательными: они не видны пользователю, но сообщают определенную информацию поисковой системе (описание, заголовок, ключевые слова и т.д.).

Задачи meta тегов

Метатеги выполняют несколько важных функций:

  • Влияют на то, как отображается и какую позицию занимает страница в индексе (выдаче).
  • Помогают продвигать ресурс по наиболее соответствующим Вашей целевой аудитории запросам. Позволяют потенциальному посетителю увидеть в поисковой выдаче нужную информацию, делая описание максимально информативным.
  • Фиксируют данные о странице, помогают правильно отобразить информацию, настроить индексацию (анализ сайта и внесение его в базу для последующего включения в выдачу).

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

Оставить заявку

Мета теги для SEO (поисковой) оптимизации

Сюда относятся три тега: title, description, keywords. Эти атрибуты сообщают поисковому роботу информацию о сайте, которая помогает грамотно определить тематику ресурса и ранжировать (сортировать) в выдаче. Потому составляя метатеги, вебмастера обязательно используют ключевые слова (слова и фразы, которые целевой пользователь вводит в строку поиска, чтобы найти нужный ресурс).

  • 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. Включает данные о типе документа и кодировке. Влияет на то, насколько корректно страница будет отражаться в браузере. Особенно актуален при неверной настройке браузера или сервера. В такой ситуации документ будет показан на другой кодировке, и пользователь не сумеет ничего изменить даже попыткой переключить вручную.

(для кириллицы используется атрибут windows-1251 или KOI-8R)

  • Content-language. Содержит информацию о языке контента (содержимого). Как и с предыдущим тегом, сейчас браузеры определяют язык автоматически. Но в случае неверных настроек данный тег будет полезен.

  • Robots. Показывает поисковому роботу, какие страницы следует включать в индекс, а какие - нет. Данный тег предполагает ряд дополнительных атрибутов: index/noindex (можно/нельзя индексировать); follow/nofollow (учитывать/не учитывать гиперссылки); all/none (открыть/закрыть для индексации страницу и гиперссылки).

  • Refresh. Позволяет задать время обновления страницы при загрузке либо переадресации пользователя в другой раздел. Тег полезен в случае обновления сайта: вместо страницы ошибки 404 или длительной загрузки перенаправляет пользователя в новый раздел.

  • Meta Author и Copyright. Этими тегами можно прописать авторство графического и текстового содержимого страницы.

(автор страницы)

(принадлежность авторских прав)

адрес автора/собственника)

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

Помните, что сейчас поисковики оценивают ресурсы, в первую очередь, по качеству контента, кода, структуры. Потому при составлении метатегов важно ставить себя на позицию пользователя: указывать данные, способные повлиять на восприятие и отображение страницы, преподносить полезную информацию последовательно, логично, с ключевыми выгодами для клиента.

Статью подготовила Виктория Закирова.

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

Не все понимают, на чем нужно сфокусировать свое внимание в первую очередь и как правильно использовать тот или иной элемент. В этом посте мы расскажем о тегах и атрибутах, о которых важно помнить начинающему SEO-специалисту.

Теги и атрибуты как составные части языка HTML

Теги и атрибуты составляют основу HTML — языка гипертекстовой разметки. Последовательность тегов и их атрибутов задает структуру документа. Интерпретируя язык разметки, браузер «понимает», о чем страница и как должен отображаться ее контент (текст, картинки, видео).

Теги задают каркас страницы, атрибуты расширяют или модифицируют действия тегов. Они описываются внутри открывающего тега в виде коллекции «имя="значение"». Например: .

Существует два типа тегов: парные и одиночные. Парные (или контейнерные) теги состоят из пары — открывающий и закрывающий тег <...>.... Одиночные теги состоят лишь из одного открывающего тега. Например, тег .

Стандартно структура HTML-документа содержит такие элементы:

Название документа

Заголовок страницы

Отображаемый на странице контент

  • указывает на тип текущего документа. В нашем случае HTML;
  • тег отмечает границы документа, в нем содержатся обязательные теги и ;
  • тег — контейнер, в него помещается информация для браузеров и поисковых систем. Содержимое тега не отображается напрямую на веб-странице, за исключением тега , с помощью которого устанавливают заголовок вкладки браузера;</li> <li>тег <body> определяет видимую часть документа, которая отображается в окне браузера. К такой информации относится текст, изображения, результат работы скриптов и другое.</li> </ul><p>Сперва рассмотрим набор тегов, помещающихся в блоке <head>. Они наиболее значимы для специалиста по поисковой оптимизации.</p> <h2>Что такое тег <title></h2> <h4>Пример кода:</h4> <meta name="description" content="Метатег description - это информативное и продуманное описание страницы. Мы расскажем, как сделать его привлекательным для пользователя и привлечь посетителей на ваш сайт." /> <p><img src='https://i0.wp.com/images.netpeak.net/blog/tak-vygladit-description.png' align="center" width="100%" loading=lazy></p> <h3>Meta robots</h3> <p>Метатег robots служит для указания правил индексирования конкретных страниц сайта и позволяет следовать по гиперссылкам с данных страниц.</p> <h4>Пример кода:</h4> <meta name="robots" content="index, follow"> <p>Значение атрибута «name» указывает, что директива актуальна для всех роботов. Вы также можете закрыть доступ только одному из них. Для этого в атрибуте «name» следует указать нужного робота, например, основного <a href="/recaptcha-ne-puskaet-recaptcha-prosteishaya-kapcha-ya-ne-robot-ot-google-metody-snizheniya/">робота Google</a> — «googlebot» или Яндекса — «yandex».</p> <h4>Основные значения атрибута content:</h4> <ul><li>index — страница доступна для индексации;</li> <li>noindex — запрет добавления страницы в индекс;</li> <li>follow — ссылки на странице доступны к индексации и открыты для передачи ссылочного веса;</li> <li>nofollow — сигнализирует роботу о том, что переходить по ссылкам и передавать <a href="/chto-takoe-validnost-i-validaciya-i-zachem-oni-nuzhny-proverka-ssylochnoi/">ссылочный вес</a> запрещено;</li> <li>all — инструкция, аналогичная «index, follow», противоположная настройка: «none».</li> </ul><p>Наличие метатега robots в коде сайта не обязательно. Если meta robots отсутствует, страница открыта для индексации и переходить по ссылкам разрешено.</p> <h3>Meta charset</h3> <p>Метатег с атрибутом «charset» указывает на тип кодировки документа. Он применяется для правильного отображения текста страницы браузером. Для <a href="/kak-pk-ustanovit-dve-sistemy-redaktirovanie-zagruzki-neskolkih-operacionnyh-sistem-windows/">операционной системы</a> Windows и кириллицы используют значения атрибута «utf-8» или «windows-1251». Этот метатег следует размещать в самом начале блока <head> до элементов, которые содержат текст, включая тег <title>.</p> <p><b>Пример кода: </b></p><p> <meta charset="UTF-8"> </p><p>Многие браузеры научились распознавать кодировку документа автоматически, но все же рекомендуется прописать короткую строку, чтобы избежать <a href="/ustanovit-novyi-vindovs-10-na-etot-kompyuter-vozmozhnye-problemy/">возможных проблем</a> с выводом информации на странице.</p> <h3>Meta viewport</h3> <p>Метатег «viewport» сообщает браузеру, как следует обрабатывать размеры страницы, изменять ее масштаб под ширину экрана устройства, с которого выполнен переход. Meta viewport — один из пунктов внедрения <a href="/chto-takoe-adaptivnyi-veb-dizain-sposoby-realizacii-adaptivnosti/">адаптивного дизайна</a>, когда для всех устройств используется один код с корректировкой по размеру экрана. Для корректного отображения контента сайта на любом устройстве, на всех страницах следует разместить следующий фрагмент кода:</p><p> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </p><p>Если этот элемент отсутствует, <a href="/otkryt-perevodchik-kak-nastroit-avtomaticheskii-perevod-v/">мобильные браузеры</a> по умолчанию используют версию страниц для компьютера и пытаются оптимизировать контент собственными силами, подгоняя содержимое под размер экрана. Из-за этого контент страницы может выглядеть непропорционально, и посетителям сайта придется выполнять лишние действия, чтобы прочитать описание товара, посмотреть картинку, видео. Поисковые системы считают такой сайт не адаптированным для <a href="/sony-xperia-xa-dual-tehnicheskie-harakteristiki-sony-xperia-xa1-dual/">мобильных устройств</a> и будут понижать его в результатах поиска.</p> <h3>Meta keywords</h3> <p>Правильно составленный метатег keywords должен содержать 5-7 ключевых слов, описывающих основное содержание страницы. Раньше он сильно влиял на ранжирование по заданным в нем ключевым словам, но утратил значимость из-за действий недобросовестных вебмастеров и постоянного развития поисковых систем. Тем не менее, для метатега keywords еще не все потеряно. Так, в отчете «Яндекс и Google: факторы ранжирования в 2017 году » от «Ашманов и партнеры» представлен вывод о влиянии метатега на продвижение в Google.</p> <h4>Пример кода:</h4> <meta name="keywords" content="HTML, тег, атрибут, поисковая оптимизация, SEO"> <h2>Когда использовать теги link</h2> <p>В блоке <head> также располагаются теги <link>, которые устанавливают связь <a href="/udalenie-skrytyh-i-personalnyh-dannyh-s-pomoshchyu-proverki/">данного документа</a> с другими веб-страницами. Рассмотрим такие атрибуты тега «link»: «canonical», «next / prev», «alternate».</p> <h3>Атрибут canonical</h3> <h3>Атрибут alternate</h3> <h2>Выводы</h2> <ol><li>Теги и атрибуты — это основа <a href="/sintaksis-html-osnovnye-pravila-yazyka-html-zachem-nuzhna-validnaya/">языка HTML</a>. Оптимизация сайта немыслима без базового знания языка гипертекстовой разметки.</li> <li>Основной фронт работ SEO-специалиста связан с оптимизацией тегов из блока <head> HTML-документа, ведь именно там располагается информация для браузеров и поисковых систем. В контейнере <head> помещаются тег <title>, метатеги, теги <link>. В них содержится информация о документе, помогающая поисковым системам понять о чем страница и как следует ее интерпретировать.</li> <li>Не менее важна оптимизация тегов и атрибутов, расположенных в <body>, поскольку информацию именно из этого блока видят на странице пользователи. Контент должен быть структурирован, а код валидным, что служит залогом правильного отображения сайта в любом браузере.</li> <li>Нельзя сказать, что тот или иной элемент HTML-кода важнее других. Каждый тег и атрибут выполняет свою функцию и неправильное применение любого их них может привести к печальным последствиям. Главное — понять, как и зачем их нужно использовать. И делать контент в первую очередь для людей, а не для поисковых роботов.</li> </ol> <p>Что такое мета теги? <b>Мета теги — это специальные <a href="/otlichiya-ispolzovaniya-tegov-p-i-br-razryv-stroki-v-html-ispolzuem-teg-br-gde-ne/">теги html</a>, находящиеся в контейнере <head> и предназначены для передачи информации о сайте браузерам и поисковикам. </b> Например, при обходе вашего ресурса, поисковые роботы собирают заголовки страниц, описание сайта, ключевые слова, данные об авторе и прочую информацию содержащуюся в тегах <meta>. Перед тем, как показать страницу сайта пользователя, то же самое делает и браузер, чтобы понять, в каком виде должен показываться сайт для ПК или для смартфона.</p> <p>В этом материале, мета теги будут рассматриваться нами через призму <b>SEO-продвижения </b>. И вы сможете узнать, основные правила их заполнения, анализа и проверки с помощью инструментов вебмастера.</p> <h3>Виды мета-тегов:</h3> <ul><li>title (<i>тайтл </i>) — заголовки страниц;</li> <li>description (<i>дискрипшн </i>) — <a href="/kakie-byvayut-kompyuternye-programmy-spisok-nazvanii-s-kratkim/">краткое описание</a> страницы;</li> <li>keywords (<i>кейвордс </i>) — ключевые слова;</li> <li>технические мета теги (отвечают за корректность отображения страницы).</li> </ul><h2>Как правильно заполнять мета теги</h2> <p>С точки зрения SEO, главные мета теги сайта это Title и Description. Поэтому именно правильность их заполнения мы и рассмотрим. Повторимся, что все они должны располагаться между тегами <head> </head> и не в каком другом месте кода.</p> <p>Если ваш сайт сделан на CMS, то для редактирования раздела с метатегам, вам необходимо установить специальный плагин или модуль.</p> <h3>Title</h3> <p>Мета тег <TITLE> отвечает за заголовок страницы и отображается строчкой текста на вкладке браузера.</p> <p>Для поискового продвижения сайта, необходимо, чтобы ключевое слово находилось, как можно ближе к началу Title или стояло самым первым. Если сайт продвигается в каком-либо регионе — пишем название города или региона. Далее следует продающая или уточняющая добавка. В завершении, чтобы придать тайтлу уникальности, после прямой черты вставляем название сайта или компании</p> <p><b>Например: </b></p> <ol><li>Для коммерческого сайта: <i>«Купить ноутбук в Москве — цены от 19990 р в интернет-магазине | site.ru» </i></li> <li>Для информационного сайта: <i>«Как правильно выращивать алоэ в домашних условиях | Садовод </i>»</li> </ol><p>Для того, чтобы заголовок не обрезался при показе в результатах выдачи поисковых систем, нужно чтобы длина тайтле была не более 65 символов.</p><p> <title>Заголовок страницы

    Description

    Мета-тег Description отвечает за то, чтобы в нескольких предложениях описать суть информации на странице. Обычно поисковая система берёт информацию из этого тега для формирования сниппета в результатах выдачи (чаще всего так делает Google, реже Яндекс).

    Description также должен включать прямое вхождение ключевого слова (по возможности дополняется другой словоформой), рассказывать о преимуществах вашего предложения, плюс служит в качестве промо основному содержанию страницы. Давайте попробуем составить описания страниц, для двух примеров упомянутых выше.

    Примеры:

    1. «Купить ноутбук в Москве. Закажите ноутбук по цене от 19 990 рублей в интернет-магазине. Доставка бесплатно. Гарантия 2 года.»
    2. «Как правильно выращивать алоэ в домашних условиях. Журнал Садовод делится секретами выращивания растения алоэ дома. »

    Длина не более 140 символов. На чистом html, это выглядело бы вот так:

    Keywords

    Мета тег Keywords — это набор ключевых слов, по которым продвигается страница. Впрочем сегодня этот атрибут уже не является обязательным и заполняется по желанию, так в «золотую эпоху» SEO им слишком злоупотребляли и поисковые системы практически не обращают внимание на него. Если же вы всё-такие решили заполнить keywords, лучше это делать простым перечислением слов в начальной форме без запятых:

    «Купить ноутбук Москве заказать цена стоимость рубль интернет-магазин каталог доставка гарантия»

    Длина любая, но слишком усердствовать не стоит. В html правильно пишется вот так:

    Спарсить мета теги конкурентов можно буквально в пару кликов - с помощью парсера .

    Технические мета-теги

    • Expires — дата устаревания документа.
    • Pragma — запрет на использование кэшированных данных, информация должная подгружаться с сервера.
    • Content-Type — тип контента и кодировка.
    • Content-language — языка страницы/сайта.
    • Cache-Control — устанавливает кэшируется ли документ или нет, и если да, то каким образом.
    • Robots — отвечает за индексацию отдельных страниц.
    • document-state — частота индексации.

    Отсутствие мета тегов может негативно сказаться на отображении, индексации и ранжировании страниц.

    Как добавлять мета теги на CMS

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


    Хоть Wix и не является CMS — это всего лишь конструктор, здесь тоже можно сделать мета описание сайт и ключевые слова, в которых содержится информация о сайте. Для каждой страницы при нажатии на три точечки, всплывает меню, где можно перейти в раздел SEO и задать необходимые параметры.

    Но если вы всерьёз вознамерились продвигать сайт в поисковиках, Wix лучше не использовать и выбрать например, тот же WordPress.

    Проверка мета-тегов онлайн +анализ

    Для проверки мета тегов на собственном сайте, можно воспользоваться панелью вебмастеров Яндекс. Для этого зайдите в Вебмастере «Диагностика — Диагностика сайта». На открывшейся странице нажмите «Ознакомиться». После этого вам будет показан список страниц, у которых не заполнен .

    Для комплексной проверки или для анализа мета описаний у конкурентов, можно использовать сервисы, которые быстро и в режиме онлайн показывают нужную информацию.

    Вот несколько таких сервисов:

    • Промопульт
    • Серпстат
    • Пиксельплюс

    Заключение

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