Yoga-mgn.ru

Строительный журнал
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Исчерпывающие правила создания заголовка H1 для страниц сайта

SEO-аудит внутренней оптимизации сайта

Внутренняя оптимизация сайта — это основа SEO. Можно сколько угодно денег вкладывать в ссылочное продвижение или генерировать сотни страниц на сайте, но внутренние технические ошибки сведут все усилия на ноль. И дело не в погрешностях кода HTML, CSS, в выборе CMS или фреймворка. Речь идёт о простых, но очень важных вещах: тегах страницы, её свойствах и заголовках, об атрибутах кода, изображениях и обязательных файлах сайта.

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

Чек-лист аудита

  • Страницы доступны для индексации (index, follow, нет запрета в robots.txt)
  • Отсутствуют битые ссылки (внешние и внутренние)
  • Нет дубликатов страниц
  • Установлен тег rel canonical
  • Отсутствуют полные копии текстов на страницах
  • Присутствует и настроен файл robots.txt
  • Файлы css и js видимы для Гуглобота в файле robots.txt
  • Присутствует и настроена страница sitemap.xml
  • Есть страница «Карта сайта» (sitemap.html)
  • Проверено наличие/размер/отсутствие дубликатов тега title
  • Проверено наличие/размер/отсутствие дубликатов тега description
  • Проверено наличие/размер/отсутствие дубликатов/ количество заголовка H1
  • Проверено наличие/размер/отсутствие дубликатов заголовка H2
  • Проверено наличие/размер/отсутствие дубликатов заголовка H3
  • Заголовки идут по порядку от H1 до H6
  • Заголовки не повторяют друг друга
  • Тег title и заголовок H1 отличаются
  • На странице есть выделение жирным (b или strong), курсив, присутствуют списки и изображение
  • Нет битых изображений
  • Внешние ссылки закрыты rel nofollow
  • В тексте присутствуют внутренние ссылки (помимо меню)
  • Наличие атрибута title у ссылок и изображений
  • Наличие атрибута alt у изображений
  • Изображения оптимизированы (оптимальный объём и размер)

Онлайн-сервисы для технического анализа страниц сайта

SiteDozor

SiteDozor — набирающая обороты SEO-машина с кучей инструментов, в том числе бесплатным аудитом. Без регистрации функциональность анализа ограничена, однако основные пункты чек-листа сервис отследит.
http://sitedozor.com/audit/

Пиксель Тулс

Пиксель Тулс — бесплатный аудит позволит выявить ошибки, а также определить основные SEO-показатели вашего сайта. Требуется регистрация.
https://tools.pixelplus.ru/audit/

Sitechecker

Sitechecker — удобный анализ и мониторинг 156 параметров вашего сайта. Без регистрации 1 страница. После регистрации можно просканировать 1 сайт с лимитом до 100 страниц.
https://sitechecker.pro/ru/on-page-seo-checker/

SeoLik

SeoLik — комплексный анализ сайта по нескольким десяткам показателям, в том числе и SEO аудит. Бесплатно, без регистрации.
https://a.seolik.ru/

Serpstat

Serpstat — многофункциональная SEO-платформа, среди модулей которой есть аудит сайта с собственной системой оценки — SDO. Требуется регистрация. На бесплатном тарифе существуют ограничения по количеству проектов и URL.
https://serpstat.com/ru/

Dareboost

Анализ более 100 показателей сайта, которые в разной степени влияют на позиции сайта. Бесплатно, без регистрации — 1 страница, после регистрации — 5 проверок в месяц.
https://www.dareboost.com/en

Varvy

Varvy SEO tool — моментальный SEO-анализ. Наглядный дашборд. Бесплатно, без регистрации.
https://varvy.com/

SEO SiteCheckup

SEO SiteCheckup — мощный инструмент для анализа сайта. К сожалению, без оплаты и регистрации доступен анализ 1 страницы. После регистрации — 14-дневный бесплатный период пользования. Некоторые важные функции сервиса доступны на странице бесплатных инструментов.
https://seositecheckup.com/

Seorch

Проверит до 2 тыс. страниц на одном домене. Укажите URL и свой имейл. Краулер перейдёт по страницам сайта как бот Гугла, проведёт анализ контента и технических факторов и отправит исчерпывающий отчёт на почту.
https://seorch.eu/html/website-crawler.html

Настольные программы

Majento SiteAnalyzer

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

Netpeak Spider

Программа для комплексного SEO-аудита сайта с бесплатным полнофункциональным 14-дневным тестированием. Стоимость лицензии — от $14 в месяц.
Сайт

Screaming Frog SEO Spider

Screaming Frog SEO Spider — незаменимый инструмент при проведении технического аудита сайта. Бесплатная версия имеет ограничения по количеству проектов и URL. Стоимость лицензии — £99 в год.
Сайт

Оптимизация тега заголовков h1

Оптимизация тега заголовков

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

Проблема заключается в том, что в WordPress в тег

В файле заголовка блога (header.php) находим такую строчку кода:

Она означает, что в этом месте страницы будет выведено название блога, в виде ссылки на заглавную страницу, и заключённое в тег

Название Блога

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

Заменяем её на следующую:

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

Теперь нам надо придать тегу

Для этого находим в файле стилевого оформления style.css селектор тега

#header h1 <
position:absolute;
width:600px;
left:38px;
top:40px;
margin:0;
padding:0;
font: bold 34px/38px Georgia, «Times New Roman», Times, serif;
color: #fff;
>

#header h1 a:hover <
color: #C1C1B6;
text-decoration: none;
>

Здесь мы видим правила отображения для тега

Теперь делаем следующее: копируем первую часть кода, относящуюся к h1, заменяем имя идентификатора #header h1 на # header h2 и заново вставляем в файл style.css , сразу после селектора #header h1, а # header h1 a:hover переименовываем в # header h2 a:hover . В результате должен получиться вот такой фрагмент кода:

#header h1 <
position:absolute;
width:600px;
left:38px;
top:40px;
margin:0;
padding:0;
font: bold 34px/38px Georgia, «Times New Roman», Times, serif;
color: #fff;
>

#header h2 <
position:absolute;
width:600px;
left:38px;
top:40px;
margin:0;
padding:0;
font: bold 34px/38px Georgia, «Times New Roman», Times, serif;
color: #fff;
>

#header h2:hover <
color: #C1C1B6;
text-decoration: none;
>

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

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

Итак, редактируем шаблон отдельных записей и шаблон отдельных страниц. Открываем файлы (single.php) и (page.php), и находим там следующую строчку кода:

» href=» » rel=»bookmark»>

Сразу же меняем тег

Точно так же, как и в случае с заголовком, добавляем стилевое оформление заголовка статей и постов h1, что бы оно выглядело так же, как и h2. В моём шаблоне за это отвечает селектор .posthead h2, копируем полностью стиль, переименовываем в .posthead h1, и сохраняем в таблице сразу же за .posthead h2. Так же — не забываем про изменение отображения заголовка анонса поста на главной странице, при наведении на него курсора. За это ответственны следующие классы и стили:

.posthead h2 a:hover <
color: #990000;
text-decoration: none;
>

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

Для полноты картины стоит так же отметить, что тегом

28 комментариев

Дмитрий, здравствуйте! Спасибо за полезную статью! Скажите, зачем на других страницах вообще оставлять этот заголовок Н2. Если сделать его простым текстом, то с точки зрения сео будет лучше мне кажется. А то, получается, что Н2 идет перед Н1 — не логично.
В файле стилевого оформления style.css не могу найти селектор тега

Приветствую, спасибо, что присоединились.

Заголовки нужны, что бы разбивать страницу на фрагменты текста, и выделять важные его части: названия, цитаты, подзаголовки, и т.д. Так уж принято, что название основного контента принято выделять H1, как главную и основную мысль всего текста. Именно по H1 поисковики определяют тематику и направленность. Но, кроме основного контента, на странице существуют и другие блоки, созданные для удобства пользователя и визуализации: шапки, анонсы, сайдбары с навигацией, футеры, и т.д. Где тоже может находиться какая-либо информация. Вот для этого, и существую теги Н2-H4, что выделить заголовки на них, плюс — подзаголовки в самом контенте, разбивающие статью на части. Поэтому, H2 может запросто выделять название сайта в шапке на страницах постов, точнее — даже должен: что бы не перебивать название самой статьи, в H1. Однако, вполне возможно название сайта заключить и в тег , придав ему нужное стилевое оформление.

Я легко нашёл описание H1 в файле стилевого оформления вашего сайта, странно, что у вас это вызвало затруднение… Ну а то, что структура немножко другая — так это зависит от создателя темы. Каждый пишет стили под себя, поэтому стилевые описания — как и структура оформления шаблона — зачастую отличаются. К тому же, свою таблицу стилей и скелет сайта я правил немного под себя, оптимизировал под SEO и для более быстрой работы блога.

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

Да было бы не плохо. Укажите пожалуйста строку в style.css. Я вижу там несколько Н1 не знаю какое описание к чему.

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

Спасибо Дмитрий. Покопался и разобрался!

Ну вот, не успел статью накатать… Если кратко — то за отображение заголовка H1 в хедере отвечает следующий стиль, строка 646 файла style.css:

h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
<
font-size: 38px;
text-decoration: none;
padding: 0;
margin: 0;
color: #EEEBDD !important;
>

А так же — строка 640:

h1.art-logo-name
<
display: block;
text-align: center;
>

Самый простой способ проверить стиль элемента в браузере Мазила — это кликнуть правой кнопкой мыши по элементу, и в самом низу контекстного меню выбрать — «исследовать элемент«. Элемент тогда выделится, и в правой стороне экрана отобразятся его стили и свойства. Обращайтесь, если что.

Читать еще:  SamsPcbGuide, часть 10: Технологии — пайка бессвинцовых компонентов

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

Title в SEO: Как оптимизировать тег заголовка? Правила написания и влияние на позиции в поисковой выдаче

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

Как составить и оптимизировать заголовок страницы? Рассмотрим процесс по шагам.

Приведем правила написания и оптимизации заголовков.

Как тег title влияет на позиции?

Разберемся с темой далее.

Title в SEO

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

Рекомендованные материалы в MegaIndex на тему технической оптимизации по ссылке далее — Техническая оптимизация.

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

Что такое title? Title — тег в HTML, который задает заголовок страницы сайта. Данный заголовок выводится в сниппете страницы в поисковой выдаче.

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

Начать следует с анализа текущей ситуации с заголовками на сайте.

1 — Анализ title на сайте

Как найти страницы сайта, на которых с тегом title есть проблемы?. Следует использовать специальные инструменты. Например, сервис от MegaIndex. Данный инструмент позволяет найти страницы на которых или тега title нет, или значение требует улучшений.

Сервис бесплатный.

Пример отчета далее:

Есть и анализ h1:

Как исправить ситуацию с заголовками на сайте?

2 — Как создать title с учетом требований поисковой оптимизации? Правила написания

Как создать правильный тег title? Сначала следует провести анализ поисковой выдачи. Пошагово:

  • Выгрузите title страниц лидеров поиска;
  • Проанализируйте на предмет наличия маркетинговых трюков.

Затем следует провести следующий этап. Процесс по созданию заголовка title с учетом требования поисковой оптимизации выглядит так:

  • Провести сбор ключевых фраз;
  • Провести кластеризацию;
  • Сформировать значение для title.

Шаг 1 — Сбор семантики

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

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

Пример отчета далее:

Шаг 2 — Кластеризация

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

В MegaIndex есть инструмент для сбора и кластеризации ключевых фраз.

Рекомендованный материал в блоге MegaIndex на тему создания структуры сайта по ссылке далее — Как создать структуру сайта с учетом требований SEO? SILO структура сайта.

Шаг 3 — Правила написания

Правила написания заголовков страниц title:

  • Содержит максимальное количество прямых вхождений ключевых фраз;
  • Начинается с наиболее конкурентной или наиболее частотной ключевой фразы;
  • Содержит главные слова из продвигаемых запросов;
  • Если позволяет длина, содержит синонимы ключевых фраз;
  • Если позволяет длина, содержит ключевые фразы из подсветки в поисковой выдаче;
  • Если позволяет длина, содержит тематические слова;
  • Для геозависимых ключевых фраз требуется вхождение топонима;
  • Соответствует правилам языка;
  • Соответствует типу страницы. Например, грамматическое число должно соответствовать типу страницы. Для страницы c товаром следует использовать единичное число. Для листинга следует использовать множественное число. Если на странице есть видео или калькулятор, такие слова следует прописать в теге title;
  • Передает суть страницы.

Соответствие правилам языка проверяется алгоритмами поисковых систем.

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

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

Как удобнее работать с набором ключевых фраз? Правильным решением будет разбивка всех ключевых фраз на такие группы:

  • Уникальные слова из главных ключевых фраз;
  • Слова из подсветки в поисковой выдаче;
  • Слова задающие тематику.

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

Что означает слова задающие тематику? Подразумевается набор фраз, которые с высокой частотой встречаются в тегах title и h1 у лидеров поиска.

Имеет ли смысл размещать в заголовке emoji? Да. Title влияет на поведенческие факторы на выдаче. Поисковые системы не накладывают санкции за использование пиктограмм в заголовках.

Сколько title может быть на странице? Рекомендуется размещать один title на страницу. Наличию множества title является ошибкой, но не является причиной для пессимизации сайта поисковыми системами.

Размещать ли призыв к действую в title? Нет. Лишние фразы уменьшают вес ключевых фраз. Маркетинговый текст следует размещать в теге description.

При создании title часто встречаются ошибки. Например:

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

Зачем исправлять ситуацию с title? Разберемся далее.

Влияние title на позиции сайта в выдаче

Значение тега title учитывается поисковыми системами при ранжировании страниц. Влияние происходит так:

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

Рекомендованный материал в блоге MegaIndex на тему анализа текста по ссылке — SEO анализ текста с применением алгоритмов, которые используют поисковые системы.

Различные исследования показывают, что значение тега title является значимым фактором ранжирование. Заголовок для текстового содержания страницы h1 является менее значимым фактором.

Значение title и h1 следует делать разными. Значение h1 описывает содержание текстовой части страницы. Title описывает весь контент страницы сайта.

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

Рекомендованный материал в блоге на тему поведенческих факторов в поисковой выдаче — Белые способы влияния на кликовые поведенческие факторы в поисковой выдаче.

Выводы

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

Улучшение title влечет повышение позиций в поисковой выдаче.

Правильный заголовок страницы должен соответствовать таким критериям:

  • Кликабельный. Имеет смысл проанализировать title лидеров поиска, чтобы выявить маркетинговые трюки;
  • Начинается с прямого вхождения ключевой фразы;
  • Ключевые слова равномерно распределены.

Больше критериев выше.

Является ли данный материал исчерпывающим? Какие методы на практике используется вы? Напишите в комментариях.

Заголовки h1-h6: детальный обзор, примеры

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

Что такое H1?

H1 – это главный заголовок в статье, заголовок первого уровня. Каждая страница в интернете имеет свою структуру. Заголовки H1-H6 как раз и позволяют правильно структурировать материалы, причем как для поисковиков, так и для пользователей. H1 – главный заголовок, H2-H6 второстепенные, вложенные подзаголовки. В коде заголовки выглядят так:

сам заголовок

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

Условие 1. Ключевые слова в заголовках

Для этого у вас должно быть разработано качественное семантическое ядро – отнеситесь к нему крайне ответственно и помните, что один и тот же ключ вставлять на все страницы сайта нельзя. Релевантность всему голова: нужно соответствовать ожиданиям клиентов и поисковиков. В заголовках главной страницы можно брать среднечастотные и высокочастотные запросы. А на товарных страницах (карточка товара) вполне допустимы заголовки с низкочастотными ключами. Ключ должен вести на конкретную позицию или единицу, быть точным, а не обобщенным.

Размещая ключевые слова, делайте это аккуратно: не злоупотребляйте ключами и не составляйте спамные заголовки (например, купить квартиру Москва, купить сумка холодильник, купить мотоцикл Красноярск цена, моя твоя не понимать и т. д.). Сохраняйте красоту фразы и ее логичность. В великом и могучем русском языке слова спрягаются и склоняются, а роботы сейчас понимают смыл, разбираются в языке не хуже нас с вами! И не частите – спам очевиден всем, а так и до Баден-Бадена рукой подать, ну и не забывайте про Панду от Google.

Пример, где количество ключей зашкаливает, перебор.

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

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

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

Читать еще:  Бесцентровое шлифование с осевым движением подачи

Условие 2. Теги

Размещая тексты на сайте, не забудьте правильно расставить теги. Теги для заголовков текста определяются следующим HTML-кодом:

. По нашим наблюдениям, вполне хватает двух тегов —

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

Поисковики также учитывают размерность и значимость тегов

. При верстке стоит обратить внимание, чтобы заголовки визуально выделялись из общего текста.

Ссылки в заголовках использовать не стоит, особенно в

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

Допустимо ссылаться с заголовков уровня

и ниже, но тоже если это оправдано и логично.

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

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

Наводим порядок. Теги

расставляются по принципу иерархии: тег

важнее тега

. На деле это выглядит вот так:

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

играет важную роль при формировании быстрых ссылок в поисковой выдаче Яндекс.

Быстрые ссылки – это короткий путь из результатов выдачи к важной информации на вашем сайте. Чтобы сформировать такие ссылки, должно быть вхождение ключа и ссылка с ключевым словом на самом сайте на эту страницу. Быстрые ссылки:

  1. Сокращают путь до целевого действия.
  2. Распределяют трафик и по внутренним страницам сайта.
  3. Делают сниппет ресурса более привлекательным в выдаче.

Согласно общим рекомендациям тег

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

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

и Title короткими и полностью идентичными.

В идеале, чтобы этот текст совпадал с текстами ссылок, ведущих на эту страницу.

Быстрые ссылки Яндекс позволяет редактировать. Например, убрать один из разделов либо выбрать ему другое имя, более привлекательное для ваших потенциальных клиентов. Сделать это можно в разделе Яндекс.Вебмастер → Информация о сайте → Быстрые ссылки.

Расставляем приоритеты. Никаких километровых заголовков

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

Коротко-ясно-понятно: ключевое слово на первом месте, УТП (уникальное торговое предложение) вынесли за пределы главного заголовка, но оставили его вначале для привлечения внимания.

Не частим. Главный заголовок

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

Бытует мнение, что на странице H1 можно использовать только один раз! Но это не так. Гипотетически

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

употреблять не нужно.

Не шутите с этим, ведь этот тег в плане оптимизации занимает второе место после . Он должен быть самым интересным – ярким и привлекательным (лучше в этом месте использовать оффер) и содержать самое частотное ключевое слово. Ставим его в начало текста – перед ним ничего не пишем, и желательно в начале заголовка использовать ключ – плюсик к оптимизации. Еще примеры неправильного и корректного использования:

И еще пример, как это выглядит в коде страницы. Запомните, что так делать не рекомендуется. Два H1 без веских на то причин:

Проверяем написание. Ошибки отпугивают людей, сразу возникает мысль: и какой школьник это писал? Проверяли ли текст? Гораздо опаснее, если роботы вас не поймут и ваш сайт в заветный топ не выведут. Так его никто и не увидит и ошибок не найдет. Вот пример с опечаткой.

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

какие-то другие теги (например, так

Еще нежелательно вкладывать стили (как здесь:

Текст

), так как код становится более объемным, сложным и длинным. Следовательно, увеличивается время чтения кода роботом, это может затруднить индексацию.

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

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

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

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

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

А если у вас возникнут сложности – обращайтесь к нашим специалистам, мы готовы проверить, правильно ли прописаны заголовки у вашего сайта, корректно прописать в случае ошибок и ответить на любые вопросы. Составление заголовков для 1 страницы (+подбор 3-х релевантных ключей) – от 450 рублей.

Заголовки H1 — H6 для сайта: как правильно прописать и оформить

Зачем нужны заголовки H1 — H6

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

Иерархия заголовков на странице

В языке HTML, на котором создаются web-стрницы, существует 6 уровней заголовков — от Н1 до Н6. Каждый из них в иерархической цепочке подчинен предыдущему. Самый главный заголовок — Н1, в него вложен подзаголовок Н2, соответственно, Н3 уже разграничивает текст внутри тега Н2 и т. д.

Пример иерархии с правильной вложенностью:

Животные

Млекопитающие

Грызуны

Хищные

Приматы

Птицы

Воробьинообразные

Куриные

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

Пример визуального отображения заголовков в тексте:

Как заголовки в тексте влияют на продвижение?

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

Яндекс и Google рекомендуют использовать заголовки и подзаголовки для удобства пользователей.

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

Слова, размещенные в заголовке Н1, получают больший вес, чем остальной текст на странице.

Заголовок H1

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

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

Правила, которые нужно соблюдать при написании Н1

Правильно написанный заголовок Н1:

располагается выше текста и заголовков следующих уровней и пишется шрифтом наибольшего размера;

отражает содержание текста;

присутствует на странице в единственном экземпляре, если иного не требует логическая структура текста;

не совпадает с Тitle или другими тегами;

уникален для каждой страницы;

не слишком длинный (60-70 символов) — хотя при ранжировании учитывается больше слов, чем выводится на экран, надо учитывать, что чем больше слов в заголовке, тем меньше будет «вес» каждого из них по формуле БМ25;

содержит в себе ключевое слово — это значимый фактор ранжирования для поисковых систем;

не должен быть переоптимизированным;

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

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

Ключевое слово должно находиться как можно ближе к началу заголовка.

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

Не обязательно всегда начинать заголовок со слов «купить» или «цена» — это может стать негативным сигналом для поисковых систем.

Употребление заголовков Н1 и Тitle

Н1 не должен совпадать с МЕТА-тегом Тitle — заголовком, который описывает содержимое страницы для поисковых систем, а также отображается во вкладке браузера. Тitle можно увидеть и в качестве заголовка сниппета в поисковой выдаче.

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

Страницы с совпадающими Title и Н1 показывает отчет «Ошибки МЕТА тегов» в разделе «SEO-аудит» сервиса «Лабрика».

Сколько раз можно использовать заголовок Н1 на странице?

Правилами языка HTML 5 допускается использование нескольких заголовков Н1.

Google

Согласно нашим исследованиям, Google не считает наличие нескольких заголовков Н1 критической ошибкой. Специалист компании Мэтт Каттс также говорил о возможности размещения на странице нескольких тегов H1 в тех случаях, когда этого требует логическая структура контента. Однако он рекомендовал не злоупотреблять этим тэгом и не применять его без необходимости. Например, не стоит выделять тэгами заголовка значительные фрагменты текста. Это, как и слишком частое использование заголовков, не соответствующее структуре статьи, может привести к понижению страницы в результатах поиска.

Яндекс

Для Яндекса присутствие нескольких Н1 на странице является отрицательным сигналом ранжирования.

Наличие на странице нескольких заголовков Н1 можно обнаружить с помощью отчета «Ошибки МЕТА тегов» в разделе «Технический аудит» сервиса «Лабрика».

Как написать «цепляющий» заголовок?

Чтобы заголовок привлекал внимание пользователей он должен:

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

«Как писать заголовки в SMM»;

добавлять интригу — обещать какую-либо эксклюзивную, самую полную, самую актуальную информацию:

«Создаем самый надежный пароль и запоминаем его»;

предоставлять точные, конкретные данные в цифрах — это вызовет больше доверия:

«100+ заголовков, привлекающих внимание»;

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

«Как придумать заголовок к статье? Шпаргалка копирайтера»;

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

«Получайте новости о конкурсах и грантах быстрее всех!»;

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

«А вы знаете, как правильно читать книги?».

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

Правила оформления заголовков Н2 — Н6

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

располагаться в строгом соответствии с уровнем иерархии;

раскрывать тематику раздела;

начинаться с новой строки;

отличаться по стилю от основного текста и заголовков других уровней;

Заголовки не должны:

включать другие теги, например, для дополнительного выделения жирным шрифтом;

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

избыточно наполняться ключевыми словами;

находиться в элементах меню и содержать активные ссылки.

Переспам ключевыми словами и наличие тегов в заголовках Н1, Н2, Н3 можно найти с помощью отчета «Тошнота слов на страницах» в разделе «SEO-аудит» сервиса «Лабрика».

Как прописать заголовки Н1 — Н6 в CMS ?

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

Пример заполнения заголовков в WordPress:

Заголовки h1–h6: зачем нужны, как использовать и почему это важно

Время чтения: 6 минут Нет времени читать? Нет времени?

Заголовки и подзаголовки на странице сайта помогают читателю понять содержание текста. Это полезно не только человеку: точно также поисковые роботы Google и «Яндекс» просматривают текст и определяют, насколько он логично построен. Поэтому правильно расставленные h1–h6 – это не только удобно, но и эффективно: страницы ранжируются лучше и чаще появляются в выдаче.

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

: что это?
– это элементы разметки HTML, с помощью которых в тексте обозначаются заголовки. Самым важным заголовком является

– чем больше номер, тем ниже важность заголовка.

Язык HTML (от англ. HyperText Markup Language) применяется для описания разметки веб-страниц. Используя теги языка HTML, браузер форматирует текст на странице в удобный для восприятия вид. Соответственно, заголовки с разными тегами браузер выделяет в тексте разным цветом или размером шрифта. Текст, не обозначенный тегами, отображается браузером как обычный.

Заголовок на странице и в коде «Текстерры»

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

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

Для читателя заголовок раздела выражает его основную мысль. Структура заголовков должна подчиняться логике изложения – от общего к частному.

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

Заголовки для пользователей и поисковых систем

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

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

присваивается только основному заголовку текста. Несколько заголовков уровня h1 быть не может.
  • Необходимо соблюдать иерархию. Например, заголовки уровня h3 могут использоваться только после h2. Здесь работает принцип матрешки.
    1. Заголовки должны показывать читателю (и поисковику), о чем идет речь в разделе. Здесь редко уместны аллегории, метафоры и иносказания.
    2. Ключевые слова используются не в ущерб смыслу заголовка.

    Тег очень похож по выполняемым функциям на

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

    Title в названии вкладки браузера и в сниппете

    Часто заголовок текста и тайтл делают одинаковыми, хотя функции у них разные. Тайтл отображается в результатах поисковой выдачи. Его длина ограничена 50–70 символами: длинные фразы обрезаются, поэтому тайтл должен быть лаконичным, чтобы пользователь сумел понять содержание страницы. А заголовок текста (h1) всегда виден читателю целиком и может быть любой длины.

    Как обозначить заголовок на практике

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

    Второй вариант – обозначить заголовки тегами в коде: перед заголовком ставится открывающий тег, а после заголовка – закрывающий, который обозначается косой чертой:

    Визуальное оформление заголовков

    Читатель и поисковики видят текст по-разному: для читателя заголовок – это строка, выделяющаяся на фоне основного текста; для поисковика – текст, заключенный между открывающим и закрывающим тегами.

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

    Важно не устраивать путаницу:

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

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

    Ошибки в использовании тегов

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

    на одной странице;
    нарушение иерархии заголовков, например внутри раздела

    использован тег

    ;
  • применение тегов не к тексту, а к другим элементам – например к изображениям.
  • Грубые ошибки в использовании тегов приводят к тому, что браузер неправильно отображает страницу. Одна из причин в том, что они по-разному интерпретируют нестандартный код. Особенно это касается браузеров устаревших версий, которые не поддерживают HTML5. В результате заголовки могут отображаться совсем не так, как задумано, и это запутает читателя.

    Запомним главное

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

    Чтобы найти на сайте ошибки, необходимо проверить его самостоятельно, пользуясь инструментами проверки валидности HTML или заказав SEO-аудит у профессионалов, которые проверят ресурс на соответствие требованиям поисковиков.

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

    Ссылка на основную публикацию
    ВсеИнструменты
    Adblock
    detector