Мета-теги для SEO-оптимизации сайта: правила написания

Тег title

Title — это название страницы, которое в первую очередь предназначается поисковой системе. Это первое, что поисковик видит, и на основании чего делает вывод о чем данная страница. Именно поэтому основное назначение тега title – оптимизация страницы под нужные ключевые фразы.

Пользователи, находясь на сайте, не видят тег title. Но видят его на странице выдачи результатов поиска — в виде ссылки для перехода на сайт. А значит, с помощью правильно составленного заголовка можно не только повысить релевантность страницы по нужным запросам, но и привлечь внимание пользователей и значительно повысить посещаемость сайта (т.е. нужно не только показываться на определенной позиции в выдаче, а еще чтобы оттуда по ссылке переходили на сайт).

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

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

Также отображается в социальных сетях, если поставить в посте ссылку на страницу.

Важная особенность

Максимальная разрешенная длина title – до 200 символов. Но виден он не полностью: длинные заголовки поисковики обрезают. Яндекс показывает 54 первых знаков, а Google 63. На самом деле поисковики измеряют длину не в количестве слов или знаков, а в пикселях. Но в пересчете на символы это примерно так.

Почему это важно?

Тайтл = ссылка в сниппете и самая заметная его часть. Когда часть тайтла обрезается, он выглядит недосказанным, с троеточием в конце.

Обрезанный и недосказанный тайтл в сниппете смотрится не очень привлекательно

А вот так выглядит завершенный, цельный тайтл.

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

Первый тайтл заканчивается словом “как” — пользователь не понимает о чем речь.
Второй тайтл — полноценный, понятный, хочется перейти по этой ссылке, а не по первой.

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

Тут, несмотря на то, что тайтл длиннее (об этом нам говорит троеточие в конце) — мысль закончена и понятна. Это нормально.

А здесь мысль не закончена, и выглядит такой тайтл проигрышно

Повторимся: Яндекс показывает 54 первых знаков, а Google 63.

Очевидный вариант — написать тайтл до 54 символов и ничем не рисковать: смотреться он будет хорошо и в Яндексе, и в Google. Именно так и нужно делать, когда это возможно: ключевых слов мало, и получается все вписать в такой длине (или хотя бы все важные).

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

Т.к. Google показывает до 63 символов — т.е. на 9 знаков (по факту на одно слово) больше чем Яндекс, важно, чтобы это слово не выглядело инородным и не в контексте с предыдущими 54 символами.

Иными словами, нужно чтобы и первые 54 символа представляли из себя завершенную мысль, и 54 + следующее слово тоже.

Итак, подытожим:

1. 1. Идеальный вариант: написать тайтл до 54 символов.
   2. Если нужно вписать большое количество ключей — можно увеличить. Но важно, чтобы следующее слово продолжало предыдущую мысль.
   3. Злоупотреблять не стоит, слишком длинный тайтл не нужен. Использовать все 200 разрешенных символов точно не стоит. Главное — вписать ключевые слова (по крайней мере все важные из них).

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

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

Чем лучше видимая часть тайтла, тем лучше сниппет и кликабельность (переходы по ссылке), и, соответственно, тем выше посещаемость сайта.
Лучше = релевантность + привлекательность.

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

Пример для кластера со следующими ключевыми фразами:

одномоментная имплантация зубов
одномоментная имплантация зубов спб
имплантация зубов без разрезов
одноэтапная имплантация зубов
одно моментальная имплантация зубов в спб
имплантация зубов за один день
одномоментная имплантация зубов спб цена
быстрая имплантация зубов
экспресс имплантация зубов
одномоментная имплантация зубов цены
малоинвазивная имплантация
немедленная имплантация зубов
имплантация зубов сразу после удаления цена
малоинвазивные импланты
имплантация зубов без операции

Можно ли остановиться на варианте с 54 символами, если не получается вписать все ключи?

Можно, если не получилось вписать вторичные по важности ключи. На примере кластера выше, если не смогли вписать слова “быстрая” и “моментальная” — можно. Есть слова “одномоментная” и “экспресс”, синонимы упущенных, так что в этом случае будет не критично.

Также можно, если продвижение исключительно “по позициям”, а не “по трафику”.
Разница в том, что в первом случае важно занять высокие позиции по конкретной фразе, и поэтому не стоит ее разбавлять. Она обязательно прописываться в title, причем один раз в прямом вхождении, а второй в виде словоформы или синонима.

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

ВАЖНО: чем дальше слово от начала, тем меньше его значимость.

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

 Требования к написанию тега title:

1. Тайтл нужно начинать основной ключевой фразой, целиком и в базовом склонении. Именно начинать.

2. В тайтле используются только ключевые и релевантные тематические слова

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

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

Плохой заголовок. Много нетематических слов. Всего одно слово выделено жирным.

В коммерческих тематиках прилагательные в title тоже использовать не стоит.
А вот для информационных статей заголовки с прилагательными отлично работают, увеличивая CTR на поисковой выдаче и «подогревая» интерес посетителей. Главное, чтобы используемые прилагательные соответствовали содержимому контента на странице.

3. В тайтл не нужно использовать разделители

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

4. Сделать тайтл более заметным на фоне конкурентов

Можно использовать цифры, [квадратные и (обычные) скобки], вертикальные линии | для улучшения кликабельности сниппета.

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

Вертикальный разделитель тоже делает тайтл немного более заметным.

Вертикальный разделитель тоже делает тайтл немного более заметным. 

Но лучше всего заметным его делает выделение слов жирным (см. скрин ниже — жирным все слова, кроме союза “и”). Жирным выделяются слова, содержащиеся в ключевой фразе и их синонимы или близкие по значению. Это вторая причина, после релевантности, почему очень важно использовать все ключевые слова в тайтле.

Но лучше всего заметным его делает выделение слов жирным (см. скрин ниже — жирным все слова, кроме союза “и”). Жирным выделяются слова, содержащиеся в ключевой фразе и их синонимы или близкие по значению. Это вторая причина, после релевантности, почему очень важно использовать все ключевые слова в тайтле. 

Это выдача по запросу “посчитать количество символов в тексте онлайн”. Обратите внимание, “слов” тоже выделено жирным, хоть в ключевой фразе его нет.

5. Тайтл без спама

Пример переспамленного, нечитабельного тайтла

6. Тайтл органичный, грамотный, без грамматических и стилистических ошибок

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

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

7. В тайтле желательно вписать ГЕО привязку

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

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

8. Title должен быть уникальным в пределах сайта и сети

В целом (для уникализации в рамках всего интернета часто пишут название компании или проекта в конце тайтла).

9. Минимальная длина тайтл – 10 символов. Максимум — 200. Оптимально 50-60.

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

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

 Формула и шаблоны

Универсальная формула создания title для коммерческого сайта:

главная ключевая фраза в полном вхождении

• • + важное слово (-а) из кластера

• • + гео привязка (для геозависимых коммерческих проектов)

• • + доп. ключевые слова или другая форма главного ключа (словоформа, синоним, транслитерация)

• • + уникализация.

Пример: Стеклопластиковая арматура [главная ключевая фраза в полном вхождении] + от производителя, цена от 6р./м [важное слово (-а) из кластера] + в СПб, [гео привязка] + композитная арматура [доп. ключевые слова или другая форма главного ключа (словоформа, синоним, транслитерация)] + от Арматурыча [уникализация].

Вот как выглядит этот тайтл: Стеклопластиковая арматура от производителя, цена от 6 р./м в СПб, композитная арматура от Арматурыча.

Всего 100 символов. Можно немного сократить (уберем уникализацию) и сделать его более заметным, и проработать с первыми 54 знаками.

Сокращенный тайтл: Стеклопластиковая арматура: цена в СПб от 6 р./м. | Композитная арматура от производителя.

Стало всего 90 символов. Курсивом выделены 49.

Шаблоны тайтла для разных типов страниц

• • Для категории товаров

Примеры:
Столы раскладные для кухни — купить в Санкт-Петербурге по цене от 3500 руб. в интернет-магазине «Уют».
Ноутбуки Samsung /Самсунг — купить в Москве, цены от 25.000р. в интернет-магазине «Сота»

• • Для карточек товара

Примеры:
Стол раскладной Тамада — купить в Москве по цене 9.280 руб. в интернет магазине “Уют”;
Напольный глобус бар диаметр шара 33см купить в Санкт-Петербурге за 990 руб. в магазине «Best Present».

• • Для главной страницы сайта

Примеры:
Интернет-магазин запчастей бытовой техники — «Бытофф»;
Ремонт квартир, загородных домов и офисов в Санкт-Петербурге. Компания «Ремонтник».
Онлайн-школа удаленных профессий и фриланса «Работаю Дома».

• • Для страницы услуги

Примеры:
Ремонт квартиры в новостройках от 15.т.р./кв.м в СПб | Смета бесплатно
Разработка сайта — заказать в Санкт-Петербурге от 30т.р. | sait.ru

• • Для информационной статьи

Примеры:
Как стать копирайтером с нуля: с чего начать новичку, какие навыки нужны.
Бейсджампинг как вид спорта: опасности, высота и скорость прыжка, экипировка.
Синдром хронической усталости (СХУ): симптомы, диагностика, лечение.
5 бесплатных программ для сбора семантического ядра.
Как начать работать удаленно: 10 шагов начинающих.
SEO специалист — кто это и чем занимается: задачи и обязанности в профессии.

Тег description

Мета-тег Description — краткое описание страницы. Напрямую не сильно влияет на рейтинг сайта. Он часто подтягивается в сниппет на странице выдачи результатов и влияет на кликабельность. Поэтому должен быть заметен, интересен и привлекателен, чтобы “заставить” пользователя перейти именно на наш сайт.

Это краткое текстовое описание в сниппете поисковая система может взять из description

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

Итак, два главных требования к дескрипшену — это быть:

• • заметным на фоне конкурентских,

• • привлекательным, интересным и/или убедительным для аудитории.

Более заметным его могут сделать:

• • ключевые слова и их синонимы, потому что они подсвечиваются жирным;

• • цифры, знаки пунктуации (!, ?, двоеточие), разные символы — квадратные скобки, вертикальная линия как разделитель, длинное тире и т.р.: (, ), {,^ ,+, =, №,&, |, }, ?, — , юникод-символы, и т.п. Без злоупотребления — не более 2-4 раз всего и не более 2 раз один и тот же символ или знак.

Слова из поискового запроса пользователя выделены жирным шрифтом. Маркированный список в сниппете делает его еще более заметным.

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

Для того чтобы сделать дескрипшен привлекательным для аудитории нужно:

• • Указывать выгоды продукта, проекта, компании или ресурса. Если речь о информационной статье, то означающие выгоду слова могут быть: «самый полный», «пошагово», «подробная…»;

• • Добавлять призывы к действию: «получи сейчас», «скачай бесплатно»;

• • Избегать шаблонных фраз и клише: “низкие цены”, “богатый опыт”;

• • Писать факты и конкретику: “цены от … руб”, “30 лет опыта”;

• • Использовать необычные, редко используемые слова. Примеры таких слов: нерушимый, воистину, скверный, изумительный, бедокурить, напрочь, шлепнулся, бабло и т. п. Но важно учитывать при этом ЦА;

• • Минимизировать использование стоп-слов: предлоги, местоимения, союзы;

• • Давать полезные ответы пользователю;

• • Писать грамотно, без ошибок, правильными речевыми конструкциями;

• • Использовать геопривязку (город или регион) — только для коммерческих, геозависимых проектов, и если она не была использована в title;

• • Если речь о известном бренде — обязательно добавить его название. Если нет — все равно можно, для уникализации описания;

• • Особое внимание уделить первым и последним трем словам — их читают чаще. Пусть в них содержатся важные мысли, тезисы, польза, обещание.

Плохой дескрипшен: просто перечислены ключи.

В целом составлен хорошо, целостно. Но нет конкретики, преимуществ, призыва к действию, есть лишние слова и клише.

Неплохой description. Хорошее описание товара, хорошее начало и завершение. Есть выгоды.

Тех. требования к мета-тегу description

1. 1. Должен присутствовать на всех страницах сайта и только по одному разу.

1. 1. Быть уникальным (не повторяться) в пределах сети и сайта. 

1. 1. Желательно не более 130-150 символов. Иначе обрезается поисковиком и будет менее привлекательный для пользователя.

1. 1. Description не должен повторять title. Описание должно служить продолжением названия, раскрывать его детальнее, а не повторять его другими словами.

ВАЖНО: пытаться соблюсти абсолютно все правила при написании title и description не нужно — это очень сложная, практически невыполнимая задача. Всегда что-то будет не хватать.
Сделать так, чтобы быть максимально близко этого к этому — уже хорошо.

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

Заголовки h1-h6

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

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

Тег  <h1> — это заголовок статьи, наиболее важный заголовок первого уровня. <h2>…<h6> — второстепенные, вложенные подзаголовки, помогают правильно структурировать материал. Их важность оценивается по убыванию: <h2> важнее <h3>.

Требования к написанию тегов <h1>

Он важен и для поисковиков и для людей: должен быть интересен, отражать суть статьи, и SEO-оптимизирован.

Идеальный заголовок:

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

• • SEO-оптимизированный: в нем использована главная ключевая фраза + дополнительные ключевые слова, которые не вошли в title;

• • Не “желтушный”;

• • Не вопрос, а ответ;

• • С интригой и побуждает к прочтению — например, содержит интересную подробность или факт.

Примеры:

Title VS <h1>

У <h1> есть несколько важных пересечений с тегом title:

• • На странице присутствует всего один заголовок Н1;

• • H1 содержит, а лучше начинается главной ключевой фразой (как и title);

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

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

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

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

А H1 можно делать:

• • коротким и максимально описывающим суть посадочной страницы и выгоду предложения — для коммерческих проектов; 

• • интригующим и побуждающим к прочтению статьи для информационных. 

Правила написания подзаголовков <h2> … <h6>

• • Заголовки <h2>..<h3> содержат ключевые слова в разбавленной форме, тематические слова или их синонимы;

• • В заголовках Н4-Н6 не обязательно наличие ключевых слов (но не стоит специально избегать их использование, если это целесообразно);

• • Не допускаем спама ключевыми словами. В противном случае возможно попасть под фильтры поисковых систем: Баден-Баден от Яндекса и Панда от Google;

• • Пишем грамотно, опечатки недопустимы;

• • Заголовки должны быть уникальными, читабельными, интересными, цепляющимися — рассказываем не почему мы это предлагаем, а для чего это нужно читающему человеку, какая ему будет выгода;

• • Заголовки H2-H6 должны сохранять иерархию: идут в структуре последовательно и логично: нельзя использовать Н4 сразу за Н2 или Н5 за Н3.

Образец реализации иерархии заголовков

Узнайте еще несколько правил для информационных заголовков

Пример реализации заголовков

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

Alt должен быть кратким (2-5 слов), но содержательным и описывать картинку.
Атрибут alt важен для рейтинга изображения в поиске по картинкам — в Яндексе, например. Поэтому, желательно использовать ключевые слова.

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

Атрибут title для изображений (не путать с тегом title страницы!) выводится как краткая текстовая подсказка при наведении курсора на изображение. Его особенно нужно добавить если не до конца понятно, что изображено на картинке. 

Должен состоять из не более 2–5 слов. Писать его нужно по всем правилам грамматики правописания. 

Атрибут тайтл к изображению в виде текстовой подсказки

Правильный URL-адрес

Правильный URL-адрес:

• • отражает суть страницы;

• • краткий, осмысленный;

• • с вхождением ключевой фразы, но не спамный.

Он практически никогда не повторяет тайтл. Может, не но обязательно повторять Н1.

ВАЖНО: URL-адрес прописывается не полностью каждый раз. Зависит от рубрики и/или от родительской страницы.

URL = адрес сайта + рубрика /категория /родительская страница + заданная часть URL-адреса конкретной публикации или страницы.

site.ru/category/products-type1/adres-stranici

 

Заключение

 

Мы разобрали правильное написание важных для оптимизации и продвижения сайта элементов – тегов, мета-тегов, атрибутов. Конкретно, мы изучили как писать title, description, alt, заголовки и подзаголовки в тексте, как задавать правильные URL-адреса. Надеюсь вы будете использовать знания на практике.