SEO копирайтинг: как использовать теги заголовков «H1, Н2, Н3…»
Теги заголовков — это самые важные метатеги на вашем сайте. Это базовое SEO. Каждая веб-страница на вашем веб-сайте должна иметь элемент заголовка в разделе заголовка, который идентифицирует содержание каждой отдельной страницы.
Что такое теги заголовков «H1, Н2, Н3…» в SEO копирайтинге? Как их, чтобы вывести материал в ТОП поисковой выдачи? Это руководство по использованию метатегов (от H1 до H6) для SEO. Мы подробно рассмотрим теги заголовков, их важность для продвижения в ТОП поисковой выдачи.
Да, мы все время слышим, что «Контент — король», но что, если ваш контент полностью соответствует требованиям, но не виден для аудитории?
Содержание публикации
- Что такое теги заголовка?
- Цель использования тегов заголовков
- Как использовать теги заголовков для более высокого рейтинга?
Чем больше вы привлекаете поисковые системы к просмотру вашего контента, тем больше у вас будет возможностей для получения лидов. Итак, главная задача — упростить поисковой системе возможность увидеть ваш уникальный контент, и для этой цели вы должны использовать теги заголовков.
SEO копирайтинг особенно важен для молодых сайтов, так как грамотные SEO оптимизированные тексты помогают без дополнительных затрат выходить на хорошие позиции. И вопрос как писать заголовки является одним из приоритетных для качества SEO оптимизированного текста.
Н2: Что такое теги заголовка?
ОПРЕДЕЛЕНИЕ: элементы HTML кода, которые представляют заголовки (основной заголовок, а также подзаголовки), называются тегами заголовка.
Давайте внимательно посмотрим на типы тегов заголовков!
Н3: Есть 6 типов тегов заголовков
Теги H1 представляют собой основной заголовок материала или страницы.
- В материале обязательно необходимо использовать и остальные теги (от H2 до H6) в качестве подзаголовков для основного заголовка (H1).
- Каждый тег заголовка от H1 до H6 относится к предыдущему заголовку. Например, H2 отображается как подзаголовок под H1, H2 будет подзаголовком под H3 и так до H6.
Чтобы было проще понять, рассмотрим данный вопрос в контексте этого сообщения в блоге:
- Наш заголовок H1 — это: «Полное руководство по тегам заголовков для продвижения в ТОП»
- H2: «Что такое теги заголовков?»
- H3: «Типы тегов заголовков»
Помимо поисковых систем, использование тегов заголовков также делает контент сайта более удобным для понимания людьми. Это не только делает вашу страницу более читаемой, но и придает ей правильную структуру.
Если вы хотите узнать больше о том, что такое SEO контент, вам стоит познакомиться с этой статьей: ТОР 10 проверенных приемов для освоения SEO контента в 2021 году
Н2: Цель использования тегов заголовков
Есть две основные цели использования тегов заголовков, особенно в контексте SEO:
- Для улучшения структуры страницы (для лучшей читаемости)
- Для того, чтобы сделать страницу более релевантной (за счет повышения релевантности по ключевым словам)
Давайте углубимся в подробности и разберем назначение тегов заголовков
Правильное распределение вашего контента и придание ему надлежащей структуры путем добавления заголовков и подзаголовков позволяет людям, а также ботам лучше понимать ваш контент.
Вот такой сценарий! Представьте, что вы пишете сообщение в блоге, но оно становится длинным и многословным. У вас много информации в формате абзацев, которые визуально сливаются в сплошной текст.
В результате ваш читатель может начать терять интерес, несмотря на то, что вы предлагаете им лучший контент по определенной теме. Пользователь чувствует себя перегруженным таким большим количеством информации и в результате он может просто переключиться на
Вы же не хотите, чтобы это случилось?
Поэтому вам следует остановиться и спросить себя: «Хм, можно ли добавить несколько заголовков в свою статью / сообщение в блоге?» И ответ всегдв будет положительным
Полезная информация, которая поможет выжить в условиях жесткой конкуренции и обеспечит успешный маркетинг: 20 «убойных» техник выразительного контента
Н3: Сделайте вашу страницу более релевантной
По сравнению с остальным содержанием на странице, поисковики считают текст в тегах заголовков главными и более ценным для понимания сути материала.
Поэтому, анализируя релевантность вашей страницы для аудитории, они взвешивают слова, которые вы используете в тегах заголовков, и выше ранжируют материал, если от тега к тегу суть вопроса раскрывается все полнее.
В частности, тег H1 самый важный, когда речь идет об использовании ключевых слов. Например, в контексте этого сообщения в блоге целевая ключевая фраза — «теги заголовка».
Итак, мы использовали его в нашем теге H1 «Полное руководство по тегам заголовков для продвижения в ТОП». Мы также использовали тематически связанные слова в других тегах заголовков, таких как:
Для H2:
- «Что такое теги заголовков?»
- «Цель использования тегов заголовков»
И для H3:
- «Типы тегов заголовков»
- «СДелаем страницу более читаемой»
- «Сделайте вашу страницу более релевантной»
Для определения наиболее предпочтительных в вашей сфере деятельности ключевых фраз, вы можете использовать инструмент исследования ключевых слов wordstat.yandex.ru, чтобы сделать теги заголовка более релевантными ключевым фразам.
Однако вы не должны повторять в заголовках одно и то же ключевое слово. Для этого вы можете использовать родственные слова, чтобы частота ключевого слова не превышала рекомендуемого значения, называемого «тошнотой».
ОПРЕДЕЛЕНИЕ: «тошнота текста» — это частота повторений ключевых фраз или степень заспамленности. Принято считать, что максимально допустимая «тошнота» текста равна 7.
Хотим поделиться с вами ценной информацией, узнайте: Как писать статьи для сайта на языке клиентов
Как использовать теги заголовков для получения более высокого рейтинга?
Теперь, когда мы поняли значение и цель использования тегов заголовков, давайте рассмотрим, как их правильно использовать, чтобы они соответствовали SEO.
Чем более релевантны теги заголовков для SEO, тем больше будет охват целевой аудитории, если материал полностью раскрывает предметную область то, как следствие, будет подниматься рейтинг ресурса.
1. Используйте только один тег H1
H1 — это самый важный тег на странице. Однако это не значит, что его можно использовать несколько раз. Если Н1 использовать более одного раза, это приведет к тому, что все будет выглядеть не по порядку, и самое главное — основной заголовок потеряет свою ценность.
Итак, вы хотите быть уверены, что на вашем сайте не содержится несколько H1 для одной страницы? Для проверки вы можете использовать, например Мегаиндекс. Чтобы проверить, отсутствуют ли на какой-либо из ваших страниц H1 или содержится несколько заголовков H1.
Не пропустите этот материал, новые креативные идеи непременно вас вдохновят: Лайфхаки SEO копирайтинга
2. Обеспечьте единообразие тегов заголовков.
У ваших пользователей должен быть положительный опыт взаимодействия с сайтом. Чтобы произвести впечатление на свою аудиторию и ботов поисковых систем, используйте согласованные теги заголовков.
- Придерживайтесь единого формата на всех страницах, независимо от того, используете ли вы формат регистра заголовков или формат регистра предложений.
- Делайте заголовки короткими и конкретными.
- Подробное содержание под заголовками предназначено для описания всех деталей, которые вы хотите уточнить.
- Для SEO-оптимизации длина заголовков рекомендуется 70 символов или меньше.
Хотите тексты которые быстро выведут ваш сайт в ТОП?
Тогда не теряйте время, обращайтесь, сделаем на «отлично»!
3. Используйте ключевые слова в тегах заголовков
Когда дело доходит до использования ключевых слов, будьте благоразумны. Просматривая этот пост в блоге, вы заметите, что многие теги заголовков содержат ключевые слова, но не все.
Основная цель — сделать вашу страницу читаемой для вашей аудитории и поэтому естественно, включать ключевые слова, чтобы сделать акценты.
Расставьте приоритеты для пользователей, а затем оптимизируйте их для поисковых машин, не жертвуя при этом удобством вашей аудитории.
Чем больше релевантных ключевых слов в тегах заголовка, тем более удовлетворительным будет пользовательский опыт.
Познакомьтесь с ценной информацией, которая, несомненно, будет полезна для вашей контент стратегии: Как улучшить пользовательский опыт (UX) применяя дизайнерское мышление
4. Оптимизация для избранных фрагментов.
Одно из важных мест, где теги заголовков оказывают положительное влияние на SEO — это избранные фрагменты.
ОПРЕДЕЛЕНИЕ: избранные фрагменты – это лаконичные прямые ответы на поисковые запросы пользователей. Они отображаются в верхнем блоке поисковой выдачи. Эта область называется нулевой позицией.
Для этого есть два возможных пути:
- Оптимизируйте тег заголовка для ключевого слова голосового поиска с длинным хвостом, а затем ответьте на запрос, используя текст в тегах абзаца
.
- Используйте последующие заголовки меньшего размера, чтобы выделить различные элементы списка. Google в основном использует эти заголовки для создания собственных маркированных и нумерованных списков с результатами фрагментов.
5. Сделайте теги заголовков интересными
Теги заголовков позволяют читателям легко просматривать страницы сайта. Однако в большинстве случаев пользователи не просматривают материал полностью.
Следовательно, вы должны использовать теги заголовков, которые интригуют и побуждают ваших посетителей остановиться и прочитать пост дальше и дальше.
Пользователи особенно обращают внимание на теги H1. Поэтому добавьте элемент интриги, любопытства, а также аутентичности, чтобы привлечь внимание читателя.
Ключ в том, чтобы заинтересовать читателя содержанием вашей статьи и увеличить время пребывания на сайте. Следовательно, H1 и все остальные теги должны вызывать любопытство и заинтересовать вашего читателя.
Познакомьтесь с нашей новой публикацией, чтобы лучше понять, как это может помочь вашему сайту и бизнесу: Искусство сторителлинга | Как писать интересно на любую тему
Все эти методы помогут вам оптимизировать теги заголовков для максимальной производительности SEO.
Мы рассмотрели все детали, начиная с того, что на самом деле представляют собой теги заголовков, до правильного способа их использования. Мы надеемся, что это поможет повысить рейтинг вашего ресурса и быстрее выведет его в ТОП поисковой выдачи.
Мета-теги заголовков — важный фактор, помогающий поисковым системам понять, о чем ваша страница, и они являются первым впечатлением, которое у многих людей создается о вашей странице, поэтому при создании SEO контента им непременно нужно уделять большое внимание.
Наши услуги по подготовке текстов и оптимизации сайта под продвижение
Вам нужно быстро вывести свой бизнес в интернет с небольшими затратами? С агентством АВАНЗЕТ вы можете начать работу за меньшее время и с меньшими затратами. Просто напишите нам о вашем проекте!
Разметка статьи или что означают английские слова в техзадании
После долгого перерыва в публикациях, наконец-то, вернулся к написанию материала на сайт «ТвойПисатель». Перерыв был связан с большим проектом, отвлекаться от которого не было возможности.
Написать данную статью, меня подтолкнуло некоторое событие, которое указало на мысль о том, что далеко не все копирайтеры знают, что такое правильная разметка статьи и как ее использовать.
В техническом задании от заказчика, часто встречаются такие требования, как оформление текста при помощи HTML-тегов. И данные требования, как правило, не объясняют, что это такое, а выглядят, примерно, так:
- Использование H1, H2, H3;
- Использование UL, OL и LI;
- Использование IMG и A;
- Использование P.
И что все это значит, знает далеко не каждый копирайтер. Как и случилось с моим коллегой, в работе над вышеупомянутым проектом.
Постараюсь простым языком объяснить, что же это за непонятные буквы и цифры.
Что такое и что означает H1, H2, H3, H4
В качестве дополнение к введению, к этой статье, следует обобщить все, о чем пойдет речь. Все эти непонятные слова и буквы — HTML теги.
HTML (HyperText Markup Language) — это язык разметки документов, по определенным стандартам и спецификациям, в сети Интернет. Иначе говоря, при помощи данного языка создаются все, без исключения, веб-сайты.
Не буду вдаваться в подробности сайтостроения и вообще в теорию данной сферы. Скажу лишь, что при верстке страницы сайта, любая информация обрамляется HTML тегом, для того, чтобы браузеры смогли правильно ее идентифицировать.
Это касается не только различных технических частей кода сайта, но и обычного текста. В нашем случае — статьи.
Для того, чтобы понять, о чем идет речь, нажмите правой кнопкой мыши в любом месте сайта и выберите пункт «Просмотреть HTML код».
Что означает H1, H2, H3, H4
Тег H1 — это главный заголовок страницы (в нашем случае статьи). Он должен быть единственным в тексте и по своей сути обязан отражать главную мысль самой статьи.
Теги H2, H3, H4 (и следующие) — это подзаголовки. Согласно цифре, они выстраиваются в тексте в древовидном виде. Например:
- Тег H2 — это подзаголовок второго уровня, после главного заголовка;
- Тег H3 (и далее) — это подзаголовки третьего уровня и ниже. Иначе говоря, подподзаголовки.
Как использовать H1, H2, H3, H4
Любой тег в HTML разметке (за редким исключением) имеет две части: открывающую и закрывающую. Части тега, в свою очередь, обрамляются символами «больше» и «меньше».
Выглядит это так:
— открывающий тег заголовка;
По такому принципу используются все остальные теги (H2, H3, H4 и т.д.).
Между открывающим и закрывающим тегом, располагается текст заголовка.
Например, в данной статье это выглядит так:
Разметка заголовка тегом H1
Заголовок H1 используется один раз, в самом начале документа. Все последующие подзаголовки уже являются тегами H2, H3, H4 и т.д. (в зависимости от вложенности).
Теги H2, H3, H4 и остальные, могут использоваться в статье любое количество раз. Стоит лишь помнить, что после H1 не может следовать H3 (или ниже). Так как H3, является подзаголовком тега H2. Аналогично работают и H3-H4 и т.п.
Выглядит это так:
Иерархия заголовков в документе
Что такое и что означает P
Английская буква «P», в разметке документа, дословно расшифровывается как «параграф». Но правильное ее назначение — это выделение абзацев в тексте статьи.
Каждый абзац в тексте документа следует обрамлять тегом
Внутри этого тега, могут встречаться и другие теги разметки. Например, теги ссылок или иные указанные в техническом задании.
Как использовать тег P
Каждый абзац в тексте статьи следует заключать в тег «P». Например:
Выделение абзаца тегом P
Что такое и что означает A и IMG
От простого — к сложному. В техническом задании на статью не редко можно встретить требования по оформлению ссылок и картинок специальными тегами. Именно теги A и IMG служат для этого.
Как использовать тег A
Если предыдущие, рассмотренные нами, теги просто обрамляли какой-либо текст. То тег A не просто указывает на то, что текст — это ссылка, но и несет в себе определённые параметры;
- href — адрес ссылки;
- title — всплывающая подсказка ссылки.
Каждый параметр, после его написания внутри тега, должен иметь свое значение. Указываются значения в двойных кавычках и со знаком равенства.
Оформление ссылки тегом A
Из примера видно, что в параметре href — указан адрес ссылки, а в параметре title — описание. Сам же тег обрамляет текст, который будет подсвечен как ссылка на странице.
Тег A, может встречаться в любом месте документа. В том числе и внутри тега абзаца, в самом тексте.
Стоит отметить что параметр title — не обязателен, но желателен. И описание ссылки должно соответствовать тематике сайта (на который ведет данная ссылка).
Как использовать тег IMG
Тег IMG также имеет свои параметры. Но в отличии от остальных, не имеет закрывающего тега, так как не обрамляет текст. Он является самостоятельной конструкцией для вставки изображений в документ.
Тег IMG имеет следующие параметры:
- src — ссылка на изображение;
- alt — альтернативное отображение изображения;
- title — всплывающая подсказка изображения.
Параметры src и alt — обязательны для использования, параметр title — желателен.
Стоит обратить внимание на параметр alt. Он предназначен для того, чтобы в него можно было внести текстовое описание изображения. Служит он для устройств, помогающим людям с ограниченными возможностями, понять, что изображено на картинке.
Вставка изображения в статью
Поскольку тег IMG не имеет закрывающей «части», в его конце ставится знак деления. Это обязательное правило.
Что такое и что означает UL, OL и LI
Тег UL и тег OL — означают списки. А тег LI — пункт в списке.
Разница между UL и OL:
- В Tilda эта функция находится: Мои сайты → Store → Настройки сайта → Шрифты и цвета
- В WordPress в теме: Внешний вид → Настроить → Типографика
- Устанавливаем RDS bar на Firefox (к сожалению, в версии Google Chrome нет подобного функционала).
- Нажимаем на кнопку «Настроить панели инструментов RDS bar»:
- Уже там ставим галочку напротив «SEO-теги» (см. картинку выше).
- Заходим на любой сайт в Mozilla Firefox (в моем случае мы находимся в любой статье WPnew.ru, начнем с внутренних страниц).
- На панели RDS бар нажимаем на кнопку SEO:
- Здесь мы видим title страницы, ее description, keywords, но главное, что нас интересует сейчас — это заголовки сайтов! Такой вид сайта — далеко не идеал в плане SEO, как я считаю. Как говорится, сапожник без сапог. 🙂
- заголовок доступно поясняет содержание страницы, раздела, подраздела. Это не инструмент оформления текста. Не нужно им выделять пункт меню, который ничего не содержит, кроме заголовка.
- заголовок — это слово, фраза, предложение. Он не должен быть длинным.
- заголовок — это всё предложение, а не его часть. Для оформления одного-нескольких слов существуют такие теги как strong , mark , em и др. (посмотреть весь список).
- если статья строится в формате «вопрос-ответ» и ответ в большинстве случаев короткий (например, инструкция лекарственного препарата), то вместо тегов h правильней использовать тройку dl , dt , dd .
- Пошаговое решение судоку
- Программа решения судоку с объяснениями (онлайн)
- Правила игры
- Алгоритм заполнения ячеек кроссворда
- Способ 1. «Скрытые одиночки»
- Способ 2. «Одиночки»
- Стратегия 1. Кандидат в двух-трёх клетках одного квадрата
- Стратегия 2. Группы кандидатов
Иерархия на действительно существующей странице реализуется благодаря тегам h1 — h6 . h1 — самый главный, имеет самый крупный размер, можно использовать только один h1 . h6 — самый незначительный из заголовков, имеет самый маленький размер и самый высокий уровень вложенности. Такой вариант наиболее распространён у SEO оптимизаторов:
Заголовки h1 — h6 в HTML5
- body , когда нет h1 — h6 перед первыми дочерними тегами article , aside , nav , section .
- структурные теги article , aside , nav , section . Дочерние h1 — h6 будут вложены в предшествующий структурному тегу заголовок.
Внимание: header , main и footer не являются структурными тегами. - h1 — h6 , которые не имеют родителя blockquote , details , fieldset , figure и td . Уровень вложенности пункта определяется рангом тега h .
- Документ может содержать несколько заголовков верхнего уровня (в примере ниже пункты 1-3).
- Документ или даже структурный тег могут содержать два и более тега h1 (в примере ниже пункты 2.1-2.3).
- Последовательность h не важна, можно пропускать теги: h1 » h2 » h4 . Если отсутствует h1 , его место займёт h2 или даже h6 .
- Можно изменять порядок тегов: h3 » h4 » h1 ( h1 будет иметь тот же уровень вложенности, что первый тег h , в нашем случае h3 ).
- Так как код перестаёт быть интуитивно понятным, спецификация рекомендует (необязательно):
- каждый структурный тег начинать с h1 . Но на устройствах, не поддерживающих HTML5 или в крайнем случае CSS, будет ужасная картина.
- теги h оборачивать в структурный тег. Но, объём HTML-кода влияет на скорость загрузки веб-страницы. Поэтому не особо хочется его увеличивать, если не требуется внешне (скажем, цветом фона) или семантически отделить границы разделов.
- 1
- 1.1
- 1.2
- 1.2.1
- 1.5.1
- 2.1
- 2.2
- 2.3
- Если над или в article , aside , nav , section отсутствует тег h , пункт будет иметь заголовок untitled .
- Теги article , aside , nav не обязательно должны иметь вложенный тег h .
- untitled page
- untitled article
- untitled navigation
Пример вёрстки HTML5
- Название сайта
- Navigation
- Пошаговое решение судоку
- Программа решения судоку с объяснениями (онлайн)
- Правила игры
- Алгоритм заполнения ячеек кроссворда
- Способ 1. «Скрытые одиночки»
- Способ 2. «Одиночки»
- Стратегия 1. Кандидат в двух-трёх клетках одного квадрата
- Стратегия 2. Группы кандидатов
Оптимизация структуры заголовков и подзаголовков веб-страницы
Что думают поисковые системы? Они, с одной стороны, не должны наказывать за то, что вебмастер следует стандартам вёрстки, а, с другой стороны, должны ориентироваться на большинство. Реальность такова: с появлением HTML-редакторов, это самое большинство не будет разбираться с тонкостями разметки. Им затруднительно переключиться на вкладку «HTML» чтобы картинке прописать атрибут alt , а секции наверно вообще за гранью понимания (см. меню сайта «грамота.ру»).
Также в алгоритм поисковиков может быть заложено удобство пользования сайтом, например, более эстетично и естественно, когда часть заголовка не является ссылкой.
- Правильное оформление заголовков в тексте помогает . роботу Яндекса проще разобраться со структурой документа. Поэтому следует выделять этими тегами заголовки в соответствии с иерархией документа. [help.yandex.ru]
SEO заголовок по итогам эксперимента
Эксперимент 1: «Оптимальное количество h1 »
Рассматриваются три страницы:
- ключевое слово употребляется только дважды, а именно в тегах h на одинаковом удалении от начала фразы,
- почти одинаковое количество текста,
- одинаковые по длине заголовки,
- первый h1 — это заголовок верхнего уровня (он не имеет родителя article, aside, nav, section). Это важно (см. HTML5)!
7-6-5 лет [google.ru]. Для Google более привлекателен вариант использования двух h1 , где первый — имя сайта (Гугл старательно вычленяет название веб-проекта, даже если это ссылка на внутреннюю страницу стороннего блога [google.ru]), второй — название статьи.
6-5-7 лет [yandex.ru]. В Яндексе h1 должен быть единственным. То есть на Главной h1 — это название сайта, а на внутренних страницах — название внутренних страниц.
Примечание: в Гугле индексация молниеносна, поэтому тут было проверено и отсутствие влияния алгоритма «Google Fresh». Позиции сменились после того, как страницы были добавлены в Г+. То есть да, есть разница один h1 или несколько, но этому поисковики придают очень маленькое значение.
Эксперимент 2: «Есть ли толк от h3 »
Яндекс и Google не вносят h3 в заголовок сниппета. На экспериментальной странице не были использованы title , h1 , h2 .
Исключение для Яндекса: когда выделенный абзац содержит от 20 до 200 символов. Здесь не важно в каком теге он будет находиться: хоть в h3 , хоть в span .
SEO советы
Утверждение 1: заголовок верхнего уровня должен содержать ключевые фразы, но при этом не быть спамным, то есть слова внутри него должны склонятся согласно правилам русского языка. Плохой пример: «Одежда оптом от производителя недорого».
Утверждение 2: чтобы не писать несколько одинаковых по смыслу статей, в заголовки меньшего уровня желательно включить похожие запросы и синонимы. В большинстве случаев для их нахождения достаточно фантазии, wordstat.yandex.ru и поисковых подсказок. То, что менее востребовано и не помещается в заголовки, можно упоминуть в тексте.
Важно: нет необходимости впихнуть весь перечень wordstat. Текст должен быть интересным, читаемым и «без воды».В примере с судоку люди ищут одно и тоже, но называют это по разному: «методы», «алгоритм», «способы», «правила», «методика», «приёмы», «секреты», «принципы», «примеры».
Можно ли внутри тега h использовать другие теги, например, img , a ?
Заблуждение 1: внутри тегов h1 — h6 нельзя использовать другие теги.
Внимание: в ряде CMS (в т.ч. Blogger) есть поле с названием страницы сайта. Его содержимым автоматически заполняется h1 и большая часть title . Остальная часть title или отсутствует, или одинакова для нескольких страниц, например, ей может быть название сайта. Но в теге title может находиться только текст [w3.org]. Поэтому нельзя в поле названия страницы вносить какие-либо теги.
Заблуждение 2: в заголовке не должно быть картинки. Две записи равнозначны для w3.org, Google, но не для Яндекса (не индексирует атрибут alt ):
Заблуждение 3: не стоит заключать заголовки в дополнительные контейнеры. Откуда ноги растут у этих утверждений? Нужно, например, выравнять заголовок по вертикали:
Утверждение 1: заголовок страницы или его часть не должны быть ссылкой (см. здравый смысл и справка Новости.Google). Отсюда следствие: название веб-проекта на Главной также не должно быть ссылкой. В целом не нужно чтобы страница ссылалась сама на себя (искл. ссылки к определённому участку страницы, так называемые хэш-ссылки). А вот так допустимо (на Авито на странице объявления каждой похожей записи дан h3 ):
Утверждение 2: есть небольшая разница в том как располагать ссылку: внутри тега h или тег h внутри ссылки. И она заключается в том, что в первом случае ссылкой является только текст, а во-втором — весь блок.
Должен ли title отличаться от h1 ?
«Может ли title быть таким же как h1 ?» — да, может.
«Различный title и h1 полезны для SEO?» — да, полезны. В рассматриваемые теги можно добавить дополнительные ключевые слова, чтобы увеличить хвост запросов, по которым приходят на сайт. Или чтобы сделать более привлекательный сниппет, в title внести, скажем, название компании, коли фирма на слуху, или номер телефона (для такси, например).
Примечание: для того, чтобы страница могла присутствовать в Новостях Google [support.google.com] или быстрых ссылках Яндекса [help.yandex.ru], основная часть title и h1 должны совпадать. Это может быть вызвано тем, что посетители ожидают увидеть на странице сайта тот же заголовок, что в выдаче поисковиков. На данный момент стоит обратить внимание информационным сайтам.
Нужно ли заголовки боковых блоков брать в h ?
Если заголовки индексируются (см. что сделать, чтобы поисковик не проиндексировал текст), то пусть лучше будут в теге h . Всё равно они употребляются на каждой странице сайта и вес этих слов («Реклама», «Последние сообщения», «Подписка» и т.п.) завышен. Можно предположить, что родитель aside должен уменьшать их значение.
К тому же для слабовидящих будет понятно что к чему, а не сплошные untitled .
H1 заголовок для seo
h1 (h – от header, а 1 – это уровень) – это заголовок первого уровня, который не является мета-тегом, но вместе с мета-тегами title и description составляют основу представления страницы для поисковиков.
Наличие правильного h1 – важнейшее условие для хорошего СЕО продвижения.
Сколько уровней бывает у заголовков
Уровней заголовков на сайте может быть 6. Цифра отображает общность тайтла, где 1 это самый общий и важный заголовок, отображающий тему всей страницы, а далее по уменьшению.
Обычно не используют h4-h6 т.к. h1-h3 вполне хватает. Исключение составляют длинные статьи с большой иерархией. Главное, чтобы структура текста была понятна.
Стилизованы уровни по размеру шрифта. H1 имеет самый большой шрифт, а далее по убывающей. Использовать их нужно по логическому назначению, а не для оформления документа.
Не нужно забывать, что вы всегда можете оформить h1 css стилями, сделав их меньше, другим цветом и т.д. Или же наоборот придать Обычному тексту стиль h1. Главное, чтобы логика не страдала.
Какие правила для написания
Одна страница – один h1
Поисковики, в целях борьбы с переспамом перестали выделять несколько h1, но с логической точки зрения – нельзя ставить несколько тайтлов 1 lvla. Для этого существуют h2 и h3.
Так h1 выглядит в коде
При этом критической ошибкой это не является, но рекомендуется ставить h1 только 1 раз на страницу. Он отображает общее содержимое.
А далее это содержимое можно разбить на более мелкие подзаголовки h2, разбивающиеся на h3 и т.д. Все это должно быть выстроено в иерархической структуре.
H1 – короткое описание страницы или название товара
Как уже было сказано ранее – h1 должен четко описывать содержимое.
Обычно в него входят высокочастотные слова или фразы.
Нельзя составлять его из не информативных фраз или, например, преимущества товара (Быстро, качественно, не дорого).
Вот пример правильного h1:
Длина
Длина заголовка в идеале не должна быть больше 60 символов, а еще лучше если он будет 3-4 слова т.к. иногда поисковики используют h1 в качестве заголовка сниппета, а он ограничен.
Самое важное это то, чтобы он четко описывал контент. А для сниппета существует мета-тег тайтл.
Уникальность
Уникальность заголовка это важное правило, при формировании страниц на сайте. Дубликаты на разных страницах, как и отсутствие h1 вовсе – это серьезная ошибка, которую надо устранять.
При формировании – желательно, чтобы он не дублировал title. А еще лучше, если h1 и title будут включать в себя разные ключи.
Где прописать h1?
Если ваш сайт на CMS системе – скорее всего в вашем шаблоне уже представлена возможность автоматически назначать h1, которые будут браться из названии статей или товаров.
Так, например, в CMS Joomla он устанавливается из заголовка материала:
В настройках вы можете отключить автоматическое отображение по вашему усмотрению
В WordPress же h1 будет являться верхняя строка формы, где указывается название страницы
Правильное использование h1 позволяет сформировать более удобное восприятие информации. А это учитывается поисковыми роботами.
Просто, нужно следовать правилам, которые описаны выше. Тогда на вашем сайте улучшатся поведенческие факторы, а значит и поисковые системы будут ранжировать его выше в топе.
- untitled article
-
— маркированный список. Т.е. список с одинаковыми маркерами на каждый пункт;
— нумерованный список. Пункты нумеруются по порядку от единицы.
Как использовать теги UL, OL и LI
При оформлении текста такими списками, следует учитывать их вложенность. Теги UL и OL обрамляют перечень пунктов LI.
Примеры оформления списков
Где работать с разметкой статьи (важно)
Многие авторы используют для написания статей текстовые редакторы, аналогичные Word или непосредственно его.
В таких редакторах заниматься разметкой текста — нет смысла. Во-первых, эти программы сами по себе используют HTML для разметки документов. Во-вторых, даже если пытаться в них что-то сделать — редактор превратит это все, в итоге, в абракадабру, которая совершенно не подойдет для заказчика.
В техническом задании просят использовать разметку лишь для того, чтобы быстро вставить текст на сайт. А испорченный Вордом материал, редактировать никто не будет и гарантированно вернут на доработку.
Именно поэтому, для разметки следует использовать специализированные редакторы. Саму статью можно написать где угодно, но работать с тегами следует в правильном редакторе.
Я советую использовать Sublime Text. Удобный и бесплатный редактор, который заточен именно под работу с кодом.
Стоит помнить, что в таких редакторах — абзац представлен в виде строки. И делить его Enter-ом нельзя.
Кстати, для разметки текста, который будет вставлен в визуальный редактор на сайте, можно использовать стандартные стили Word. Которые, в свою очередь, соответствуют HTML тегам.
Заголовки H1, H2, H3-H6
H1 — это самый важный элемент по внутренней оптимизации на 2022 год, тег заголовка первого уровня. В нем должна отражаться суть всей страницы. Не пренебрегайте информацией о том, как правильно заполнять мета теги, в соответствии с рекомендациями поисковых систем Яндекс и Гугл. Если вам нужна квалифицированная помощь, закажите SEO продвижение сайтов в ТОП Yandex и Google.
✅ Маленькая h или заглавная H буква в коде — по стандартам html-кода прописная.
✅ Код лучше, когда он чище. Как посмотреть код? Не рекомендую вставлять размер шрифта, курсив, жирный, центровку. Эти настройки делаются для всех элементов программистом на весь сайт: вид и размер шрифтов, цвета при наведении на ссылку, открытых и нетронутых линков. Если установите параметры в корне css, тогда html код будет красивее. Желательно это предусмотреть на этапе верстки.
✅ Все Заголовки H1, H2, H3, H4, H5, H6 должны быть видимы читателям ресурса. Скрытые мета тэги H — это серое SEO. Если не хотите попасть под фильтры поисковых систем, тогда не рекомендую жульничать.
❤️ Удобный просмотр существующих заголовков: расширение Site Checker для Chrome.
Как правильно заполнять заголовки H1, H2, H3
H1 — это самый главный заголовок для SEO. Считается одним из наиважнейших элементов «page» для продвижения сайта в ТОП выдаче поисковиков. По важности с ним сравнится, разве что только Title и Description.
✅ Главное Название лучше помещать в начало странички, до всего контента.
✅ У каждого url должно быть своё индивидуальное Заглавие. Если на страничке нет этого тега, то для вас это упущенная выгода.
✅ Идеально, если после него идет текст, хотя куда красивее поставить картинки: Идеальный сео контент. В этом случае описание картинок нужно сделать подробным, содержащим слова Заглавия и видным пользователям.
✅ H1 обязан содержать Keywords — нужные слова, главные ключевые слова. В остальных подзаголовках H2, H3, H4, H5 — второстепенные ключевики или их синонимы.
✅ Это не Title, должен быть другим, отличаться. Чем отличается Title от H1?
❗ Главный заголовок употребляется только 1 раз на странице
❗ Каждое слово (возможно синоним: студия = салон) из H должно быть так же прописано в контенте — в тексте ниже или в описании картинок до следующего тега H.
→ Нельзя поставить название: «Купить перчатки» и ни разу не употребить слова «перчатки» и «купить» далее в контенте.
🚫 Нельзя на разных страничках иметь одинаковые заголовки. Так вы путаете поисковые системы — какая страница будет показана по конкретному запросу.
Иерархия мета-тегов H1, H2, H3, H4, H5, H6
После H1 идут H2, их может быть больше, но в идеале H2 — от 2х, но не более 5 раз. Если большой перечень наименования продукции, их лучше внести в H3. Подзаголовок H3 употребляется только после H2.
Если сравнить всю эту систему с курсовой работой, то H1 — это первая глава. Эти элементы как в дипломной работе, где присутствует иерархия и логическая вложенность заголовков.
Каждый последующий H визуально должен быть меньше предыдущего — размер шрифта.
Если вы используете H3 сразу после Главного, то это абсурдно с точки зрения лектора, как и поисковой системы.
Важность имеют заголовки H1 и H2, а H3, H4, H5, H6 не обязательны к заполнению. Но! Нельзя их прописывать бездумно на отвлеченные темы, как «услуги» и всякую общую лабуду, не относящуюся к семантике страницы. Замените это слово на конкретный сервис: создание сайтов, SPA процедуры, шиномонтаж, свадебный макияж, аквариумистика, корма для питомцев, кухни из массива, земляные работы и тд…
Сколько раз нужно обязательно употребить H для успешного SEO? Количество H элементов зависит только от вашего контента, нельзя точно сказать цифру. Но! Все слова, по которым могут искать вашу страницу, именно широкие запросы — в идеале записать в тэги. Для короткой страницы обязателен только главный заголовок. А у лэндинг пэйдж и лонг ридов может быть бесчисленное количество H2, H3, H4, H5, H6.
Заголовки страницы h1, h2, h3 … h6
Теги h1, h2, h3, h4, h5 и h6 представляют из себя заголовки с первого по шестой уровень. Они определяют важность сегмента, который озаглавливают. Градация начинается от h1 — самого приоритетного, и заканчивается h6, который имеет низший приоритет из всех.
При этом на странице может быть не более одного заголовка h1, так как именно этот тег описывает все содержимое страницы целиком.
Заголовков h2…h6 в документе может быть сколько угодно.
Все они имеют крайне простой синтаксис. Начинается заголовок с тега
, далее следует текстовое описание, которое обрамляется закрывающим тегом
.
Вот так:
Тут находится текст заголовка
На рисунке ниже представлен заголовок внутри HTML страницы.
Заголовки любого уровня, с точки зрения HTML, являются блочными элементами и всегда отображаются на новой строке. Это позволяет визуально разделить текст на смысловые блоки.
Пример заголовка h1
Пример заголовка h1 можно увидеть прямо на странице с данной статьей. Выглядит он следующим образом.
Его синтаксис крайне прост:
Заголовки страницы h1, h2, h3 … h6
В заголовке содержится краткое описание материала, а так же самые распространенные ключевые слова. Никаких дополнительных стилей и слоев внутри h1 нету.
Пример заголовков h2…h6
Наглядный пример вложенных заголовков h2 и h3 можно увидеть на странице https://dh-agency.ru/title/ (Для удобства, на рисунке мы убрали текст статьи)
Заголовок имеет больший размер и содержит описание раздела, в том числе обобщающее подзаголовки . Во все теги добавлены ключевые слова. При этом h2 имеет более частотный ключевик, чем h3.
Роль тегов h1…h6 в SEO
Подзаголовки h2, h3, h4, h5 и h6 структурируют документ разбивая его на блоки различной степени вложенности. Опираясь именно на данные теги поисковая система определяет важность того или иного отрывка текста. Не стоит весь материал озаглавливать тегом h1 или h2. От этого он не станет «весомее». Вы просто потеряете возможность «расставлять» приоритетность внутри статьи. В таком случае, робот самостоятельно определит приоритетные и второстепенные отрывки, которые в итоге могут не совпадать с Вашим видением ситуации.
Правильно прописываем h1
Качественный заголовок h1 должен соответствовать ряду серьезных требований.
Кратко и понятно описывать содержимое всей страницы;
Быть написан на том же языке, что и весь материал страницы;
Не содержать в себе сложных аббревиатур, технических параметров и сокращений;
Быть длинной не более 60 символов, при этом располагаться на странице в одну строку;
Содержать самые важные ключевые слова страницы;
Не содержать в себе SEO СПАМа и не быть похожим на тег keywords;
Не вводить пользователей в заблуждение;
Иметь уникальное содержимое;
Быть одним на странице;
Внутри не должно быть сторонних тегов разметки и форматирования, таких как , , , , и других.
Ошибки при написании h1
Ошибки при написании заголовков первого уровня h1 могут иметь катастрофические последствия для продвижения конкретной страницы. Давайте рассмотрим самые распространенные из них, что бы никогда не допускать на своих сайтах.
Слишком длинный заголовок;
Заголовки имеющие длину более 70-100 символов плохо читаются, к тому же поисковой системе сложнее почерпнуть из них суть статьи.
Заголовки состоящие из ключевых слов;
Наличие SEO СПАМа может повлечь за собой исключение из поисковой выдачи. Не стоит превращать содержимое тегов в семантическое ядро.
Если Ваша фирма недостаточно известна, наличие ее названия в h1 повлечет за собой потерю драгоценного места.
Заголовки, которые не описывают суть статьи.
В первую очередь, h1 должен описывать суть страницы, а уже потом быть привлекательным и продающим.
Наличие множества h1 в статье.
Если на Вашей странице находится несколько h1, это введет поискового робота в заблуждение.
Правильно прописываем h2…h6
Для заголовков h2…h6 требования немного мягче. Для них справедливо все указанное выше, но при этом:
Тегов одного уровня на странице может быть несколько; (К примеру, можно иметь 3 тега h2 в одном документе)
Они должны описывать только тот блок, который озаглавливают;
Могут иметь длину до 80 символов;
Содержание технических параметров, аббревиатур и сокращений допускается; (Допускается, но не приветствуется)
Ошибки при написании тегов h2, h3, h4, h5 и h6 очень схожи с теми, что допускают при создании h1. Поэтому, мы не будем уделять им внимание.
Заголовки h1, h2,…h6 для WordPress
В WordPress нет никаких сложностей с созданием заголовка первого уровня, так как на страницу он выводится автоматически. Достаточно добавить основное название статьи и оно сразу отобразится в тегах . Пример заголовка представлен на рисунке ниже.
Обратите внимание, что добавлять в текст статьи не нужно, так как это приведет к дублированию тега. Что для SEO может иметь негативные последствия.
Символьного ограничения данное поле в WordPress не имеет, поэтому придерживайтесь основных требований написания.
Заголовки второго, третьего, четвертого, пятого и шестого уровня — h2, h3, h4, h5 и h6 прописываются в теле статьи напрямую в HTML разметке или при помощи визуального редактора.
Заголовки h1, h2,…h6 для Joomla!
Так же, как и в WordPress, в Joomla! заголовок выводится из названия статьи. Данное поле не имеет ограничений по количеству символов, поэтому ориентируйтесь на допустимые размеры заголовков.
Создавая первую статью, обязательно проверьте, корректно ли выводится заголовок и расположен ли он в тегах . При определенных настройках заголовок может не отображаться.
Принцип создания вложенных заголовков при помощи тегов h2, h3, h4, h5 и h6 схож с WordPress. Их так же можно добавить через редактор HTML кода или с помощью визуального оформления.
(Вид редактора может отличаться в зависимости от версии Joomla! или установленных модулей и настроек.)
Заголовки h1, h2,…h6 для Opencart
В Opencart для заголовка отведено отдельное поле, которое так и называется «HTML-тег H1». Это достаточно удобно, так как название может отличаться от фактически выводимого h1.
Как и в других CMS, никаких ограничений внутри поля тут нету.
Заголовки второго, третьего и т.д. уровней (h2, h3, h4, h5 и h6) прописываются в статье самостоятельно. Делается это так же, как и в других системах управления при помощи HTML разметки или редактора.
Урок 302 Правильное использование h1, h2, h3, h4 в SEO
Привет, ребята! Чувствую, обстановка накаляется, в комментариях начал прорываться мат, оскорбления в мой адрес. Что ж, а то я уже заскучал по этим временам. 🙂 Самое худшое — это игнорирование. А когда ругают — это же хорошо, значит кого-то задеваю. Радует. 🙂 Эге-ге-гей, товарищ комментатор, привет. 🙂 Но из-за мата мне, твой комментарий пришлось удалить, я не раз говорил, что ругательства подобного плана терпеть не стану.
Многие обвиняют меня в продажных статьях. Да, было время, но я же обещал, что их количество будет уменьшаться. Но некоторые до сих пор думают, что если я делаю обзор какого-то сервиса — этот пост продажный. Думайте, что хотите, такие господа. Моя совесть чиста и улыбаюсь я во все кривые свои 32 зуба. Настроение у меня прекрасное, да и моих преданных читателей оно будет таким, по крайней мере я буду стараться. 🙂
В прошлом уроке я рассказывал, про SEO расширение для браузеров RDS bar. Я не просто так решил поднять давно изъезженную тему. Я решил поставить точки над И. Многи читатели у меня спрашивают, как правильно использовать заголовки h1, h2, h3 и т.п.? Я уже когда-то отвечал на этот вопрос в далеком 2012 году. Делая аудиты многих сайтов я вижу одни и те же ошибки, которых я не признаю. Значит, пришло время немного дополнить тот урок.
Возможно, какие-то оптимизаторы, посчитают теги h1 и подобные бесполезными, но все же большинство поддерживает их. Если Вы до сих пор не поняли, SEO — очень хитрая наука, у каждого свое мнение.
Правила использования заголовков h1, h2, h3, h4 на странице с точки зрения SEO
Правило №1: на странице должен быть только 1 тег h1.
Запомните, только 1, а не 2, тем более не 3. Многих интересует, как же узнать количество данных тегов на странице и очень часто вебмастера начинают лезть в исходный код страницы и в ручную искать эти теги. Я тоже так делал до тех пор, пока мой «братан по интернету» Виталий (http://mojwp.ru/) не подсказал мне очень хитрую вещь, которая, оказывается, встроена в мой любимый SEO bar.
Что вам требуется?
Огромный плюс — это 1 тег в h1 на транице, что очень хорошо. Если у Вас его нету или их больше одного, ниже я расскажу, как избавиться от лишних, либо добавить.
Правило №2: заголовки h2, h3, h4 должны быть только в самой статье.
В моем случае Вы видите, что h2 используется очень даже правильно, а вот в теге h3, h4 у меня — «мусор». То есть данные словосочетания не несут никаких полезностей в плане SEO. Более того, используя теги h в ненужных местах мы снижаем значимость этих тегов для поисковых систем, так как их «вес» раскидывается на ненужные словосочетания. Поэтому, теги h должны быть только внутри статьи. Да, бывают исключения, когда ключевые слова очень грамотно вписывают в отдельные блоки по сайту, но туда впихивают никак не фразу «Подпишитесь на сайт» и т.п.
Как исправить эти ошибки?
Для исправления подобных ошибок нам снова понадобится очередное дополнение, о котором я уже рассказывал — это Firebug для Firefox (для Chrome он тоже есть).
Мы находим элемент в ненужном нам теге h на странице, например, для примера возьму выражение «Подписка» и «Сайт», про которые мне подсказал RDS bar (они в h4, см. картинку выше). Нашел я эти 2 элемента на сайте (можете воспользоваться поиском в браузере Ctrl+F, вбив необходимую фразу для поиска), «инспектируем» с помощью Firebug один из них:
И справа мы видим стили данного тега h4 (в моем случае):
Они сейчас нам пригодятся. Открываем файл style.css нашей темы и прямо в конце дописываем характеристики данного стиля (см. на стрелку картинки выше), просто назвав его как-то по-другому (я решил назвать new4, не забываем в начале точку):
Так как данное выражение «Подписка» находится у меня в подвале, я открываю файл footer.php, вбиваю фразу «Подписка» через CTRL+F, вот он:
И вместо h4 прописываем наш новый класс (в моем случае «new4»), то есть после видоизменения будет такая картина:
Сохраняем файл, открываем Firefox, обновляем страничку и видим, что тег h4 со словом «Подписка» пропал:
Так как стили слов «Подписка» и «Сайт» у меня не отличаются, я аналогично в подвале вместо тега h4 к слову «Сайт» прописываю класс «new4», и мы видим, что теперь на странице «мусорных» h4 нет:
Аналогичные действия выполняем с ненужными тегами h3. В моем случае в h3 неправильно использовать фразы «Подпишитесь на бесплатные уроки», «Похожие уроки» и т.п. В h3 должен быть только заголовок, который встречается в тексте. Аналогично пройдитесь по разным типам сайта (статьи, страницы, категории и т.п.), а вот главная страница — это отдельная история, про которую расскажу чуть ниже.
Если же у Вас вдруг статья не в h1, просто откройте файл темы single.php, найдите там вывод заголовка статьи (ищите в поиске через выражение «the_title») и обрамите его в h1:
Правило №3: на главной странице крайне желательно использовать тег h1.
На данный момент на моем сайте на главной странице нет h1, что, как я считаю, нарушают структуру.
Я считаю, что на странице не может быть тега h3, если выше него нет h2, также не может быть использован h2, если нет h1. Аналогично, использование h1 и h3, например, без h2 — тоже неправильно. Причем все четко должно идти по структуре: h2 не может стоять выше h1 на странице, h3 не должен стоять выше первого тега h2 и т.д.
Что же запихнуть в h1 для главной страницы? Это может быть текст, куда грамотно включены наиболее запрашиваемые ключевые слова, по которым вы продвигаетесь. Повторюсь, ГРАМОТНО вписанные, а не тупое перечисление.
Также у многих описание в шапке сайте выводит как раз нужную информацию. Там обычно «вкусные» ключевые слова, а также шапка считается «сладким местом», где хорошо «кормить» поисковые системы нужными фразами. Грех это не использовать.
Запомните: заголовок h1 должен быть отличен от title страницы. Это будет полезно для поискового продвижения.
Обычно, где-то в этом месте встречается описание сайта (в моем случае его нет): Но тут возникает некая проблема: если мы пропишем это описание в h1 в шапке сайта, то оно внутри статей тоже будет в h1, что снова неправильно.
То есть, нам требуется прописать некую функцию, которая выполняет следующее: если мы находимся на главной странице, то тексту в шапке присваивается тег h1, если же мы на странице отличной от главной, то отображается тот же текст, в таком же стиле, но уже без тега h1. Это делается для того, чтобы на внутренних страницах не было 2 тега h1 (описание сайта + заголовок статьи).
И мой еще один «братан по интернету», на этот раз уже с Казани, которого зовут Рамиль (жаль у него нет блога, поставил бы сейчас ссылку), любезно поделился этой PHP функцией (вы же знаете, в PHP я не «шарю»), вот она:
Тут вы заранее должны задать в style.css одинаковые стили для h1 и для стиля «description», чтобы визуально посетители не видели отличий.
А что касается h2: заголовки статей на главной странице Вы можете оставить в h2 или убрать, все на Ваше усмотрение. Если же у Вас выводится на главной какая-то статичная страница (допустим, у Вас коммерческий сайт), то естественно, h2 используется только в тексте. Более подробно про то, как использовать теги h1, h2, h3, h4 в статьях, я уже рассказывал в статье про SEO копирайтинг.
Так же существует мнение,что во избежании санкций со стороны поисковых систем за «переспам» заголовки h2, h3 и h4 лучше заменять стилями, например
По-моему, все. Если будут вопросы — пишите, по-любому отвечу. И да, продолжайте писать веселые комментарии, они вызывают у меня улыбку и поднимают настроение.
Заголовки (теги h1, h2, h3) в HTML5 и SEO заблуждения
Первый заголовок, на который часто посетитель сайта не обращает внимание — тот, который показан на вкладке браузера (подробнее про тег title ). Для поисковой системы он самый главный, так как именно его Яндекс, Google и др. чаще всего (см. исключения) используют в качестве заголовка сниппета.
Второй заголовок находится в теге h1 . Далее подзаголовки меньших размеров. Если собрать их все, то должна быть чётко видна структура веб-документа подобно главам школьного учебника. Такая раздробленная на разделы и подразделы информация легко воспринимается, найти необходимый материал на странице не вызывает затруднений.
Проверить h1 страницы
Сейчас фразу в любом теге можно сделать заголовком с помощью стилей CSS: увеличить шрифт и/или размер текста. Для того, чтобы проверить количество тегов h1 и их содержимое, достаточно посмотреть код страницы сайта с помощью браузера, никаких дополнительных расширений не требуется. Такой инструмент, можно вывести, если нажать клавишу :
