Блог начинающего SEO оптимизатора

Правильная структура заголовков блога

Июнь 22, 2011 | SEO, Wordpress

Структура заголовков в блоге является одним из очень важных аспектов SEO. Правильные заголовки определяют, какие части содержания важны и как они связаны между собой. В языке html они обозначаются тэгом <h>, который может иметь шесть уровней. Например тэг <h1> это заголовок первого уровня, самый важный на странице, а тэг <h6> заголовок шестого уровня и служит самым незначительным заголовком на странице.

Основные правила HTML заголовков:

1. Наиболее важный заголовок должен быть <h1>
2. Существует как правило один заголовок <h1> на странице
3. Подзаголовок должен быть <h2>, потом <h3> и так далее
4. Заголовок должен содержать ключевые слова, иначе он зря потрачен.
5. В больших постах заголовок должен помогать перейти к наиболее интересной части.

На основе этих несложных правил попробуем составить несложный пример.

<h1>Биржи ссылок</h1>

<h2>Вечные ссылки</h2>

<h3>ГГЛ</h3>

<h3>Ротапост</h3>

<h2>Не очень вечные ссылки</h2>

<h3>Сапа</h3>

<h3>Трастлинк</h3>

<h2>выводы</h2>

Заголовки на главной странице

Таким образом, уже можно составить как заголовки должны правильно ставиться на главной странице блога.

• H1 – Название блога
• H2 – Если у вашего блога богатый на ключевые слова дискрипшен, если нет то не ставим.
• H3 – Название ваших постов, если не использовали H2 выше, то название постов заключаем в него.
• H4 – Информационное содержимое в сайдбаре. Например название виджетов.
• H5 – Несвязанные заголовки в сайдбаре, футере и так делее.

Ну и на последок пример реализации. Сделаем так чтобы название блога имело заголовок <h1> только на главное странице, а в посте становилось заголовком <h3>.

Добавим в файл functions.php, который находиться в папке с нашей темой, функцию

function qoate_heading(){
if(is_home()) { $output = '<h1>'; } else { $output = '<h3>'; }
$output .= get_bloginfo('name');
if(is_home()) { $output = '</h1>'; } else { $output = '</h3>'; }
echo $output;
}

Функция проверяет страницу на которой мы находимся и подставляет соответствующий заголовок. Ну и не забываем заменить в файле headers.php нашей темы

<h1><?php bloginfo('name'); ?> </h1>

На

<?php qoate_heading(); ?>

Стоп! Это все хорошо, но мы сделали все красиво с точки зрения поисковых систем. Обычно заголовки имеют разный размер шрифта и обычному читателю это не совсем понравиться. Тег <h> относиться к блочным элементам, этим и воспользуемся. Немного изменим нашу функцию.

function qoate_heading(){
if(is_home()) { $output = '<h1 id="zagolovok">'; } else { $output = '<h3 id=" zagolovok">'; }
$output .= get_bloginfo('name');
if(is_home()) { $output = '</h1>'; } else { $output = '</h3>'; }
echo $output;
}

И создадим новый стиль

#zagolovok {
font-size:20px;
color:black;
}