Автор: Баяс Батуев Рубрика: Раскрутка и Seo 3 комментария

Заголовок сайта в H1 только на главной

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

И так как этот тег на странице должен встречаться не более одного раза, заголовок самого сайта делают просто ссылкой. Вроде бы все хорошо, но в этом случае страдает главная страница. Между тем вопрос решается довольно просто, всего лишь нужно в файле header.php код, выводящий заголовок сайта, заменить на этот:

<?php if (is_home ()){ ?>
<h1 id="name-text" class="logo-site">
<span itemprop="headline"><?php bloginfo ('name'); ?></span>
</h1>
<?php } else {?>
<div id="name-text" class="logo-site">
<span itemprop="headline"><?php bloginfo ('name'); ?></span>
</div>
<?php } ?>

Проверить правильность работы кода можно двумя способами:

1. посмотреть исходный код страницы.
2. с помощью великолепного плагина для браузеров rds-bar ( есть специальная кнопка SEO, показывающая все теги на странице ).

На скриншотах ниже видно, что в h1 на главной заключен заголовок сайта, а на других страницах заголовок статьи и при этом этот тег на странице встречается только один раз, что и требовалось доказать:

Но тут есть одна загвоздка. Заголовок на главной выглядит так как нужно

а вот на страницах записи слишком мелко

Попытка увеличить текст в стилях не приводит ни к чему хорошему, так как одновременно увеличивается и на главной. Нужно прописать в стилях команду отдельно для этих страниц. Как это сделать? Поменяйте в коде нижний ID «name-text» на любой другой, скажем, «morda».

А в стилях пропишите вот так:

В строке font укажите нужный вам размер. Вот и все на этом. Теперь без помех будет продвигаться как главная страница, так и страницы с записями. Желаю удачи.

С уважением Баяс Батуев

Подписаться на обновления блога