Как изменить тег заголовка h1 в зависимости от страницы 135


Здравствуйте, уважаемые друзья. Сегодня пойдёт речь о наболевшей для меня проблеме, а именно о заголовках h1. В общем, вы уже знаете, что установив тему WordPress её ещё и дорабатывать, придётся под свои нужды. И это нормально, дизайн подправить, если необходимо объединить элементы дизайна в CSS-спрайты, может, размеры шрифтов подправить, да перечислять можно долго. Так в чём проблема?

Какие проблемы с заголовками h1 были на моём блоге

Суть в том, что все эти доработки не должны слетать при обновлении темы. У меня же, как только обновил тему, так и давай всё заново настраивать. Но фишка в другом, элементы дизайна – это цветочки, а подлянка заключается в том, что у меня после этих обновлений перестали работать древовидные комментарии и постоянно меняются местами заголовки h1 и h2. А вы знаете, что поисковики не жалуют сайты, где тег h1 отсутствует или слишком часто используется.

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

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

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

А также установить логотип.

Логотип сайта

Логотип сайта

В моей теме тоже всё это есть. Заголовок прописывается тегом h1, а описание сайта тегом h2. А если установить логотип, то он будет обозначен как заголовок и внесёт в тег h1.

И вроде бы всё хорошо – на главной странице заголовок сайта имеет тег h1, а заголовки статей h2. А вот в статьях и страницах тоже изначально было так. Причём это не в одной моей теме, во многих темах WordPress заголовки статей и страниц прописаны в теге h2 – что по правилам SEO неверно.

Я этот момент подправил – в статьях и страницах заголовки изменил на h1, а заголовок сайта на h2.

Но вот прошло обновление, визуально я заметил только проблемы с дизайном. Исправил и не о чём не волнуюсь. Через какое-то время прошло ещё обновление и вдобавок к дизайну перестали работать древовидные комментарии. Ну, это то, что я заметил визуально.

Всё, решил больше тему не обновлять, а заменить полностью. Но пока нет времени. А пока я этого не сделаю, нужно разбираться с моей текущей темой.

Но после последнего обновления на самом деле всё оказалось хуже – произошла подмена тегов h1 и h2. А точнее, изображение, которое я использовал в качестве логотипа, и которое было заключено в тег h1, — тег просто исчез (на главной странице). Так на главной странице вообще не осталось тега h1. Зато в статьях и страницах заголовок сайта обрёл тег h1. И соответственно заголовок сайта, и заголовок статьи были обозначены тегом h1. Перебор!

А ещё эта путаница повлияла на микроразметку – пропал заголовок сайта.

Битая микроразметка

Битая микроразметка

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

Как изменить тег заголовка h1 в зависимости от условий

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

Если открывается статья или отдельная страница, — заголовок сайта должен обозначаться тегом h2.

Итак, приступаем к реализации задуманного.

Как известно, практически во всех темах шаблон состоит из нескольких блоков и такие блоки, как шапка (header.php), подвал (footer.php), сайтбар (sidebar.php) подключаются как отдельные элементы к основной странице (index.php), статьям (single.php), страницам (page.php).

Следовательно, заголовок и описание сайта находятся в шапке (header.php). И нужно лишь прописать условие, которое будет менять тег h1 в зависимости от того какая страница открывается.

А для этого открываем административную панель WP – «Внешний вид»«Редактор»«Заголовок (header.php)».

Шапка сайта

Шапка сайта

Нужно найти строчку кода с тегом h1, в некоторых случаях это может быть и тег h2. Во всяком случае, нужно обращать внимание на содержимое этих строк. Изначально в моей теме было так.

Заголовок сайта.

<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>

Описание сайта.

<h2><?php bloginfo('description'); ?></h2>

Вот это и нужно будет подправить. В описание сайта можно только добавить код микроразметки, а вот с заголовком сайта поработаем.

Итак, перед строкой кода с заголовком h1 вставляем вот этот код:

<?php if (!is_single () && !is_page ()) :?>

Это условие обозначает: Если (if) открыта «не» (!) статья (is_single) и (&&) «не» (!) страница (is_page) – заголовок сайта будет обозначен тегом h1.

А после строки с кодом h1 нужно закрыть условие, этим кодом:

<?php endif; ?>

В итоге у вас должно получиться вот так:

<?php if (!is_single () && !is_page ()) :?>
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<?php endif; ?>

А теперь по аналогии добавляем ещё одно условие, сразу после первого:

<?php if (is_single () || is_page ()) :?>
<h2><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h2>
<?php endif; ?>

Это условие обозначает: Если (if) открыта статья (is_single) или (||) страница (is_page) – заголовок сайта будет обозначен тегом h2.

Обратите внимание, я изменил тег заголовка во втором условии с h1 на h2.  Так же можно заменить h1 на абзац (р) или блоки div, span. Это важно!

Сохраняем файл и проверяем.

Как должно быть после внедрения условий

Открываете любую страницу сайта, далее просмотр исходного кода (CTRL+U) и ищите тег h1 (CTRL+F) – на странице должен быть один тег h1.

Исходный код

Исходный код

На главной странице, рубриках, поиске и так далее заголовок сайта должен быть обозначен тегом h1, а все заголовки статей и так далее h2, h3…

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

Здесь очень важно проверить в файлах single.php и page.php чтобы заголовки статей и страниц обозначались тегом h1. Если у вас не так, откройте эти файлы и исправьте циферку.

Подведение итогов

Этим решением я избавился от конфликта с тегами заголовков h1 и h2 и восстановил работоспособность микроразметки. Всего-то пару строк кода, а какое удобство.

Друзья, у кого подобная ситуация берите на вооружение.

И в завершение видеоурок по теме. Я покажу на своём блоге, как этот метод работает.

А у меня на этом сегодня всё. Всем желаю хорошего настроения и до встречи в новых статьях и видеоуроках.

С уважением, Максим Зайцев.



Если статья оказалась для Вас полезной, поделитесь с друзьями, жмите на кнопочки:


Подписывайтесь на новые статьи!


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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

135 коммент. к статье “Как изменить тег заголовка h1 в зависимости от страницы

  • Виктория Карпова

    Привет, Максим. У меня почти все получилось по твоей инструкции:) Вот только на страницах рубрик по-прежнему осталось два h1.
    в шаблоне рубрик прописана следующая строчка: _( ‘catarchive’ ), single_cat_title( », false ) ); ?>
    Подскажи, что здесь можно удалить или что добавить, чтоб рубрики отображались заголовком h2?
    Просто заменить h1 на h2 и убрать class=»page-title»? Боюсь чего не нахимичить:)

    • Максим Зайцев От автора

      Вика, привет. Просто в шаблоне рубрики смени h1 на h2. Больше ничего менять не надо. В итоге заголовок сайта будет h1, а название рубрики h2.

  • Виктория Карпова

    Блин, в предыдущем комменте почему-то строка обрезалась, сделала скриншот: http://www.floomby.ru/s1/uevGZx

  • Сергей

    Спасибо за еще один полезный урок.

    Эта проблема и правда очень актуальна. В большинстве случаев, владельцы сайтов — просто удаляют H1 с главной страницы.

    Ваш метод помогает решить эту проблему, но как быть с рекомендациями поисковых систем о иерархии расположения тегов H на страницах?

    Считается что теги Н должны расставляться по возрастанию. Т.е в начале кода страницы H1, ниже Н2, далее H3 итд.

    В вашем методе, на страницах статей получится что статья начнется с H2 а далее идет H1.

    Не будет-ли это проблемой для дальнейшего продвижения?

    Заранее спасибо.

    • Максим Зайцев От автора

      Сергей, проблемой это не буде. Да и h2 вы ведь может всегда заменить на параграф (p) или блок div или span. Только тогда нужно будет прописать для него стили.

  • Николай Вилков

    У меня когда был бесплатный шаблон, я также с этой проблемой мучался, а когда перешел на платный, то про это забыл сразу же.

  • Vlad

    Тоесть в вашем случае тег H1 в шапке нужен для правильной микроразметки?

    У меня сейчас в шапке стоит только небольшое изображение без каких-либо тегов!

    А главная страница осталась без разметки…

    Статья интересная и полезная, страница на бесплатный курс тоже классно оформлена! =)
    А вы ажиотаж тоже поднимать умеете! 😉

    • Максим Зайцев От автора

      Влад, может не ажиотаж, а так не большую волну 😉
      А микроразметка у меня слетела, так как код её был упакован в тег h1. Этот тег исчез и микроразметка нарушилась. Код микроразметки не обязательно должен быть в теги h1, это может быть обычный абзац. Главное чтобы в нём отражался заголовок сайта.

  • Ivan

    Вывод: не обновляйте блог) Сколько после обновлений wordpress и темы начинались неполадки)

    • Максим Зайцев От автора

      Нет, блог обновлять можно. А вот эту тему больше обновлять не буду.

      • Ирина

        Чтобы не было проблем после обновлений, разработчики рекомендуют использовать дочерние темы. Сейчас сама с этим разбираюсь, чтобы покончить с мучениями.

        • Максим Зайцев От автора

          Здравствуйте, Ирина. Это сейчас я с уверенностью могу сказать на что нужно обратить внимание при выборе темы. И то не всегда получается тщательно проанализировать все функции. А ещё год назад, когда создавал блог — я ориентировался лишь на дизайн. И за год я столько сделал доработок, что даже страшно подумать о смене темы и внедрении всего снова!
          Но рано или поздно буду этим заниматься. Желаю и вам удачной модернизации вашей темы.

  • Василий

    У меня на старой теме вообще не было тега в H1. Тем не менее, проблем с посещаемостью не было.
    В новой теме, установленной год назад, все работает как надо.

    • Максим Зайцев От автора

      Вася, привет. А у меня то был то нет. От этого и дизайн съезжал, и заголовки перепутались и древовидные комментарии перестали работать. В общем пришлось повозиться.

  • Александр

    Максим, добрый день. Может обращаюсь не по теме, но всё же. У меня на сайте выведен блок похожи записей, после каждой статьи.. и я хочу сделать, чтобы title h3 у этих записей менялся в зависимости от категорий, те в одной категории будет «Советуем посмотреть», в другой «Это будет вам интересно» ну и так далее. Сами записи выводятся кодом (без плагина)! Как можно реализовать, в php не силен, вот и спрашиваю???

    • Максим Зайцев От автора

      Здравствуйте, Александр. Смотрите какая тут возникает ситуация, вы меняете текст заголовка в зависимости от категории и при этом теряете в скорости загрузки сайта.
      Дело в том, что увеличивается количество запросов к базе данных. Для начала нужно обратиться к базе для определения ID категории, затем для подстановки необходимого заголовка.
      Сделать это возможно, но я бы всё таки подобрал универсальный заголовок, всё таки скорость загрузки сайта — это один из факторов ранжирования. 😉

  • Екатерина

    Здравствуйте! Сделала как вы сказали, на главной странице и страниц категорий все ок. А вот на страницах статей название сайта сползло вниз. Читала, что нужно поставить где то margin 0, но вот не могу понять где. Может вы подскажите? Заранее спасибо.

    • Максим Зайцев От автора

      Здравствуйте, Катя. Заголовок вашего сайта помимо тега Н1 имеет класс site-title. Именно этот класс и определяет позицию заголовка на вашем сайте через вот эти стили position: absolute; clip: rect(1px, 1px, 1px, 1px);
      Добавьте в вашу таблицу стилей (файл style.css) вот такой код h1.site-title {position: absolute; clip: rect(1px, 1px, 1px, 1px);} должно всё быть без сползаний.

  • Леонид

    Добрый вечер.
    Если мне поможете, то решите мою головную боль с H1 и дескрипшн для главной. Перепробовал все — пока сайт не умер
    (rabotnik34.ru)

    • Максим Зайцев От автора

      Здравствуйте, Леонид. А что не так с вашей главной? У вас всё в порядке, логотип (заголовок сайта) представлен тегом Н1, а заголовки статей Н2. Какую проблему вы имели ввиду?

  • Леонид

    SE Ranking Service аудит сайта онлайн показал такую ошибку. Но если , Вы говорите , что все в порядке-значит в порядке .
    Сайт просто под АГС попал — ищу причины

    • Максим Зайцев От автора

      У вас с тегом Н1 порядок и на главной и в статьях. Так что причина не в этом. А под АГС даже из-за такой ошибки не попадают. Причина в чём-то другом. Советую стучаться в техподдержку Яндекса. Хотя, они отвечают с большой задержкой. Успехов вам!

      • Леонид

        Спасибо на добром слове.
        Самое интересное , Платон Щукин мне ответил после 4-6 часов ))) Предложил развивать сайт и писать оригинальные тексты.

        • Максим Зайцев От автора

          Это удивительно! Быстро. Но, совета стоит придерживаться и работать в этом направлении.

  • Наталья

    Максим, спасибо за разъяснения. Это самая полезная информация об использовании тега H1 во всем интернете! Помогли!!!

  • Петр

    Добрый вечер, Максим. Подскажите, когда я анализирую свой сайт pro-tablet.ru сервисом a.pr-cy.ru, либо каким-нибудь другим, система говорит что «Мы не нашли главного заголовка H1» (H1: 0 H2: 0 H3: 4 H4: 0 H5: 0 H6: 0). Что делать в этом случае? И, на примере моего сайта, подскажите какие файлы нужно редактировать и что в них прописать?
    Заранее спасибо!

    • Максим Зайцев От автора

      Здравствуйте, Петр. На главной странице вашего сайта, действительно отсутствует заголовок H1. Малого того, название сайта и описание закрыты от индексации.
      На страницах статей, заголовок Н1 присутствует — это название статьи. И это хорошо.
      В вашем случае нужно редактировать файл заголовка header.php в нём находится название и описание сайта. Обратите внимание на блок ДИВ с классом logotip. Вы можете удалить из него содержимое и в тегах Н1 прописать название. Но, тогда все стили применяемые к заголовку до этого слетят. Если, вы хотите чтобы вид заголовка не поменялся, — стоит выписать стили и применить их уже к блоку и тегу h1.
      На пальцах трудно объяснить, но принцип вы поняли. Желаю удачи!

  • Григорий

    Здравствуй, Максим!
    Все понял, отлично.
    Но нельзя ли по-подробнее
    об изменениях в стилях.
    Заголовок в шапке, при открытии
    записи, уменьшается здорово.
    Сказал «а», будь добр,
    скажи и «б».

    • Максим Зайцев От автора

      Здравствуйте, Георгий. Темы у всех разные и поэтому универсальные стили не подсказать. Расскажу основной принцип, к примеру до было так (крайние треугольные скобки убрал, иначе код не пройдёт в комментариях):
      h2>Подзаголовок/h2>
      А вы к примеру хотите сменить подзаголовок на абзац. В таком случае этот подзаголовок будет выглядеть так:
      p class="abzac">Подзаголовок/p>
      Теперь к классу abzac можно применить стили оформления. Для этого в файле style.css добавляете слили примерно так:
      .abzac {font-size:14px; font-family:inherit;}
      Вот в таком ключе и развиваете эту тему. Успехов вам. Если будут вопросы, пишите.

  • Галина

    Добрый день! Максим, а как можно сделать чтобы еще на рубриках название сайта стоновилось h2, а название рубрики становилось h1. Хочу рубрики продвигать под СЧ — для этого надо чтобы названия рубрик h1 стали.

    • Максим Зайцев От автора

      Здравствуйте, Галина. Принцип тот же, добавьте в файл функции темы функцию с условием для категории is_category. То есть берёте функцию из статьи и меняете этот фрагмент is_single () || is_page ()) : на код категории.
      И не забудьте сделать резервную копию файла функции темы перед вставкой кода. Удачи!

      • Галина

        Максим, спасибо! Я совсем новичок, но у меня все получилось благодаря Вашей инструкции! Даже не все маститые сеошники продвигают страницы с рубриками, многие их закрывают от индексирования! А у меня на страницах рубрик теперь индивидуальные h1 заголовки — можно их теперь продвигать под среднечастотники!!! Спасибо!!!

  • айнур

    Здравствуйте! Сделала как вы сказали, но не помогает, H1 у меня много особенно в рубрике и на главной странице как быть? мой сайт http://englishstud.ru.

    • Максим Зайцев От автора

      Здравствуйте, Айнур. В вашем шаблоне нужно это всё делать вручную. Так как у вас каждый заголовок имеет тег Н1. Тут умная смена не поможет. Надо открывать исходный код и править. То есть, через редактор откройте index.php, category.php, arhive.php и исправьте Н1 на Н2.

  • айнур

    все равно не получается index, archive исправила, а вот category нет у меня что делать? у меня на главной странице каждый заголовок имеет h1? их много, а вот страницами все в порядке, http://englishstud.ru

    • Максим Зайцев От автора

      Айнур, именно это я имел ввиду. Для того чтобы исправить заголовки на главной, нужно найти файл отвечающий за вывод материалов на главной странице. В большинстве случаев это index.php (основной шаблон), но бывают и исключения, тогда нужно ещё поискать. Без доступа к админ панели, а ещё лучше ftp я не могу конкретно сказать, что и где менять. Могу лишь посоветовать запустить поиск по содержимому (h1) в файлах. Так вы найдёте файлы в которых содержится этот тег и уже дальше сможете найти нужный вам.
      Только в обязательном порядке сделайте резервную копию сайта.

  • Ирина

    Добрый день,Максим.Подскажите пожалуйста.Все сделала по описанию.Только теперь при переходе на статью ,в шапке сайта заголовок пишется маленькими буквами.А когда на главной странице ,то все в порядке.Как увеличить шрифт заголовка сайта?

    • Максим Зайцев От автора

      Здравствуйте, Ирина. Когда вы сменили тег заголовка, то и стили тоже сменились. Для начала в кодах подмены смените h2 на p (это английская буква).
      Затем присвойте эти стили:
      #header p {
      font-family: Arial,Helvetica,Sans-serif;
      font-size: 40px;
      font-weight: bold;
      letter-spacing: -1px;
      margin-bottom: 0 !important;
      padding: 0 10px;
      text-shadow: 0 1px 0 #ffffff;}

      #header p a, #header p a:visited {
      color: #3BAC1C;
      text-decoration: none;}

      Их вы должны добавить в таблицу стилей. Вставьте аккуратно между другими стилями. И всё будет отлично.

        • Максим Зайцев От автора

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

          • Ирина

            Ничего не изменилось..вставила в конце.

          • Максим Зайцев От автора

            Изменилось, только не совсем так как надо. Сбросьте кэш браузера и будет видно. В статье стили сменились, но и на главной тоже. Значит вы где-то напутали.

          • Ирина

            Поменялось. Только теперь в статье описание сайта съехало ниже своего уровня.

          • Ирина

            Еще и цвета поменялись.А в чем я могла сделать ошибку,если я просто скопировала и вставила эти два стиля в конце?

          • Максим Зайцев От автора

            Ирина, нужно смотреть в комплексе. Стили имею свойства наследоваться, скорей всего именно это и произошло. Сделайте так, удалите эти стили. Затем, добавьте стили для заголовка и абзаца (#header p), посмотрите на результат. Так вы выясните с какими стилями идёт накладка. Или можете предоставить мне доступ к админке сайта и я сам посмотрю в чём дело. В таком случае пишите на почту maksim@1zaicev.ru

          • Ирина

            Максим,я отправила Вам данные для входа в админку на почту,посмотрите пожалуйста…

          • Максим Зайцев От автора

            Ирина, стили заголовка и описания сайта подправил. Остальные стили я не трогал, так как не знаю какие стили были у вас ранее. Проверяйте.

          • Ирина

            Максим!Огромное спасибо за помощь.Все исправила,как сказали.Все ок)

          • Максим Зайцев От автора

            Ирина, рад что смог помочь. Если нужна будет помощь, заходите в гости. Удачи вам!

      • Ирина

        #header p {
        font-family: Arial,Helvetica,Sans-serif;
        font-size: 40px;
        font-weight: bold;
        letter-spacing: -1px;
        margin-bottom: 0 !important;
        padding: 0 10px;
        text-shadow: 0 1px 0 #ffffff;}
        Этот стиль уже присутствует у меня в таблице стилей только вместо p стоит h1

        • Максим Зайцев От автора

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

  • Марина

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

  • Сергей

    Максим, добрый вечер! Подскажите как решить проблему! Все сделал как у Вас написано и плюс, что в комментариях. Проверяю, на главной h1как надо, а в стать h1 нет.

    • Максим Зайцев От автора

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

        • Максим Зайцев От автора

          Экспериментируйте с условиями (!is_single () && !is_page ()) уберите восклицательные знаки, оставьте условие только для статей и на оборот для страниц. Более конкретно, трудно сказать не видя исходный код шаблона.

          • Сергей

            Максим, для страниц получилось, а статей нет! Есть еще рекомендации?

          • Максим Зайцев От автора

            Ещё можно вручную исправить заголовки в single.php, отвечающем за вывод статей. А вообще, должно было и кодом получится. Возможно, в вашем шаблоне удаленны нужные API ключи и поэтому не выходит.

          • Сергей

            Как в ручную, если там прописан такой код:
            get_header(); ?>

            <?php

          • Сергей

            Максим, Спасибо! Вроде получилось, но правил в файле content.php!

          • Максим Зайцев От автора

            Поэтому и не получалось сразу, в вашей теме иное расположение файлов и их название. Но, очень хорошо, что всё вы сделали. Удачи вам!

  • Александр

    Здарова Максим! Нужна помощ, немогу справится с кодами. Отсутствует h1. Можите помочь?

    • Максим Зайцев От автора

      Здравствуйте, Александр. Опишите проблему более детально, в чём проблема?

      • Александр

        Заголовоки на главной и прочих страницах прописан тегом h2. Хочу сделать что бы на главной странице тегом h1 было прописано название сайта, а на других страницах название сайта прописывалась тегом h2, а название страницы тегом h1.

        • Александр

          Не правильно выразился, просто нужно чтобы заголовки страниц были прописаны тегом h1 а не h2.

          • Максим Зайцев От автора

            А для этого откройте single.php или другой файл вашей темы, отвечающий за вывод статей и исправьте h2 на h1.

        • Максим Зайцев От автора

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

          • Марина

            Подскажите пожалуйста. Проверяю сайт сервисом pr-cy. Пишет что не найден главный заголовок h1, но я его прописывала. Что делать подскажите?

          • Максим Зайцев От автора

            Здравствуйте, Марина. На главной странице у вас действительно нет заголовка Н1, в статьях есть, а на главной нет. Всё верно показывает сервис. Подумайте где бы вы могли прописать заголовок. Я бы логотип оставил в виде корзины, а название домена под ним сделал заголовком Н1.

  • Максим

    Максим, здравствуй! В очередной раз твои статьи помогают решить те или иные трудности. Очень хорошо, когда опытный блогер может наставить новичка и помочь в освоении вордпресса.
    У меня все получилось, вот только вопрос, на главной так же остались заголовки статей и заголовок сайта под тегом . Это нормально, можно не обращать внимание или все же следует с этим что-то сделать? Заранее спасибо за ответ!

    • Максим Зайцев От автора

      Максим, привет. Тут главное соблюдать правило, один h1 на странице. Если на главной у темя заголовок сайта h1, а заголовки статей h2, то это отлично. А если все h1, то заголовки статей нужно сменить.

  • Сауле

    Здравствуйте, Максим. Спасибо за хороший полезный урок. Я все сделала как описано на статье, но после этого исчез заголовок сайта, а заголовок должен быть так «Английский язык для всех». У меня тема twentytwelve

    • Максим Зайцев От автора

      Здравствуйте, Сауле. Всё конечно зависит от темы, но заголовок никуда не должен был исчезнуть. Попробуйте всё сделать заново.

  • Александр

    Всё очевидно: самое верное по поводу шаблона — сверстать тему самому!

    Ну и… всё будет в ваших руках.

    А вообще, конечно же, полезнее учится на своих ошибках (!) хотя и горько терять свои наработки, ибо они самые правильные, в итоге))))

    • Максим Зайцев От автора

      Александр, свой шаблон — это, пожалуй, лучшее решение. Так как, Вордпресс отличный движок, но вот шаблоны, увы в 99%, требуют существенных доработок. На счёт ошибок может бы и поспорил, но опять же ваша правда, свои ошибки усваиваются лучше!

      • Александр

        Привет, Максим! (всё время забываю поздоровкаться. Вероятно, от волнения))
        Да, свои ошибки усваиваются ловчее…
        Хороший у вас сайт. Присматривался долго.
        Решил его поместить в свой logoilis, как неплохой и примерный блог — http://mihalica.ru/logo-i-list-dofollow/
        Вот!

        • Максим Зайцев От автора

          Саша, привет. Спасибо за оказанное доверие. Мне абсолютно не важно закрыта ссылка или открыта, важно, что ты выделил мой бог и рекомендуешь своим читателя. А я в свою очередь постараюсь оправдать твои рекомендации! 😉

          • Александр

            Привет-привет…
            Ну, я, вероятно, всё-таки переходы ссылок со страницы LOGO открою… Ибо сейчас, при необходимости, просто ссылаюсь с записей на страницу лого… мол, там переход на сайт нужного админа… И мне кажется это логичным!
            (советуемся с ребятами относительно этой негоции, ибо я лично люблю по кочкам нести всё это SEO))

          • Максим Зайцев От автора

            Да, если ссылка полезная, то её открытие играет только в плюс. Поисковики любят полезности. Хотя, опять же это всё по утверждениям тех же СЕО специалистов. Алгоритмы поисковиков ведь держатся под грифом «Секретно».

  • Валерий

    Сделал, получилось Спасибо!
    Правда первое время смущало то, что при проверке тегов в коде было все ОК, а если выйти из админки, то все становилось как прежде (до изменений). Но на следующий день все сложилось. Не знаю почему так, но теперь это меня не беспокоит.

    • Максим Зайцев От автора

      Здравствуйте, Валерий. Такое бывает из-за кэша браузера. Но, вы правильно делаете, что оставили сомнения в стороне. Я посмотрел ваш сайт, вы сделали всё правильно.

      • Александр

        Приветствую!!
        На мой взгляд, Валерий и Максим, это решение не совсем верно: на всех, кроме отдельных страниц, должен быть переход h1 на главную… т.е главный переход. А вот на самой домашней, заглавной странице h1 должен быть неактивным, ибо (home) важность h1 правильнее прятать (и сквозняк, конечно же), но (!!) указывать на второстепенных. И так далее…

        • Максим Зайцев От автора

          Добрый день, Александр. Тег Н1 должен быть один на странице. В статье это заголовок статьи, а на главной это заголовок или описание сайта. Я использую его для заголовка сайта. Отсутствие тега, по правилам СЕО, является ошибкой. И любой сервис проверки сразу укажет на данную ошибку.

          • Александр

            «Тег Н1 должен быть один..» Именно это я и пояснял (в общем, я толковал про УСЛОВИЯ отображения) — насколько мне увиделось на сайте Валерия, у него тег h1 /на отдельных записях и т.п./ теряется условно в (важность нулевая) а должен быть хотя бы h2 на отдельных страницах /ибо ИМЯ статьи h1/ — всё разграничивается важностью h…!
            И в довесок: на главной у него НАИВЫСШАЯ ВАЖНОСТЬ h1 — ЗАЦИКЛЕНА — а это считается ошибкой (нежелательной)!!
            Больше не знаю как доступнее пояснять.

  • Сергей

    Целиком согласен с Александром!
    Обозначения заглавной страницы правильнее обыгрывать тегами h1 и h2 в зависимости от условий !! Но никак не текстовым вариантом: это бесспорная ошибка!
    И да — цикличность вредна и немаловажна… и особливо, когда в цикле наиглавнейшие теги.
    Такое практикующее ИМХО.

    • Максим Зайцев От автора

      Друзья, Александр и Сергей. Не будут спорить, тема СЕО, вещь мутная. Я предлагаю инструмент, а как им воспользоваться каждый решает сам. По поводу цикличности соглашусь, но с учётом того, что это название сайта (логотип), и многие посетители кликают по нему для перехода на главную страницу, то эта ссылка скорее полезнее.

      • Сергей

        Да Вы Максим не обижайтесь: никакого личного ничего не было !!
        Сам всем и вся утверждаю, что seo — это скорее бизнес чем что-то реально полезное, ибо располагаю массой примеров, когда это сео скорее вредит (уж тратой времени точно): ну да ладно.
        Лично я только для спора репликнул) глядишь, какой-то новый фичЪ) блеснёт!
        Так что только удачи… желаю.

        • Максим Зайцев От автора

          Сергей, да какие обиды, у меня на блоге каждый может высказать своё мнение и точку зрения, я приветствую конструктивную критику. В спорах рождается истина. Так что я только рад таким комментариям 😉 Заходите ещё, желаю удачи!

  • Сауле

    добрый день, Максим. Можете посмотреть мой шаблон, у меня не получается ввести H1 в заголовок на страницах. тема у меня Estella.

    • Максим Зайцев От автора

      Здравствуйте, Сауле. У меня расписан каждый день, заказов столько, что я не успеваю. Если будет время, то посмотрю.

    • Александр

      Cауле, у Вас всё просто поправить: открывайте single.php или что-то вроде того и правьте ( !— 1.POST HEADING — — просто вместо divов пропишите h1)
      Кстати, description имеет смысл поправить…
      Хотя у Вас там кое-где (по законам seo) и кроме заголовков нужно править, например фразу перед формой комментирования (h3 заменить) и т.п.
      /body посмотрите — не закрытые элементы есть…
      Всё, в общем — просто!

  • Николай

    Добрый день, Максим. Ищу решение для своего сайта с выводом названия сайта H1 только на главной, т.к у меня выводится Н1 на всех стр. + Н1 название статьи. Соответственно ошибка. Тема customizr. Мой код отличается от приведенного выше header.php.
    Можете помочь, с решением вопроса? Перепробовал массу предлагаемых вариантов, найденных на просторах интернета, похоже сам не справлюсь.

    • Максим Зайцев От автора

      Здравствуйте, Николай. В своей теме я использую вот такие две функции:
      /* Динамическая смена заголовка сайта */
      add_filter('tc_site_title_tag', 'change_tag');
      function change_tag() {
      if (!is_single () && !is_page ())
      return 'h1';
      if (is_single () || is_page ())
      return 'p';
      }
      /* Динамическая смена описания сайта */
      add_filter('tc_tagline_tag', 'change_tagline');
      function change_tagline() {
      if (!is_single () && !is_page ())
      return 'h2';
      if (is_single () || is_page ())
      return 'p';
      }

      • Николай

        Убрал название сайта, в коде шапки удалил строчки отвечающие за вывод логотипа и названия сайта. На главной назвал статью, как раньше назывался сайт. Теперь все названия статей н1 и проблем нет. Что думаете о таком методе?

        • Максим Зайцев От автора

          Николай, ну как вариант можно и так. Главное, чтобы на странице был один заголовок H1.

  • Роман

    Всем привет! Не подскажете как его создать у меня в заголовке в обще его нет, только в записях

    • Максим Зайцев От автора

      Здравствуйте, Роман. Такое бывает, когда в теме используется логотип. Страшного в этом ничего нет, если внедрить микроразметку. Статьи на эту тему вы можете найти на моём блоге.

      • Роман

        Здравствуйте а вы не окажете услугу за умеренную плату, а то для меня это тёмный лес?

        • Максим Зайцев От автора

          Здравствуйте, Роман. Микроразметка — это действительно сложная и кропотливая работа. Стоимость разметки шаблона под требования Яндекса и Гугла составляет 2000 рублей. Если интересует, пишите на почту maksim@1zaicev.ru, обсудим детали.

  • Яшар

    Спасибо за статью, очень помогла!
    Помогите разобраться с исходящей проблемой, у меня заголовок меняется на h2 открывая страницу или запись, но когда я нахожусь на стартовой странице, у меня h1 есть, ну это и правильно, но он повторяется!!!
    и в итоге я проведя аудит обнаруживаю 20 повторяющихся h1, возможно прописать плавающий h1, или что-то изменить в условиях?

    • Максим Зайцев От автора

      Здравствуйте, Яшар. На вашем сайте я не обнаружил, описанной вами, проблемы. Все заголовки размечены правильно. Но, при такой ситуации, когда заголовки статей размечены h1 и заголовок сайта тоже, нужно открыть файл, отвечающий за главную страницу (в разных шаблонах он не одинаков) и в этом файле сменить h1 на h2.

    • Яшар

      Вот главная страница
      http://www.base-ex.com/
      а вот страница из архивов
      http://www.base-ex.com/2015/06/
      я сделал как вы описали, теперь все классно, открываешь запись, название в шапке, переплывает в h2 в место h1, супер.
      но страницы которые в архиве, остаются с шапкой base-ex везде одинаковой(не только в архиве, там еще пара лазеек), возможно ли изменять автоматически тег h1? например на дату архива! Я думаю это выход, но как реализовать не знаю

      • Максим Зайцев От автора

        Яшар, да это возможно. Нужно условия прописывать для страниц category, но в этом нет никакого смысла. Так как архивы лучше закрывать от индексации, чтобы в поисковой выдаче не было дублей страниц.

        • Яшар

          Спасибо за совет, скорее всего так и сделаю. У меня часто возникают ситуации которые хочется поправить а опыта не хватает, вы платные услуги оказываете? писать вам на почту?

          • Максим Зайцев От автора

            Да, оказываю. Если будет нужна помощь, пишите на почту.

          • Максим Зайцев От автора

            Самый простой и быстрый способ решить все проколы WordPress — это использовать плагин Clearfy. Плагин платный, но стоит каждого рубля.

  • Ксенья Юрьевна

    Тему вам опять придется обновить, Максим, потому что сейчас ранжирование зависит от мобильности, а у вас сайт в телефон совсем не входит. Получается очень большая горизонтальная прокрутка. В обновленных темах все налаживается само собой. А вот с h1 ума не приложу, что делать. Ваш способ мне тоже не нравиться.

    • Максим Зайцев От автора

      Здравствуйте, Ксенья. Вы уверены, что речь идёт про мой блог. У меня 100% адаптивная тема. Возможно причина в вашем мобильном браузере. А по поводу заголовка, если способ не нравится, можно поискать шаблон с правильными тегами заголовков.

  • Эдуард

    Здравствуйте Максим, пытаюсь воспользоваться вашими советами и не как не получается. Делаю все так как в Вашей статье, можете посмотреть, буду признателен ? Может с шаблоном беда какая.

    • Максим Зайцев От автора

      Здравствуйте, Эдуард. Только по исходному коду в панели разработчика я не могу сказать в чём причина. Нужно знать, как организовано php построение шаблона. В исходном коде я вижу, что заголовок сайта и заголовок статьи не конфликтует, так что нет поводом для переживания.

      • Эдуард

        Я просто поменял вчера шаблон на старый с ним то все в порядке а вот с новым не совсем).
        У нового заголовки в шапке h1 ,в статьях h2, проблема заключается в том что нет нужного кода для изменения в файле single.php. Решил все делать через (header.php) как Вы написали в статье, но после изменения на сайте появляется пустота с ошибкой.Я сейчас поставлю проблемный шаблон) посмотрите плиз, ото всю голову сломал)

        • Максим Зайцев От автора

          Если кода нет в этих файлах, значит шаблон построен по современным стандартам, с помощью API ключей. И в таком случае этот способ не подойдёт. Нужно через функции темы реализовывать или искать файл в котором прописан этот код. В комментариях выше, я поделился функциями, которые использую сейчас в своей теме. Если выясните какой ключ у вас отвечает за вывод заголовка (мой tc_site_title_tag), то сможете использовать эту функцию в файле functions.php.

  • Тамара

    Добрый день, Максим! Хотела сделать исправления по вашей инструкции. В файле header.php не нашла вообще h1 Куда вставлять проверку if не знаю. Что мне делать? Боюсь все испортить. Мой сайт stamitravel.ru Помогите, пожалуйста.

    • Максим Зайцев От автора

      Здравствуйте, Тамара. По исходному коду я ничего не подскажу. Он уже трансформирован из php в html. Пришлите мне на почту файл header.php и я посмотрю где можно вставить функцию. А быть может в вашем шаблоне нужно будет уже добавлять функцию через файл функции темы.

  • Оксана

    Здравствуйте, Максим! Второй раз я с вами сталкиваюсь, спасибо вам большое, что так всё хорошо объясняете.
    Ковырялась я, ковырялась. В header.php не было у меня h1 совсем, поэтому я просто сделала как у вас. Ничего не получилось, по сайту pr-cy.ru проверяла, все равно говорит, что у меня нет тега h1, хотя я его вставила, ну, видимо, как всегда не так)))Отчаялась, не дано мне, наверное))

    • Максим Зайцев От автора

      Здравствуйте, Оксана. У вас на главной странице все анонсы имеют заголовки Н1, а надо Н2. Откройте файл index.php и исправьте Н1 на Н2. Если в этом файле нет тегов заголовка, значит нужно смотреть другой файл, отвечающий за формирование главной страницы. В самих же статьях всё правильно. То что нет заголовка сайта, это конечно не хорошо, но не критично, так как его заменяет логотип. Пробуйте, должно всё получиться.

  • Оксана

    Благодарю за потраченное на меня время! Будем пытаться разбираться в очередной раз))

    • Максим Зайцев От автора

      Желаю успеха, если нужен будет совет или помощь, обращайтесь!

      • Оксана

        Максим, я исправила h1 на h2 ура ура))) А это нормально, что заголовки анонсов статей на главной странице стали крупнее? Разве шрифт под тегом h1 не крупнее h2? И как вы думаете, всё-таки нужно заголовок главной страницы прописать?

        • Максим Зайцев От автора

          Оксана, стили под каждый тег разные. По идеи шрифт Н1 должен быть крупнее Н2, но стилями можно сделать и наоборот. Что до заголовка сайта, то да его можно сделать. Я бы в качестве заголовка сделал красную надпись, а описание синюю. Картинку с девушкой и флагом сделал бы отдельно и разместил с выравниванием по правому краю. В таком случае в статьях пришлось бы настраивать динамическую смену заголовков. Но, есть и другой вариант — микроразметка, где можно прописать заголовки и описание, которое будет видно для поисковиков, но не видно для посетителей. И это тоже отличный вариант. Но, это уже гораздо сложнее.

          • Оксана

            Мне дизайн в данный момент делают, так что он совсем по другому будет выглядеть через неделю-две))) Но все равно спасибо за информацию. Стану вашим постоянным читателем и буду у вас учиться всему. 🙂

          • Максим Зайцев От автора

            О, новый дизайн — это класс! Тогда сейчас ничего менять не надо. Я очень рад, что смог немного помочь, спасибо за доверие. Желаю удачи!