МЕНЮ САЙТА
Речь пойдет об архитектуре блога, которая создается при верстке шаблона. А в частности, о заголовках, которые обозначает тег h1 и тег h2.
Так уж устроен любой классический блог, что при открытии любой его страницы, отображается хедер. А на хедере, естественно, заголовок блога. Так вот, на главной странице этот заголовок должен быть заключен в тег h1. Но при открытии записи – в тег h2.
А вот заголовок записи наоборот – на главной должен быть заключен в тег h2, а на странице записи в h1. Все эти “формальности” прописываются при верстке шаблона. И не всякий вебмастер задумывается о последующем SEO блога. Поэтому хозяину блога, при выборе и установке шаблона, обязательно надо проверять эти настройки, так как они очень важны для продвижения.
И если Вы начинающий блогер, не слишком разбирающийся в кодах, то тогда выбирайте шаблон, в котором нет ошибок. Если же Вам уж Очень понравился шаблон и Вы хотите его обязательно использовать, тогда поправьте ошибки верстальщика. Сделать это не так уж сложно. Давайте сегодня попробуем.
Существует правило, что на странице сайта может быть только один заголовок, заключенный в тег h1. Акцентирую на этом внимание начинающих блогеров, которые очень любят выделять важные моменты статьи, используя заголовки.
Как нам проверить количество и расположение тегов, я уже писала. Сегодня я буду править свой “кофейный” блог. На котором оказалось очень много подобных проблем.
Проблема первая – Заголовок блога на странице записи заключен в тег h1
И заголовок статьи тоже. Получается, что каждая страница записи выдает два заголовка в h1. Это срочно нужно править. Как? Для этого заходим в Консоль – Внешний вид – Редактор. И открываем файл header.php
Нам надо найти код, который отвечает за заголовок сайта в хедере блога. Он обычно отмечен тегом h. Это может быть как h1, так и h2. Все зависит от шаблона. Желтым на скриншоте я выделила div контейнер. который отвечает именно за заголовок в хедере. Первое подчеркивание – это сам заголовок, второе – описание.
В конечном итоге код сайта выглядит так
<h1 id="site-title"><?php chocolat_site_title(); ?></h1></a>
Мне надо приписать определенные условия. Поэтому перед кодом я пишу следующее:
<?php if (!is_single () && !is_page ()) :?>
Это условие обозначает, что если открыта не статья и не страница, то заголовок сайта должен быть заключен в h1
После строки с кодом я закрываю условие
<?php endif; ?>
В общей сложности у меня получилось следующее:
<?php if (!is_single () && !is_page ()) :?>
<h1 id="site-title"><?php chocolat_site_title(); ?></h1>
<?php endif; ?>
Под эти кодом я пишу второе условие
<?php if (is_single () || is_page ()) :?>
Которое обозначает, что если будет открыта страница или статья, то заголовок сайта будет заключен в тег h2. Я просто скопировала код заголовка и исправила в нем тег h1 на h2. Вы можете исправить на любой другой тег заголовка или установить div
<h2 id="site-title"><?php chocolat_site_title(); ?></h2></a>
И закрыла условие. У меня получилось следующее
<?php if (is_single () || is_page ()) :?>
<h2 id="site-title"><?php chocolat_site_title(); ?></h2>
<?php endif; ?>
Все! Теперь выходим на сайт и проверяем результат. Все получилось!
Проблема вторая – Заголовки анонсов статей на главной странице блога заключены в тег h1
Это действительно большая проблема. То есть при открытии главной страницы “кофейного” блога вместо одного заголовка h1 – таковых шесть: заголовок блога и пять заголовков анонсов статей. Кошмар! Приступаем к правке.
Заходим в тот же редактор блога и ищем файл content.php. Находим код заголовка поста и исправляем тег h1 на h2. Вот как это выглядит на моем блоге.
Все проблемы решены!
Обратите внимание на то, что в разных шаблонах коды могут отличаться и не выглядеть так как они выглядят у меня. Поэтому будьте очень внимательны. И во избежания проблем, перед правкой сделайте копии файлов. Мало ли что!
Источник: https://altacademic.ru/teg-h1/