Главная Новости

Правильная настройка заголовка H1 в WordPress


Опубликовано: 24.08.2018

видео Правильная настройка заголовка H1 в WordPress

Как прописать seo title и description у произвольной рубрики Wordpress

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



Распространенной ошибкой является неправильное обертывание тегом h1 логотипа с названием и описанием сайта. При этом тег отображается не только на главной странице, но и на всех остальных. Название и описание задается в настройках админки во вкладке «общие».


Урок #9 Как составлять мета-теги Title, Description, H1

Исходный код данного блока будет примерно таким.

По умолчанию WordPress на главной выводит страницу с последними записями, как правило, на этой странице идут заголовки, миниатюры и анонсы статей. Заголовки статей обернуты тегом h2 или h3, а тег h1 в контенте отсутствует, но если перейти на любую другую страницу, то вначале обязательно будет заголовок данной страницы, обернутый тегом h1. При этом получается, что тег h1 выводится один раз только на главной странице, а на остальных – два раза: в названии сайта и названии страницы.


SEOподготовка. Часть 8. Правила написания статей и использование Yoast SEO для аналитики текста

Проверяем в исходном коде, если дублирование есть, то открываем файл header.php и находим приблизительно вот такой участок кода.

<h1 id="logo"> <a href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); ?>"> <img src="<?php bloginfo('template_url') ?>/images/logo.png" alt="<?php bloginfo('name'); echo ' - '; bloginfo('description'); ?>" /> </a> </h1>

Для того, чтобы h1 выводился только на главной странице с последними записями, нужно добавить условие и условный тег is_home().

<?php if( is_home() ): ?> <h1 id="logo"> <a href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); ?>"> <img src="<?php bloginfo('template_url') ?>/images/logo.png" alt="<?php bloginfo('name'); echo ' - '; bloginfo('description'); ?>" /> </a> </h1> <?php else: ?> <div id="logo"> <a href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); ?>"> <img src="<?php bloginfo('template_url') ?>/images/logo.png" alt="<?php bloginfo('name'); echo ' - '; bloginfo('description'); ?>" /> </a> </div> <?php endif; ?>

При таком условии, на всех страницах, кроме главной, логотип будет обернут в обычный <div> и дублирование тега h1 не произойдет.

Условный тег is_home() отвечает только за страницу с последними записями и, даже если главной страницей сайта назначена статическая страница, то, используя такое условие, тег H1 будет выведен только на странице с последними записями.

Не забывайте делать бекап сайта при внесении изменений в код. На этом статью о выводе тега H1 в WordPress буду заканчивать, если остались вопросы, задавайте в комментариях. Рекомендую прочитать статью « Как очистить head в WordPress от ненужного кода? ».

rss