Убираем теги h2, h3 из заголовков виджетов

Продолжим разбираться с правильным и наиболее эффективным использованием тегов заголовков h1, h2, h3.

В предыдущей статье мы узнали как заключить заголовки статей в теги h1. В своем комментарии Павлуха (pavluha.net) справедливо отметил, что верстальщики шаблонов необоснованно стали использовать теги заголовков для обозначения блоков на странице. Например, заголовки виджетов в сайдбаре, типа “Свежие записи”, “Популярные записи”, “Свежие комментарии” часто заключены в теги h2 или h3.

Я также считаю, что такое применение тегов h2, h3 является неправильным.  По моему мнению, заголовки нужно использовать для разбиения содержимого статьи (именно статьи, а не веб-страницы) на логические блоки для её лучшего восприятия и быстрого чтения “по диагонали”. В таком случае заголовок будет содержать суть последующего текста в статье и будет соответствовать её содержимому. А поскольку это удобно для читателя и, в то же время, хорошо сказывается на продвижении статей, то и является лучшим доказательством правильности использования заголовков.

В шаблоне этого блога заголовки виджетов тоже были заключены в теги h2.

С помощью сервиса pr-cy.ru я проанализировал wordpress-life.ru. У них есть раздел по анализу контента, в частности – заголовков. Вот такая картина была, до внесения исправлений, которые я опишу ниже.

Релевантность заголовков до внесения изменений

 

Вы видите какая релевантность у заголовков “Популярные записи”, “Свежие записи” – 50%, а у “Свежие комментарии” вообще – 0%. Все потому, что эти заголовки были на каждой странице сайта, но не соответствовали содержимому этих страниц.

Когда же я убрал h2 для указанных заголовков, то  получил общую релевантность заголовков 100%.

Теперь опишу техническую сторону – как я вносил изменения. Понятно, что шаблоны у всех разные, но по моим действиям, полагаю, будет понятен общий принцип.

1. В браузере смотрим код элемента “Свежие записи” или “Свежие комментарии” и т.п.

Обращаем внимание, что за стиль заголовка “Свежие записи” отвечает class=”widgettitle”.

2. На локальном компьютере (все изменения рекомендую сначала делать и поверять именно на локальной версии вашего блога) заходим в корневую папку вашего сайта и выполняем поиск текста ”widgettitle” по всем файлам (В Total Commander – это комбинация клавиш ALT+F7 с последующим указанием искомого текста).

Указанный текст был найден в файле моего шаблона functions.php.

3. Открываем и редактируем functions.php

Находим строку, в которой встречается “widgettitle”.

В отмеченных ниже строках нужно заменить “h2” на “div”.

before_title – это тот html-код, который выводится перед заголовком;

after_title – после заголовка;

После изменений должно быть так:

С этого момента h2 убран, но у вас изменится и внешний вид заголовков в сайдбаре.

Еще нужно внести изменения и в файл стилей.

4. Редактируем style.css

Находим фрагмент кода, в котором описывается внешний вид заголовка в сайдбаре – это .sidebar h2.

Поскольку у нас теперь нет h2 в сайдбаре, то мы смело заменяем “.sidebar h2” на “.widgettitle”. И таким образом классу .widgettitle переходят все свойства и их значения, которые были у “.sidebar h2”.

Т.е., в выделенной ниже строке, нужно заменить “.sidebar h2” на “.widgettitle”.

Вот и все изменения. Сохраняйте и проверяйте. Если все корректно, то выполните такие же изменения на хостинге или скопируйте туда файлы, которые были отредактированы.

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

Желаю всем достигать 100% во всем!

Понравилась статья? Не забудьте поделиться с друзьями и коллегами:

Вы можете пропустить чтение записи и оставить комментарий. Размещение ссылок запрещено.

9 комментариев к записи “Убираем теги h2, h3 из заголовков виджетов”

  1. Kashchey

    Спасибо дружище!!!! Столько форумов, где ничего толком не сказано. Твоя статья достойна быть не на 5-ом месте в выдаче, а на первом.

    • Алексей Ершов

      Спасибо за отзыв!
      Если достойна – значит будет. =) Поисковики сейчас умные. =)

  2. Дмитрий

    Спасибо за статью – очень помогла мне)

    • Алексей Ершов

      Пожалуйста, заходите в гости =)

  3. Александр

    Спасибо, статья дельная, быстро разобрался и все подправил.
    Но есть одно НО…
    Теги h2 удалились во всех заголовках сайдбара (календарь, текст) кроме заголовков Рубрики и Свежие записи. Там по-прежнему выводится код Свежие записи
    Какой файл *.php нужно отредактировать?

  4. Александр

    сорри, не все h2 заменил на div. Подправил, теперь все работает! Спасибо!!!

  5. Анатолий

    Здравствуйте!!!Подскажите пожалуйста.Тег h4 в заголовках виджетов я удалил. А содержание (название статей) в виджетах h3 осталось. Подскажите пожалуйста как их удалить. Спасибо!!!

  6. Ринас

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

  7. Мика

    Заменил на тег р. Скажите, так можно оставить? Или все же изменить?

Оставить комментарий

Для размещения кода в комментарии используйте теги <pre> </pre>, например:


Подписаться, не комментируя