Главная » Создание сайта, раскрутка сайта

Как убрать лишние заголовки h1 и h2 в WordPress?

лишние тэги h1 и h2

Как убрать лишние тэги <h1> и <h2> в теме Catch Box на сайте, работающем на WordPress?

Судя по запросам в поисковиках и соответствующим ответам на различных сайтах, лишние тэги

<h1>

и

<h2>

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

Что представляют из себя тэги <h1> и <h2>?

Данные тэги, вместе с остальными — h3,h4,h5 и h6 -, являются элементами html для создания заголовков. Данные заголовки применяются для последовательного обозначения заголовков и подзаголовков. Например, h1 применяется для названия статьи, h2 — для главного заголовка, h3 — для подзаголовка. Причем у Вас может быть несколько заголовков или подзаголовков. Данные тэги помогают указать иерархию, последовательность рассуждения в статье. Каждый последующий заголовок становится все менее значимым. Таким образом, иерархия, последовательность рассуждения видна не только читателю, но и поисковым машинам, которые используют данные тэги для понимания скелета статьи. И так как главная тема должна быть только одна, тэг <h1> рекомендуется применять только один раз. Остальные же тэги можно использовать на своё усмотрение. Но лучше придерживаться правила пирамиды. Чем ниже, тем больше.

Ситуация с тэгами <h1>…<h6> в теме Catch Box

Ситуация с тэгами на сайте, использующем тему Catch Box, довольно неоднозначная.

В теме можно задать название и описание сайта. И на всех страницах, название сайта будет заключено в тэг <h1>, а описание сайта в тэг <h2>. Вроде бы неплохо, если учитывать то, что некоторые рекомендует делать именно так. А далее, в тэг <h3> заключать название статьи. Но, у такой теории есть большой минус. Так как тэг <h1> ценится поисковыми системами ниже только тэга <title>, то и указывать в тэге <h1> нужно текст, близкий к теме статьи. Люди ищут материал по определенным запросам, а не по названию сайта.

Но, к сожалению, это не единственный побуждающий мотив для редактирования тэгов <h1>. По умолчанию, в теме Catch Box название статьи так же заключается в тэг <h1>. В итоге мы имеем два отдельных тэга <h1>: название сайта и название статьи. Что не очень хорошо. При наличии лишь одного <h1> поисковым роботом будет легче понять основную тему статьи.

Эти причины и побудили меня убрать тэг <h1> из названия и тэг <h2> из описания сайта.

Как убрать лишние заголовки <h1> и <h2> в теме Catch Box?

Строки кода, в которых прописана необходимость использования данных тэгов в названии и описании сайта, я нашел в файле functions.php. Добраться до его кода Вы можете через встроенный редактор в админке WordPress, либо скачав файл с хостинга и открыв его соответствующим reader`ом. Далее, нам нужно найти вот такие строчки:

<h1 id="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>

Эти строчки и отвечают за то, чтобы название и описание сайта было заключено в тэги <h1> и <h2>, соответственно. Нам нужно заменить все вхождения h1 и h2 на тэг div. Должны получиться следующие строчки:

<div id="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></div>
<div id="site-description"><?php bloginfo( 'description' ); ?></div>

После чего Вы можете сохранить изменения в файле functions.php и просмотреть произошедшие изменения в коде страницы. Если лишние заголовки h1 и h2 исчезли, то Вы сделали все правильно.

P.S. Повторюсь, мои знания HTML и PHP не сильны. Опираясь на здравый смысл, логику, умение программировать и небольшой опыт в html с php, я нашел и изменил данный кусок кода. И я достиг нужного мне результата. Но я не берусь обещать то, что все было сделано правильно. Возможно, были и упущения.

15 комментариев к записи “Как убрать лишние заголовки h1 и h2 в WordPress?
  1. Маша в cказал :

    Проверьте в своей теме catch-box/genericons/genericons.css строка 19, я нашла закодированную ссылку base64.

    • admin в cказал :

      Боюсь в моей теме нет такого стиля. Данный файл имеется только в стандартных стилях от WordPress, и если даже там ссылка имеется мне ни холодно, ни жарко. Тема не активна и закрыта от индексации.

  2. Катя в cказал :

    Здрасте, а как вы эту тему расширили?

    • admin в cказал :

      Приветствую. За общую ширину сайта ответственно следующий код в стиле этой темы.

      #page{margin:0 auto 2em; max-width:1150px}

      Как видите я расширил максимальную ширину до 1150 пикселей. Кроме этого возможно понадобиться настроить процентное соотношение контентной части и правого блока. Тут нужно править вот это

      #content{margin:0 38.6% 0 3%; width:64.4%}
  3. Максим в cказал :

    Спасибо!!!! Пол ночи голову ломал в поисках решения этой проблемы!!! пока в поиске не задал вопрос с название шаблона.

  4. Тимур в cказал :

    Здравствуйте. Скажите пожалуйста эти строки для расширения где именно искать/менять?
    #page{margin:0 auto 2em; max-width:1150px}
    #content{margin:0 38.6% 0 3%; width:64.4%}

    • admin в cказал :

      CSS стили хранятся в файле style.css. Либо в других css файлах, в зависимости от темы.

      • Тимур в cказал :

        тема такая же вроде сайт Andromob
        Все равно не могу найти. Пользуюсь Notepad++

        • admin в cказал :

          Измените вот эти свойства:

          // размер всей ширины страницы
          .site {
          width: 1000px;
          }

          //размер контентной области
          #primary {
          width: 590px;
          }

          //размер ширины сайдбара
          #secondary {
          width: 320px;
          }

          • Тимур в cказал :

            ооо) спасибо вам большое)
            еще одна просьба…
            В шапке могу цвет поменять, а вот как картинку свою вставить не знаю.
            не подскажете как?

            • admin в cказал :

              У catch-box`а имеется собственная возможность добавить в шапку изображение, попробуйте ее.
              А так, если редактировать шаблон, все стандартно: используйте тэг и css-стили, чтобы настроить все под себя. Для этого нет какого-то определенного алгоритма как в случае с шириной сайта.

  5. Тимур в cказал :

    Хорошо. Спасибо Вам еще раз)

    с меня клик)

    • admin в cказал :

      Благодарю)

  6. Julianna в cказал :

    Подскажите, что мне делать и как убрать лишний Н1 со страницы.Буду благодарна за совет. Откройте html-код и найдите то место, где Вы используете H 1 . А затем уже можно решить, как убрать лишний заголовок .

    • admin в cказал :

      Без каких либо данных я могу дать точно такой же общий ответ. Хоть покажите пациента.

Добавить комментарий

Ваш комментарий появится после модерации.