seo

Тег h1 — как заменить тег заголовка в зависимости от страницы сайта

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

А вот заголовок записи наоборот - на главной должен быть заключен в тег h2, а на странице записи в h1. Все эти "формальности" прописываются при верстке шаблона. И не всякий вебмастер задумывается о последующем SEO блога. Поэтому хозяину блога, при выборе и установке шаблона, обязательно надо проверять эти настройки, так как они очень важны для продвижения.

Главная страница
Главная страница

Страница записи
Страница записи

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

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

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

Проблема первая - Заголовок блога на странице записи заключен в тег h1

И заголовок статьи тоже. Получается, что каждая страница записи выдает два заголовка в h1. Это срочно нужно править. Как? Для этого заходим в Консоль - Внешний вид - Редактор. И открываем файл header.php

Нам надо найти код, который отвечает за заголовок сайта в хедере блога. Он обычно отмечен тегом h. Это может быть как h1, так и h2. Все зависит от шаблона. Желтым на скриншоте я выделила div контейнер. который отвечает именно за заголовок в хедере. Первое подчеркивание - это сам заголовок, второе - описание.

тег h1 - Заголовок

В конечном итоге код сайта выглядит так

Мне надо приписать определенные условия. Поэтому перед кодом я пишу следующее:

Это условие обозначает, что если открыта не статья и не страница, то заголовок сайта должен быть заключен в h1

После строки с кодом я закрываю условие

В общей сложности у меня получилось следующее:

Под эти кодом я пишу второе условие

Которое обозначает, что если будет открыта страница или статья, то заголовок сайта будет заключен в тег h2. Я просто скопировала код заголовка и исправила в нем тег h1 на h2. Вы можете исправить на любой другой тег заголовка или установить div

И закрыла условие. У меня получилось следующее

Все! Теперь выходим на сайт и проверяем результат. Все получилось!

Проблема вторая - Заголовки анонсов статей на главной странице блога заключены в тег h1

Это действительно большая проблема. То есть при открытии главной страницы "кофейного" блога вместо одного заголовка h1 - таковых шесть: заголовок блога и пять заголовков анонсов статей. Кошмар! Приступаем к правке.

Заходим в тот же редактор блога и ищем файл content.php. Находим код заголовка поста и исправляем тег h1 на h2. Вот как это выглядит на моем блоге.

тег h1 - контент

Все проблемы решены!
Обратите внимание на то, что в разных шаблонах коды могут отличаться и не выглядеть так как они выглядят у меня. Поэтому будьте очень внимательны. И во избежания проблем, перед правкой сделайте копии файлов. Мало ли что!

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

Комментарии 1

  • Ирина, спасибо за внимание. У меня ужасная проблема с заголовками. Прочитала множество статей в интернете — читаю все доходит, перехожу к составлению заголовков получается набор слов.

Добавить комментарий