Виды тегов для оптимизации контента
Среди html-тегов, которые используют при оптимизации статей и другого контента можно отнести:
- title — заголовок веб-страницы в результатах поиска (верхняя часть сниппета);
- description — описание веб-страницы в результатах поиска (нижняя часть сниппета);
- h1 — заголовок контента на странице сайта;
- alt — альтернативное название изображений на странице сайта.
Тег title и метатег description формируют сниппет — краткое описание страницы в результатах поиска. Они находятся в верхней части html-документа <head>, откуда их считывает поисковик.
Заголовок текста h1 обобщает содержимое страницы. Также его используют для добавления ключевых фраз и усиления интереса читателя к тексту.
Теги изображений alt могут формировать текст якорной ссылки, при нажатии на которую пользователь попадает на другую страницу сайта, или отсутствовать в видимой части контента, являясь частью html-кода. Атрибут alt влияет на видимость ресурса в разделе «Картинки» поисковиков. Это единственный тип тега из перечисленных, который можно использовать в коде страницы больше одного раза.
Примечание: важно понимать отличие title и h1. Title — заголовок веб-страницы в результатах поиска, h1 — заголовок статьи, текста и другого контента на странице.
Каким должен быть сниппет?
После ввода запроса пользователь видит список сайтов. Он может выбирать, исходя из порядка ресурсов в результатах выдачи, релевантности своему запросу или общей привлекательности сниппета. Тексты title и description информируют о содержимом страницы и от них во многом зависит, захочет ли пользователь перейти на сайт.
Показателем эффективности сниппета является CTR. Кликабельность подразумевает процент показов страницы, которые привели к кликам. Считается, что высокий CTR повышает рейтинг ресурса как в рекламной, так и органической выдаче. В отчете «Эффективность» Google Search Console средний CTR — один из ключевых параметров. При анализе сайта можно заметить, что кликабельность его страниц может сильно отличаться.
Примечание: каждый сниппет содержит заголовок и описание, независимо от наличия заполненных тегов title и description. Поисковые машины могут генерировать текст, исходя из контента страницы и его релевантности поисковому запросу. Оптимизация тегов позволяет влиять на то, что именно увидит пользователь, а также добавлять ключевые слова.
Чтобы сделать хороший сниппет, посмотрим на него глазами пользователя — отвечает ли он исходному запросу, дает ли понимание о содержимом страницы, вызывает ли желание перейти на сайт?
В гайде по мультиязычному SEO-копирайтингу мы анализировали сайты из топ-5 Google по запросу «лучшие рюкзаки для путешествий», чтобы создать оптимальный шаблон будущего текста. В этой статье рассмотрим примеры сниппетов этих же сайтов и возьмем их за основу для заполнения тегов.
Как создать эффективный title
Анализ title конкурентов
Для примера узнаем title конкурентов и занесем их в таблицу. Каждая строка будет содержать позицию сайта, текст тега title и заголовка сниппета. Теги в коде страницы можно увидеть с помощью комбинации клавиш Ctrl+U.
Примечание. Длина заголовка и описания сниппета имеет ограниченное количество символов с учетом пробелов. Для лучшего понимания будем указывать объем тегов в ссп («символах с пробелами»).
Цель:
- сопоставить содержимое исходного title и заголовка сниппета — измерим длину заголовка;
- понять, какие слова и элементы в title привлекают внимание — выделим их другим цветом.
| Позиция в выдаче | Текст в title | Заголовок в сниппете |
| 1 | Топ-10 рюкзаков для путешествий: Deuter, Dakine, Thule, TNF | Лучший в Украине магазин рюкзаков и сумок | Купить рюкзак c доставкой по Киеву и Украине в интернет-магазине рюкзаков Bagman.ua | Топ-10 рюкзаков для путешествий: Deuter, Dakine, Thule … (54 ссп) |
| 2 | 10 стильных и удобных рюкзаков для путешествий | Living in Travels | 10 стильных и удобных рюкзаков для путешествий | Living … (55 ссп) |
| 3 | 20 лучших городских рюкзаков 2020 – | 20 лучших городских рюкзаков 2020 — Hiking.ru (45 ссп) |
| 4 | Выбираем лучший рюкзак для путешествий – Theqread | Выбираем лучший рюкзак для путешествий – Theqread (49 ссп) |
| 5 | 23 лучших рюкзака — Рейтинг 2020 | 23 лучших рюкзака — Рейтинг 2020 — expertology.ru (49 ссп) |
Анализ тегов title сайтов-конкурентов в выдаче
Создание лаконичного и информативного title
Видимый на экране размер заголовка ограничен по количеству символов. Его длина может отличаться в зависимости от размера экрана устройства и других факторов. Если текст тега слишком длинный, часть заголовка будет обрезана.
Один из способов улучшить title — включить самую важную информацию в его видимую часть. В примерах ниже к удачным заголовкам можно отнести те, которые представляют собой законченную мысль.
Вернемся к таблице с сайтами-конкурентами. Теги длиной выше 54 ссп Google отобразил в выдаче частично, в отличие от лаконичных заголовков до 50 ссп. Еще одной закономерностью среди ресурсов в топ-5 является размещение ключевых слов в начале title, а также упоминание бренда.
Выбор ключевых слов
Отображение веб-страницы в поиске может быть по похожим ключевым запросам или long-tail ключам — запросам с уточнениями. Стоит определить основной ключ в качестве корня для других похожих запросов, который также будет отражать содержимое страницы.
Во многих случаях для заголовков статей в сниппете подходят запросы средней частотности с обозначенным поисковым намерением (интентом), например, «выбрать лучший рюкзак», «горный и городской велосипед отличия».
Повышение кликабельности title
Каким должен быть текст title, чтобы пользователь захотел перейти на сайт? Если с рекомендуемой длиной мы разобрались, необходимо понять, как эффективно использовать допустимый объем знаков. Ниже приведено пять самых популярных типов заголовков.
- 11%. Вопрос (Question). Какие существуют способы, позволяющие сделать чаепитие более приятным?
- 15%. Обычный (Normal). Способы сделать чаепитие более приятным.
- 17%. Как (How To). Как сделать чаепитие более приятным.
- 21%. Обращение к читателю (Reader Addressing). Способы, которые помогут вам сделать чаепитие более приятным.
- 36%. Цифра (Number). 30 способов сделать чаепитие более приятным.
Пользователи положительно реагируют на слова-триггеры, подразумевающие выгоду для них («недорогие»), разнообразие вариантов («лучшие», «топ-10»), готовые решения и ответы на вопросы («способы», «как сделать», «как выбрать»). Список таких слов довольно большой — тут 801+примера. Их стоит тестировать в title и оставлять самые эффективные.
Еще один способ повысить привлекательность заголовка — структурировать его и выделить самое важное, используя круглые скобки (), квадратные скобки [] или вертикальный слеш |.
Что у конкурентов?
В первой таблице отмечены акценты в текстах заголовков: цифры («20 лучших»), призывы к действию («выбираем»), слова-триггеры («рейтинг», «топ» и др.), упоминание текущего года. Также конкуренты активно использует элемент разделения — вертикальный слеш. По частоте использования среди лидеров в Google победило «число», указывающее на количество вариантов товара, которое читатель сможет найти в статье.
| Позиция в выдаче | Заголовок | Тип заголовка |
| 1 | Топ-10 рюкзаков для путешествий: Deuter, Dakine, Thule, TNF | Топ + Цифра |
| 2 | 10 стильных и удобных рюкзаков для путешествий | Цифра |
| 3 | 20 лучших городских рюкзаков 2020 | Цифра |
| 4 | Выбираем лучший рюкзак для путешествий | Призыв |
| 5 | 23 лучших рюкзака | Цифра |
«Число» — самый популярный акцент в тегах title сайтов
Выводы: как оптимизировать title
- Чтобы создать эффективный заголовок сниппета, стоит анализировать длину и содержимое тега title ресурсов, занимающих высокие позиции по ключевому запросу.
- Не делать title слишком длинным — заголовок сниппета длиной до 70 ссп будет выглядеть законченным предложением.
- Размещать главное ключевое слово ближе к началу тега.
- Придерживаться стандартной структуры: «Главное ключевое слово + текст | Название бренда или сайта».
- Выбирать основной ключ для ранжирования по спектру похожих запросов.
- Повышать CTR заголовка, используя проверенные шаблоны заголовков и слова-триггеры.
- Если содержание контента позволяет, в текст заголовка стоит добавить текущий год. Это подчеркнет актуальность информации на сайте и даст возможность охватить запросы с упоминанием года.
- Использовать скобки или вертикальный слеш, чтобы структурировать текст и выделить акценты.
Узнать больше о секретах формирования заголовка можно в 19-минутном мастер-классе Дениса Каплунова «Как составить заголовок».
Как создать эффективный description
Формирование описания в сниппете поисковиком
Если раньше отображение description зависело от содержимого тега, как в случае с title, то сегодня поисковая система генерирует разные описания сниппета для страницы в зависимости от запроса пользователя. При этом слова, которые входят в запрос, выделены жирным шрифтом.
В примере система подтягивает в описание текст, содержащий слова из поискового запроса. Для пользователя это маркер релевантности — на странице есть то, что он ищет. Текст description попадает в описание сниппета, если метатег содержит ключевое слово в максимально точном соответствии исходному запросу.
Откуда поисковик берет фразы для описания?
Обычно там, где быстрей всего находит максимальное совпадение с главным запросом
- в анкорах исходящих ссылок, расположенных ближе к началу статьи (пример 1);
- в первых абзацах статьи (пример 2).
Пример 1. Слова из поискового запроса в тексте ссылки.
Пример 2. Слова из поискового запроса в верхней части статьи.
Почему стоит прописывать description?
Стоит ли уделять description столько внимания, если поисковик все равно его игнорирует? Да, стоит. Заполненное мета-описание — это дополнительная возможность использовать полезные для SEO ключи и добавить в текст продающую информацию.
Виды описаний сниппета в SERP
1. Стандартный сниппет: небольшой текст, занимающий несколько строк.
2. Выделенное описание: специальное окно над другими результатами поиска в виде списка, таблицы или текста. Как правило, такие описания можно увидеть по запросам в вопросительной форме. Поисковая система сама выбирает наиболее подходящие фрагменты списка или текста на веб-странице. Здесь главную роль играет точность и полнота ответа на запрос пользователя, а содержимое description значения не имеет.
Анализ description конкурентов
Теперь рассмотрим description сайтов из топ-5 Google: сопоставим содержимое метатега и сниппета, узнаем количество символов в описании.
| Позиция в выдаче | Текст в description | Описание в сниппете |
| 1 | Нет. | Выделенное описание. |
| 2 | Давайте скажем большущее спасибо тому человеку, кто придумал рюкзаки. За эту свободу рукам и свободу перемещения, легкость бытия во время прогулок и возможность сложить в рюкзак всё, что было нажито н… (это текст из первого абзаца статьи; возможно CMS его берет по умолчанию, если description не прописан.) | 31 авг. 2019 г. — Читайте также: «Названы лучшие направления для путешествий с … Эти рюкзаки идеальны для транспортировки лэптопов, так как … (141 ссп – текст и дата, 123 ссп — только текст) |
| 3 | В этой подборке — самые удобные и новаторские модели рюкзаков для города и однодневных приключений. ☛ 20 непохожих друг на друга экземпляров. | Перейти к разделу Для путешествий антикражный XD Design Bobby Duffle — Это рюкзак для города и путешествий, который не боится карманников и … (139 ссп) |
| 4 | Нет | Рюкзаки Thule — лучшие рюкзаки для путешествий самолетом. Thule Рюкзаки для путешествий Thule: Paramount, Crossover и Accent. Шведы делают … (138 ссп) |
| 5 | Рейтинг лучших рюкзаков по мнению экспертов и отзывам покупателей. Независимое расследование лучших моделей популярных производителей: лучшие туристические, городские, велорюкзаки и лучшие рюкзаки для учёбы. | 13 июл. 2018 г. — Рейтинг лучших рюкзаков по мнению экспертов и отзывам покупателей. … Лучшие туристические рюкзаки для походов, 1, Deuter Futura 28, 6 190 ₽ … В школе, университете и даже в маленьком путешествии он … 219 (ссп) |
Анализ тегов description сайтов-конкурентов в выдаче
Что можно отметить у сайтов топ-5:
- длина текста — от 138 до 219 ссп;
- если в статье указана дата, она будет добавлена в сниппет как часть описания, длина видимого текста при этом — 123 ссп;
- у двух страниц description не прописан;
- у одной страницы метатег сформирован автоматически с помощью CMS;
- ни в одном описании сниппета нет полного текста из тега description.
Рекомендуемая длина
Многие сайты придерживаются лимита в 160 ссп, чтобы текст метатега отображался целиком как на ПК, так и на экране смартфона. Результат анализа сниппетов конкурентов говорит об оптимальной длине description — до 140 ссп (если дата публикации контента отсутствует) и 123 ссп (если дата указана).
Выбор ключевых слов
Текст краткого описания страницы занимает больше места чем заголовок и позволяет отобразить больше информации. При заполнении description можно не ограничиваться упоминанием одного запроса, но, в то же время, не стоит перегружать метатег ключами.
Коммерческая привлекательность описания
Кроме ключевых слов и информации, описывающей содержимое страницы, в текст метатега можно добавлять контактные данные, город или регион, услуги, преимущества компании (гарантия качества, доставка, клиентская поддержка и др.).
Для увеличения эффективности сниппета в конце описания стоит добавить призыв к действию — call-to-action (CTA): «узнайте», «проверьте», «оцените», «получите», «скачайте» и т. д. Если данная часть метатега попадет в описание, это поможет увеличить число переходов на сайт.
Выводы: как оптимизировать description
- Анализировать теги description других сайтов по смежным ключам, чтобы найти оптимальную длину метатега.
- Придерживаться рекомендуемого объема мета-описания — до 140-160 символов. Если на странице есть дата публикации контента, текст в теге стоит сократить примерно до 120 ссп.
- Добавлять ключевые слова, чтобы они выглядели органично и естественно.
- Указывать преимущества компании, контакты, слова и фразы CTA. При попадании в сниппет эти фразы сделают его более заметным и кликабельным.
Как оптимизировать заголовок H1
Если цель сниппета достигнута и пользователь перешел на сайт, первое, что он видит — заголовок, презентующий контент страницы и для читателя. За главный заголовок отвечает тег h1, который можно использовать один раз. Содержимое тега h1 имеет больший вес, в сравнении с другим текстом на странице, и его используют для добавления важных ключей.
Рекомендуемая длина
Оптимальная длина заголовка — до 50-70 ссп. У этого параметра нет четкого лимита и небольшие отступления допустимы. В отличие от заголовка сниппета, видимая часть заголовка страницы не имеет ограничений, и h1 будет показан полностью. Однако слишком большой объем может сделать заголовок сложным для восприятия.
Пересечение с тегом title по ключевой фразе
Многие дублируют содержимое тега title и заголовка h1. Но Serpstat, например, рекомендует писать разные тексты для title и h1. Оптимальный вариант — h1 не повторяет, а уточняет title с помощью пересекающихся тематических запросов.
Пример 1
- Title: Как настроить фитнес-браслет. Фото. Видео
- H1: Как настроить фитнес-браслет. Пошаговое руководство
Примечание: теги пересекаются по ключевой фразе «как настроить фитнес-браслет». В title использованы уточнения для повышения CTR, указывающие на информативность материала. Заголовок страницы обобщает содержимое статьи.
Пример 2
- Title: Как выбрать аэрогриль для дома
- H1: Как выбрать аэрогриль. Лучшие производители
Примечание: оба тега имеют один общий ключ «как выбрать аэрогриль» и дополнительные слова «производители», «для дома», которые могут быть частью разных запросов. Title здесь призывает аудиторию перейти на сайт, а h1 описывает содержимое страницы.
Копирайтерские приемы
При создании заголовков h1 работают те же принципы, что и для title. Оба вида заголовков призваны заинтересовать пользователя, используя небольшое количество символов.
При написании h1 может быть эффективным обращение к читателю, творческий подход и эмоции, а также типы заголовков, проверенные опытным путем.
При создании заголовков, автор или редактор решают: сделать акцент на ключевом запросе или творческой составляющей текста. Специалист по цифровым коммуникациям концерна BSH Hausgeräte GmbH Чернец Яна поделилась с нами своим опытом.
«Если речь идет о SEO-статье, мы используем проверенные временем структурированные и выверенные заголовки. При подготовке другого текстового контента мы мониторим популярные поисковые запросы, затем проводим командный мозговой штурм и получаем более креативные заголовки».
Яна Чернец
Специалист по цифровым коммуникациям,
BSH Home Appliances Corporation (Bosch, Siemens, Gaggenau)
Выводы: как оптимизировать заголовок h1
- Расположить главное ключевое слово ближе к началу.
- Рекомендуемый размер до 70 ссп.
- Текст тега h1 должен быть уникальным и не пересекаться с другими тегами страницы.
- Использовать основной ключ для h1 и title.
- Применять копирайтерские приемы.
Как оптимизировать изображения
Все знакомы с вкладкой «Картинки» в Google и Яндекс. Это отдельный поисковой раздел, где переход на сайт происходит не через сниппет, а при нажатии на фото. У оптимизированных картинок больше шансов попасть в раздел изображений и генерировать дополнительный трафик. Здесь много технических нюансов, но мы остановимся на тех, которые затрагивают оптимизацию контента.
В 2018 MegaIndex провели эксперимент, который показал, какие факторы влияют на ранжирование изображений. Выделим основные из них.
Имя файла
Речь идет о названии картинки. Большинство популярных CMS не переименовывают имя загружаемого файла автоматически. Поэтому стоит заменить набор символов на текст, который соответствует содержимому изображения. Также в название рекомендуется добавлять ключевые фразы.
- Неправильно: img_21253.jpeg
- Правильно: оптимизированная-картинка.jpeg или optimizirovannaja-kartinka.jpeg
Атрибуты изображения: alt и title
Кроме названия изображение должно иметь альтернативный текст в теле тега, который влияет на видимость в поиске.
- Атрибут alt (тег alt). В описание к картинкам добавляют ключевые слова (от 3-4 слов, но не более 250 ссп), избегая переспама. Независимо от того, виден текст тега alt или нет, текст нужно делать понятным для человека.
- Атрибут title. Это заголовок изображения, который можно увидеть при наведении курсора на картинку. Стоит создавать уникальные title для визуального контента, не дублируя теги alt.
Оптимизированное изображение в html-коде будет выглядеть так:
<img src=”/images/optimizirovannaja-kartinka.jpeg” alt=”Пример оптимизированной картинки” title=”SEO-оптимизация изображений”/>.
Настройка атрибутов изображения в WordPress
Окружающий текст
Изображения должны быть релевантны контексту. Поисковики сопоставляют ключевые слова, описывающие визуальные элементы, с теми, которые находятся в окружающем тексте.
Еще один способ задействовать семантику и усилить оптимизацию картинок — добавить подписи над/под ними.
Изображения в тексте дают возможность преподнести информацию в лаконичной форме. Этот подход используют многие компании, и соучредитель студии графического дизайна CMO & Co-founder Богдан Швец поделился с нами своим опытом.
Богдан Швец
CMO & Co-founder,
Студия компьютерной графики и графического дизайна «Easy Look»
www.easylook.biz
Выводы: как оптимизировать изображения
- Придумать подходящее название для файлов с использованием ключевых фраз.
- Заполнить атрибуты alt и title — кратко описать изображение словами.
- Учитывать контекст, в котором размещены графические элементы — они должны быть релевантны друг другу.
- Подписывать визуальный контент в теле статьи.
Заключение
Оптимизация контента влияет на видимость сайта в поисковой выдаче. Процесс подразумевает правильное заполнение тегов для сниппета (title, description) и текстовой части (h1, alt). Выделим основные рекомендации для создания эффективных тегов:
- анализировать теги сайтов, лидирующих в выдаче по ключевому запросу;
- придерживаться оптимальной длины;
- добавлять ключевые фразы и размещать их ближе к началу тега;
- использовать слова-триггеры, призывы к действию и другие приемы SEO-копирайтинга для повышения CTR и лучшего отклика читателей.
