H1, H2, H3 - Важность заголовочных тегов для SEO

1. <h1> - заголовок 1
2. <h2>, <h3>, <h4>, ...
3. Пример заголовков
4. Заголовочные теги и CSS

<h1> - заголовок 1

Теги заголовков (H1, H2, H3, ...) - это функции программирования HTML, используемые для выделения заголовков и подзаголовков страницы. H1 - английская аббревиатура для Заголовка 1 или Заголовка 1, таким образом, самый важный из Заголовков. Концептуально, H1 имеет более высокий уровень, более крупный шрифт и обычно является наиболее видимым текстовым элементом на странице. Так же, как мы одностраничный жирный и название тег H1 является важным элементом, который Google использует для определения основной темы, адресуемой на странице, поскольку заголовок страницы концептуально определяет ее содержание.

Обратите внимание, что в приведенном выше случае мы не использовали ключевое слово Google Chrome в h1. В проекте SEO заголовок был бы переписан для чего-то вроде «Google Chrome - бесплатный и быстрый веб-браузер», если ключевое слово, работающее на этой странице, было именем браузера.

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

<h2>, <h3>, <h4>, ...

Другие теги заголовков, такие как H2 и H3, обычно используются в качестве подзаголовков страницы. В SEO они являются отличным способом включения сопутствующих ключевых слов, то есть вариантов и надстроек, в ваши основные ключевые слова, у которых не будет уникальной страницы, будь то поиск в малом объеме или просто не вписывающийся в концепцию сайта. ,

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

• <h1> Детский буфет Carochinha </ h1>
• <h2> Тематические вечеринки </ h2>
• <h3> вечеринки Барни </ h3>
• <h3> Вечеринки Angry Birds </ h3>
• <h3> Праздник цесарки </ h3>
• <h2> Приходите и посетите дом в Вила Олимпия - Сан-Паулу </ h2>
• <h3> Контрольная точка </ h3>
• <h3> Парковка </ h3>

Просмотр заголовков тегов

Плагин Chrome Убийца Стиля от Gyutae Jo было то, что мы использовали для отображения Google Chrome H1 на изображении выше. Он визуально выделяет положение различных тегов заголовка на странице. Не пугайтесь китайских символов при установке плагина - после установки меню будут отображаться на английском языке.

Заголовочные теги и CSS

Теги заголовков обычно используются программистами с предопределенными стилями в CSS, в таблице стилей сайта (если вы не знаете, что такое CSS, обратитесь к ближайшему веб-разработчику :-). Таким образом, H1s, как правило, имеют одинаковый размер, цвет и шрифт по всему сайту. То же самое относится и к другим тегам заголовков. Это приводит к разрыву между потребностями сайта в оптимизации для Google и визуальными характеристиками этого сайта. Взять хотя бы страницу сайта Basecamp.com. В этом примере мы снова будем использовать инструмент Style Killer для просмотра заголовков:

С визуальной точки зрения теги заголовков использовались правильно. Смотрите, есть две метки заголовка H1 на странице, с одинаковыми визуальными характеристиками размера, цвета и шрифта. Однако, с точки зрения SEO, тексты, содержащиеся в H1, H2 и H3, могут быть лучше обработаны и не соответствуют стандарту, используемому в SEO. Чтобы обойти этот факт, можно создать разные стили для одного и того же тега заголовка. В то же время нерелевантный контент для SEO, например, выяснить, почему не должен иметь статус H3. Хороший программист SEO должен быть в состоянии соединить визуальные характеристики сайта с потребностями страницы в SEO.

Об авторе : основатель SEO-маркетинга, Бернхард Шульце является руководителем поискового комитета APADI (Associação Paulista de Agências Digitais) и инструктором курса Digitalks SEO. Профиль Google Plus: + Бернхард Шульце

Похожие

Комментарии