Как прописывать теги на сайте


что это такое, как прописать и примеры в 2020

Привет! Я ещё очень давно написал текст про то, как правильно оптимизировать статьи, но каким-то невероятным образом упустил вопрос того, как прописывать метатеги на сайте: Title, Description, Keywords и h2. И вот спустя 4 года я исправляю это недоразумение.

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

Содержание статьи:

Что это такое – метатеги для сайта?

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

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

Различают четыре основных мета-тега:

  1. Title.
  2. Description.
  3. Keywords (давно бесполезен с точки зрения SEO).
  4. h2 .

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

Тег h2 на сайтеТеги Title и Description в поисковой выдаче Яндекса

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

Meta tags – это один из важнейших текстовых факторов ранжирования страницы. От грамотно составленных Title и Description зависит, чуть ли не половина успеха. В этой связи очень важно научиться грамотно составлять и писать каждый из этих тегов.

Если коротко, то основные метатеги должны содержать ключевые слова и «хвосты», а в случае с интернет-магазинами или сайтами услуг ещё и гео-привязку с коммерческими словами. Причём чем ближе ключевое слово к левому краю, тем больше оно имеет «вес» в глазах поисковых роботов. Не стоит забывать, что ключевые запросы необходимо вписывать в читабельной форме, а не в том вхождение, в котором вам собрал КейКоллектор.

Итак, перейдём непосредственно к теории того, как правильно прописать мета теги для сайта. Стоит отметить, что в данной статье я только вкратце расскажу как писать мета-теги, а по каждому отдельному meta tag  я сделаю ссылки на отдельные статьи, где будет подробный разбор Title, Description и h2.

Общие требования к мета-тегам

Для начала перечислю основные требования, которые применимы ко всем сайта и к информационным и к e-commerce:

  1. Читабельность мета-тегов, т.е. отсутствие спамных конструкций вида «пластиковые окна купить москва цена».
  2. Отсутствие повторения в точном вхождении несколько раз одного ключа.
  3. Дублирование мета-тегов друг относительно друга (Title =h2 или Title = Description) или одинаковые теги для разных карточек/статей. Т.е. вся meta должна быть уникальная.
  4. Сила ключей идёт слева направо, наиболее важный ключ нужно писать слева и потом по мере уменьшение их важности.
  5. Желательно соблюдение рекомендованных поисковиками размеров мета-тегов (Тайтл = 70 символов, Дескрипшн = 130 символов, Н1 = 50), но если ключей с хвостами много, то можно слегка принебречь данными лимитами.

Это общее, ну а теперь почему необходимо по-разному формировать теги для информационных и коммерческих сайтов. Давайте разберёмся в чём же состоят различия.

Информационные сайты

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

Коммерческие сайты

В отличие от инфосайтов во всех метатегах для интернет-магазинов или сайтов услуг должны присутствовать:

Артём Высоков

Автор блога о SEO и заработке на сайтах - Vysokoff.ru. Продвигаю информационные и коммерческие сайты с 2013 года.

Задать вопрос Загрузка ...

Главные  страницы и остальные

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

Примеры метатегов

Для интернет-магазина по продаже мяса, который торгует в Москве:

<title> Купить мясо в Москве по низкой цене с доставкой </title>

<meta name=”description” content=”В интернет-магазине «Мясо 24» вы всегда можете недорого купить свежее мясо и мясные продукты. Доставка по Москве. “/>

<h2>Свежее мясо </h2>

Для информационного сайта о мясе:

<title> Всё о мясе: свинина, говядина, телятина – рецепты, польза и вред </title>

<meta name=”description” content=”На сайте «МяснойБлог» вы всегда найдёте полезные рецепты по приготовлению разного мяса: свинины, говядины и телятины. Статьи о пользе и вреде того или иного вида мяса. “/>

<h2>Всё о мясе </h2>

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

  1. О мета-заголовке Title.
  2. О мета-описание Description.
  3. О заголовке h2.

Руководство для начинающих по написанию тегов заголовков и метаописаний, вызывающих клики

Это правда: теги заголовков и метаописания не помогут вашему сайту волшебным образом подняться на вершину результатов поиска. Google подтвердил это еще в 2007 году, так что давайте сразу же развеем этот миф. Однако эти два элемента могут улучшить рейтинг кликов и побудить людей переходить по вашей ссылке, а не по ссылке одного из ваших конкурентов. Так почему же владельцы сайтов пренебрегают тегами заголовков и метаописаниями, отодвигая их на второй план?

Теги заголовков и описания сообщают поисковым системам и пользователям, о чем ваш сайт.Они описывают содержание каждой страницы вашего веб-сайта и объясняют, как оно соотносится с поисковым запросом пользователя. И при правильном использовании они могут действовать как «крючок» вашей рекламы в результатах поиска.

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

Приступим.

Что такое теги заголовков и метаописания?

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

Хорошо написанные и убедительные метатеги могут привлечь больше пользователей, которые перейдут на ваш веб-сайт из результатов поиска.

Тег заголовка

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

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

Вот как выглядит код:

Ваш заголовок здесь

Покажите мне несколько примеров

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

Вот как это выглядит в результатах поисковой системы:

И вот как это выглядит, когда страница публикуется на внешних сайтах, включая социальные сети, такие как Facebook, Twitter и LinkedIn:

Метаописание

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

Так выглядит тег описания:

Покажите мне несколько примеров

Давайте посмотрим, как метаописание для нашей страницы хостинга VPS отображается в результатах поиска:

Как писать теги заголовков и метаописания, которые получают клики

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

Общие советы по написанию метаданных

• Включите подробные сведения о специальных предложениях, например, в примере ниже


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


• Используйте эмоциональные и психологические триггеры. Узнайте больше в этом руководстве от Moz.
• Сосредоточьтесь на том, что читатель получит от щелчка мышью. Отдавайте предпочтение «своему» перед «нашим».

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

При написании тегов заголовков:

• Заголовок должен быть в высшей степени релевантным содержанию, найденному на этой конкретной странице.
• Поместите важные ключевые слова и фразы ближе к началу тега заголовка, чтобы они привлекали внимание.
• Пишите естественно для посетителей и избегайте лишних слов.
• Избегайте дублирования. У каждой страницы будет своя тема, поэтому у нее должен быть уникальный заголовок.
• Возможно, включите название вашей торговой марки в конце тега заголовка, но в первую очередь сосредоточьтесь на том, чтобы донести свое сообщение.
• Храните от 60 до 64 символов или столько символов, сколько вы можете уместить на 512-пиксельном дисплее. Если вы напишете заголовок длиннее указанного, он обрежется, и в нем появится многоточие «….».
• Сделайте это убедительным. Тег заголовка должен быть достаточно привлекательным, чтобы побудить посетителей щелкнуть, чтобы узнать больше о том, что вы предлагаете.

При написании метаописаний:

• Имейте уникальные описания для каждой страницы вашего сайта.
• Создайте убедительное описание, используя релевантные ключевые слова.Убедитесь, что именно то, что описано, получит искатель.
• Пробуждать любопытство. Предоставьте достаточно информации, чтобы объяснить, о чем эта страница, но не настолько, чтобы это разрушило фактор любопытства.
• Включите в свое метаописание призыв к действию, чтобы дать читателю четкую инструкцию о том, какие действия следует предпринять и что от этого нужно.
• Используйте метаописания от 150 до 154 символов. Если они будут слишком длинными, поисковые системы отключат лишние символы.

Примечание о длине

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

Как выбрать правильные ключевые слова?

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

Например, если вы используете инструмент 123 Reg Search Engine Optimiser, вы получите рекомендации о том, какие ключевые слова использовать для оптимизации метатегов и содержания на ваших веб-страницах.

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

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

Оптимизация метаданных

Так как же убедиться, что теги заголовка и метаописание продолжают работать нормально? Как и большинство других вещей в SEO, здесь нужно смотреть на данные и видеть, что работает.Самый простой способ сделать это - отслеживать рейтинг кликов в Google Search Console и находить страницы с разумным объемом, но с низким рейтингом кликов (CTR). Оптимизируйте метаданные для этих страниц, используя шаги, описанные выше.

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

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

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

Заключение

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

.

Введение в HTML


HTML - это стандартный язык разметки для создания веб-страниц.


Что такое HTML?


Простой HTML-документ

Пример




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

Мой первый заголовок


Мой первый абзац.


Попробуй сам "

Объяснение примера