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

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

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

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

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

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

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

А здесь мысль не закончена, и выглядит такой тайтл проигрышно.
Повторимся: Яндекс показывает 54 первых знаков, а Google 63.
Очевидный вариант — написать тайтл до 54 символов и ничем не рисковать: смотреться он будет хорошо и в Яндексе, и в Google. Именно так и нужно делать, когда это возможно: ключевых слов мало, и получается все вписать в такой длине (или хотя бы все важные).
Но проблема возникает, когда нужно прописать больше ключевых слов. В таких случаях нужно писать более длинный тайтл, но все самое важное и содержательное уместить в первых 54 символах, и постараться сделать эту часть завершенной.
Т.к. Google показывает до 63 символов — т.е. на 9 знаков (по факту на одно слово) больше чем Яндекс, важно, чтобы это слово не выглядело инородным и не в контексте с предыдущими 54 символами.
Иными словами, нужно чтобы и первые 54 символа представляли из себя завершенную мысль, и 54 + следующее слово тоже.
Итак, подытожим:
Во втором варианте есть видимая для пользователей часть (те самые 54 символа), и невидимая часть (все, что будет обрезано).
Логично, что первые 54 символа должны быть привлекательными, заметными, вызывающими желание перейти по ссылке. В видимой части при этом нужно обязательно использовать самые важные ключевые слова, и прежде всего главную ключевую фразу целиком (в самом начале) — для того, чтобы отражать релевантность запросу пользователя.
Чем лучше видимая часть тайтла, тем лучше сниппет и кликабельность (переходы по ссылке), и, соответственно, тем выше посещаемость сайта.
Лучше = релевантность + привлекательность.
В невидимой части, если все-таки нужен расширенный тайтл, нужно использовать ключевые слова кластера, которые не получилось вписать в видимой. Но не просто перечислить слова или фразы, а прописать их связно, в грамотное предложение (-я), поместив в нем ключи.
Пример для кластера со следующими ключевыми фразами:
одномоментная имплантация зубов
одномоментная имплантация зубов спб
имплантация зубов без разрезов
одноэтапная имплантация зубов
одно моментальная имплантация зубов в спб
имплантация зубов за один день
одномоментная имплантация зубов спб цена
быстрая имплантация зубов
экспресс имплантация зубов
одномоментная имплантация зубов цены
малоинвазивная имплантация
немедленная имплантация зубов
имплантация зубов сразу после удаления цена
малоинвазивные импланты
имплантация зубов без операции
| Плохо | Хорошо |
|---|---|
| Одномоментная имплантация зубов в СПб. Имплантация зубов без разрезов, малоинвазивная имплантация, немедленная имплантация зубов, экспресс имплантация за один день. | Одномоментная имплантация зубов в СПб: цены от 15.000 р. Неинвазивная одноэтапная экспресс имплантация: быстро (сразу после удаления зубов), без разрезов и операции, за один день. Малоинвазивные импланты. Клиника “Стоматон”. |
Можно, если не получилось вписать вторичные по важности ключи. На примере кластера выше, если не смогли вписать слова “быстрая” и “моментальная” — можно. Есть слова “одномоментная” и “экспресс”, синонимы упущенных, так что в этом случае будет не критично.
Также можно, если продвижение исключительно “по позициям”, а не “по трафику”.
Разница в том, что в первом случае важно занять высокие позиции по конкретной фразе, и поэтому не стоит ее разбавлять. Она обязательно прописываться в title, причем один раз в прямом вхождении, а второй в виде словоформы или синонима.
Во втором случае (“продвижение по трафику”) важно получать как можно больше трафика, не важно по каким именно фразам. Тогда стоит использовать больше ключевых слов в тайтл. На практике именно этот вариант более целесообразен для большинства проектов.
ВАЖНО: чем дальше слово от начала, тем меньше его значимость.
Поэтому, в начале тайтла — главная ключевая фраза, и далее слова по приоритетности. А начиная с 13-го слова вес очень сильно снижается, и часто нет смысла писать более 12 слов.
1. Тайтл нужно начинать основной ключевой фразой, целиком и в базовом склонении. Именно начинать.
| Плохо | Хорошо |
|---|---|
| Цветочный магазин “Цветов”. Доставка цветов по СПб и области. | Доставка цветов по СПб и области — Цветочный магазин “Цветов”. |
| Низкие цены на ремонт квартир. Работаем по СПб и Ленобласти. | Ремонт квартир в СПб и Ленобласти: цены от 5000 руб./кв.м. |
2. В тайтле используются только ключевые и релевантные тематические слова
В порядке убывания важности. Исключайте нерелевантные слова. Нельзя использовать часто и стоп-слова: частицы, местоимения, предлоги.
| Плохо | Хорошо |
|---|---|
| Доставка цветов по СПб и области. С нами выгодно. | Доставка цветов по СПб и области — Цветочный магазин “Цветов”. |
| Ремонт квартир в СПб и Ленобласти. Звоните, вы не пожалеете. | Ремонт квартир в СПб и Ленобласти: цены от 5000 руб./кв.м. |
Исключение: нужно донести выгоду или иную важную мысль, которая сильно может повлиять на кликабельность и переходы по ссылке.

Плохой заголовок. Много нетематических слов. Всего одно слово выделено жирным.
В коммерческих тематиках прилагательные в title тоже использовать не стоит.
А вот для информационных статей заголовки с прилагательными отлично работают, увеличивая CTR на поисковой выдаче и «подогревая» интерес посетителей. Главное, чтобы используемые прилагательные соответствовали содержимому контента на странице.
3. В тайтл не нужно использовать разделители
Точка, восклицательный и вопросительный знак. После них информация имеет меньший вес, а то и вовсе не учитывается. Можно по необходимости использовать тире, двоеточие или запятые.
4. Сделать тайтл более заметным на фоне конкурентов
Можно использовать цифры, [квадратные и (обычные) скобки], вертикальные линии | для улучшения кликабельности сниппета.

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

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

Это выдача по запросу “посчитать количество символов в тексте онлайн”. Обратите внимание, “слов” тоже выделено жирным, хоть в ключевой фразе его нет.
5. Тайтл без спама
| Плохо | Хорошо |
|---|---|
| Доставка цветов по СПб и области. Доставим цветы. Цветы сегодня. | Доставка цветов по СПб и области за 3 часа. |
| Ремонт квартир в СПб и Ленобласти. Отремонтируем квартиру. Отделка под ключ. | Ремонт (отделка) квартир в СПб и Ленобласти: цены от 5000 руб./кв.м. |

Пример переспамленного, нечитабельного тайтла
6. Тайтл органичный, грамотный, без грамматических и стилистических ошибок
Нужно составить тег по всем правилам русского языка, а не повторять ключевые фразы в исходном виде.
| Плохо | Хорошо |
|---|---|
| Ремонт квартир, отделка. СПБ. Ленобласти. Цены низкие. | Ремонт квартир в СПб и Ленобласти: цены от 5000 руб./кв.м. |
| Программирование курсы. Онлайн-школа, обучение. | Курсы по программированию — обучение в онлайн-школе “ТОП”. |
Особенно подчеркнем использование сочетаний коммерческих слов. Нельзя пытаться совместить одинаковые по смыслу слова.
| Нельзя совмещать слова | Можно совмещать слова |
|---|---|
| «купить» и «заказать» «цена» и «недорого» | «купить» и «цена» «заказать» и «недорого» «купить» и «доставка» |
7. В тайтле желательно вписать ГЕО привязку
Для региональных коммерческих сайтов. Указывайте город сайта, в котором продвигаетесь. Это полезно для людей (сразу увидят релевантное территориальное расположение) и для поисковых систем (при ранжировании будут учитывать указанный город).

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

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

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

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

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

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

Неплохой description. Хорошее описание товара, хорошее начало и завершение. Есть выгоды.
Тех. требования к мета-тегу description
Это заголовки и подзаголовки в тексте — они видны после перехода на сайт, на странице материала. Они в первую очередь для людей, но поисковая система тоже их оценивает и делает выводы — особенно h1.
HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после главного заголовка.
Тег <h1> — это заголовок статьи, наиболее важный заголовок первого уровня. <h2>…<h6> — второстепенные, вложенные подзаголовки, помогают правильно структурировать материал. Их важность оценивается по убыванию: <h2> важнее <h3>.
Он важен и для поисковиков и для людей: должен быть интересен, отражать суть статьи, и SEO-оптимизирован.
Идеальный заголовок:
Примеры:
Плохо: «От теории к практике: SEO-шником становись!».
Хорошо: «Как правильно выполнять SEO-оптимизацию сайта».а
Отлично: «Как правильно выполнять SEO-оптимизацию сайта: 10 шагов».
Очень плохо: «А вы поняли, что и как нужно, чтобы стать фрилансером?»
Плохо: «Как стать фрилансером?».
Хорошо: «Как стать фрилансером».
Отлично: «Как стать фрилансером в 3 этапа: руководство для новичков»
Плохо: «Какие сервисы для работы должен использовать каждый копирайтер».
Не очень хорошо: «Инструменты для работы копирайтера».
Хорошо: «15 инструментов для копирайтера».
Очень хорошо: «15 инструментов для копирайтера, которые сделают работу удобнее и быстрее».
У <h1> есть несколько важных пересечений с тегом title:
Можно задействовать разные триггеры для этих двух тегов, что особенно важно для информационных статей. Где заголовок h1 составляется с интригой и побуждает к прочтению.
Но есть и важные отличия, потому что у Н1 и title разные цели и этапы взаимодействия сайта с пользователями. Title пользователь видит еще до перехода на сайт. H1 видит уже когда находится на странице.
Поэтому, title должен мотивировать пользователя на клик по ссылке и переход на сайт.
А H1 можно делать:
| H1 | Title |
|---|---|
| Онлайн-школа удаленных профессий: учим новичков работать на фрилансе | Онлайн-школа удаленных профессий: обучение с нуля до профессионала |
| Лечение кариеса в день обращения за 1990 руб. | Лечение кариеса в СПб без боли у взрослых и детей от 1990 руб. в клинике “Мастердент” |
| Как стать фрилансером с нуля: пошаговая инструкция + личная история пути с нуля до 150т.р./мес. | Как стать фрилансером с нуля: пошаговая инструкция. С чего начать, что нужно знать. |
| Тренинг “Системное SEO 2023″: сделаем вас SEO-middle за 4 месяца, даже если вы новичок | Тренинг “Системное SEO 2023″ — обучение для начинающих: с нуля до профессионала за 4 месяца. |
Н1 – Сколько фрилансер зарабатывает
Н2 – Кто такой фрилансер и чем он занимается
H2 – Сколько можно зарабатывать на фрилансе?
Н3 – Можно ли и сколько заработать в интернете без навыков и опыта
Н3 – Сколько можно заработать на простом фрилансе
H3 – Сколько зарабатывает копирайтер (рерайтер, автор текстов)
H3 – Какие деньги зарабатывает верстальщик сайтов
H3 – Сколько зарабатывает “упаковщик” сайтов
Н3 – Заработок SEO-специалиста (продвиженца сайтов)
H2 – Составляющие успеха, или о чем не знают новички?
H3 – Что нужно для заработка
Н3 – С чего начать
Н4 – Создать портфолио
Н4 – Составить резюме
Н5 – Сервисы для составления резюме онлайн
H2 – Как повысить свои заработки фрилансеру
H2 – Демпинг цен и конкуренция на российском фрилансе
Н2 – Какие профессии на фрилансе позволяют зарабатывать больше 100 тыс. руб. в месяц?
H2 – Какие профессии позволяют зарабатывать 50-100 тыс. руб. в месяц?
H2 – В каких профессиях сложно заработать 50 тыс. руб., но можно 20-40 т.?
Узнайте еще несколько правил для информационных заголовков.
<h1>Как правильно выбрать адвоката по разводам</h1>
<h2>Когда необходимы услуги адвоката по расторжению брака</h2>
<h3>Отсутствие согласия на развод одного из супругов</h3>
<h3>Наличие общих несовершеннолетних детей</h3>
<h3>Уклонение одного из супругов от проведения бракоразводной процедуры</h3>
<h2>Как осуществляется бракоразводный процесс — 5 этапов</h2>
<h3>Подготовка документов на развод</h3>
<h4>Подготовка и подача искового заявления</h4>
<h4>Подготовка свидетельств регистрации брака, рождения детей и иной брачной документации</h4>
<h4>Подготовка иных документов на развод</h4>
<h3>Рассмотрение дела на судебном заседании</h3>
<h3>Принятие решения о разводе</h3>
<h3>Получение сторонами решение суда</h3>
<h3>Регистрация расторжения брака в ЗАГСе</h3>
<h2>Правила правильного выбора адвоката по бракоразводному процессу</h2>
<h3>Не гонитесь за экономией</h3>
<h3>Внимательно изучите репутацию адвоката</h3>
<h3>Выбирайте юриста, который делится с вами мыслями о выбранной стратегии</h3>
<h3>Не сотрудничайте с адвокатами, гарантирующими вам положительный итоговый результат</h3>
Alt — это альтернативный текст для изображения. Текстовая информация отображается если изображения в браузере пользователя не загрузились, и дает понять, что изображено на этой картинке.
Alt должен быть кратким (2-5 слов), но содержательным и описывать картинку.
Атрибут alt важен для рейтинга изображения в поиске по картинкам — в Яндексе, например. Поэтому, желательно использовать ключевые слова.

Картинка не загрузилась, показывается альтернативный текст.
| Плохо | Хорошо |
|---|---|
| Онлайн-школа | Онлайн школа фриланса РД |
| Лечение кариеса | Лечение кариеса в клинике “Мастердент” |
| Фрилансер | Фрилансер на рабочем месте /Рабочее место фрилансера |
| Тренинг “Системное SEO 2023″: сделаем вас SEO-middle за 4 месяца, даже если вы новичок | Тренинг “Системное SEO 2023″ — обучение для начинающих: с нуля до профессионала за 4 месяца. |
Атрибут title для изображений (не путать с тегом title страницы!) выводится как краткая текстовая подсказка при наведении курсора на изображение. Его особенно нужно добавить если не до конца понятно, что изображено на картинке.
Должен состоять из не более 2–5 слов. Писать его нужно по всем правилам грамматики правописания.

Атрибут тайтл к изображению в виде текстовой подсказки.
Правильный URL-адрес:
Он практически никогда не повторяет тайтл. Может, не но обязательно повторять Н1.
| H1 | Title | URL-адрес |
|---|---|---|
| Как стать фрилансером с нуля: пошаговая инструкция | Как стать фрилансером с нуля: пошаговая инструкция. Истории, примеры, ошибки. | site.ru/freelance/kak-stat-frilanserom |
| Лечение кариеса в день обращения за 1990 руб. | Лечение кариеса в СПб без боли у взрослых и детей от 1990 руб. в клинике “Мастердент” | site.ru/uslugi/karies |
| Тренинг “Системное SEO 2023″: сделаем вас SEO-middle за 4 месяца, даже если вы новичок | Тренинг “Системное SEO 2023″ — обучение для начинающих: с нуля до профессионала за 4 месяца. | site.ru/treningi/seo |
Мы разобрали правильное написание важных для оптимизации и продвижения сайта элементов – тегов, мета-тегов, атрибутов. Конкретно, мы изучили как писать title, description, alt, заголовки и подзаголовки в тексте, как задавать правильные URL-адреса. Надеюсь вы будете использовать знания на практике.