Оптимизация заголовков H1-H2-H3 на WordPress!

Здравствуйте дорогие друзья!

Наконец то я написал эту статью, очень долго собирался и медленно писал.

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

Поисковые системы особое внимание уделяют к тегам H1 и правильности расположения их на странице. Наличие более 4 тегов не желательно иметь на странице (заголовок H1 должен быть один на странице) и обязательно должны быть расставлены в порядке возрастания без пропусков ( H1-h2-h3-h4-h5-h6).

В этой статье, я постараюсь как можно подробнее объяснить, как правильно расставить заголовки H1-H2-H3 и настроить стили для них, а также рассмотрим заголовок H1 в шапке сайта при нахождении на других страницах сайта.

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

Тега H1 не должно быть больше одного и он находится вверху страницы — это основной заголовок сайта, статьи или страницы!

Тут, палка о двух концах! Если вы продвигаете основную страницу сайта, то заголовок сайта (название — логотип) должен быть на всех страницах H1, или если у вас одно-страничный сайт. А если вы хотите продвигать статьи и страницы сайта, то у них заголовок должен быть с тегом H1, но заголовок сайта должен быть основой, главным названием и описанием сайта — это же Имя сайта!

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

Правильная оптимизация заголовков на сайте

Для начала проверьте главную страницу. Воспользуйтесь сочетанием клавиш «ctrl+u» и откроется страница с исходным кодом. Сочетанием клавиш «ctrl+f» откройте поиск, введите H1 и нажмите «enter».

Оптимизация заголовков

На главной странице у меня есть один тег H1 у заголовка сайта, если у Вас вообще его нет, то нужно прописать этот тег. В строке поиска указано, что 1 из 2, это значит, что один открывающий, а другой закрывающий тег, мы считаем их за один. Заголовки постов в ленте у меня с тегом H2, сколько статей в ленте, столько и тегов H2.

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

 

В ленте у меня отображается 7 статей (то есть 7 тегов H2), остальные 4 тега сделаны для рубрик в виджетах, но я их переделаю с тега H2 на H3, так будет правильнее. Получится, что у меня сверху вниз идут, сначала шапка H1 потом статьи H2 и рубрики H3, так должно быть и у вас.

После того, как проверили главную страницу своего сайта, переходите к статьям и страницам.

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

Получается, что когда роботы Яндекса и Гугла сканируют сайт, на главной странице они видят заголовок завернутый в тег H1 и они понимают, что это основной заголовок первой категории, тоже самое и в статьях (заголовок статьи считают основным).

Исходный код статьи (шапка сайта):

Тег H1 шапки сайта

 

Исходный код заголовка статьи:

Оптимизация заголовков статей

 

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

Переходим к делу!

Как сделать тег H1 у заголовка сайта!

Мне как раз попал в руки сайт ege-ok.ru/, у которого нужно оптимизировать заголовки на всех страницах, на нем и буду показывать как все это организовать.

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

Проверяем заголовок шапки сайта («ctrl+u» и «ctrl+f») вводим в строку поиска H1 и жмем «Enter». Как видим шапка сайта имеет заголовок первой категории.

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

 

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

Делаем следующее.

Прежде чем начать редактировать, сохраните все копии файлов, которые будете изменять!!!

Заголовок сайта обычно прописан в файле Header.php, откройте его для редактирования через редактор в консоли или Ftp менеджер. Найдите строку похожую на эту:

Правка шаблона

 

Теперь нужно обернуть всю строку этим кодом:

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

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

После этого кода ставим вот такой:

и получается вот так:

Этот код означает, что когда открыта статья или страница у заголовка сайта не будет тега, или можете поставить H2. Вместо тега H1 я сделал тег <p>, вы можете заключить в H2. К  новому тегу я сделал отдельные стили, но об этом дальше.

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

H1 у заголовка сайта

 

Исходный код заголовка сайта при открытой статьи или страницы:

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

 

Исходный код статьи:

H1 у заголовка статьи или страницы

 

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

Меняем заголовки статей и страниц на H1

Как известно статью выводит файл single.php, а страницы page.php, их мы и будем править.

Открыв любую статью на своем сайте посмотрите с каким тегом выводится заголовок, если H1, то ни чего не меняем, а если нет, то открываем файл single.php.

Заголовок статьи Находим данную строку и меняем на H1.

Сохраняем, обновляемся и смотрим результат. Измененные стили поменяем позже.

Тоже самое проделываем со страницами сайта, изменив файл page.php.

Если на главной странице заголовки в ленте статей не H2, то отредактируйте файл index.php. Если не хотите чтобы в ленте заголовки были H2, то вместо H поставьте <p>.

В результате у Вас должно получиться: заголовок главной H1, заголовки в ленте H2, заголовки статей H1, заголовки страниц H1. Уверен у Вас это получилось.

Установка стилей для новых заголовков.

Для начала проверьте какой файл style.css используется на Вашем сайте. На этом шаблоне использовались стили, которые я так и не нашел. Для того чтобы работал стандартный файл стилей, я прописал в файл header.php вот такую строку:

После этого условия, я смог спокойно изменять все что пожелаю.

Для того чтобы все было аккуратно и красиво смотрелось необходимо установить новые стили для наших заголовков. Если у Вас особо ни чего не изменилось, то вообще супер, у меня было после изменения тегов, все съехало. За стили отвечает файл style.css

Если вы хоть немного разбираетесь в CSS, то не особо сложно все будет сделать.

Добавляем стили для заголовка главной страницы. Правой кнопкой щелкните по заголовку и выберите — просмотр кода элемента. В открывшемся окне можете посмотреть какие стили установлены для заголовка и его ссылки.

Установка стилей

 

В этом же окне (в правой части со стилями) вы можете делать временные изменения и смотреть в онлайне, что именно меняется. Я у себя уже изменил, сейчас объясню что я менял.

Откройте файл style.css, нажмите сочетание ctrl+f для поиска своего стиля (например — logo), нужно найти часть кода стилей, какую вы видели в коде своей странице. В коде элемента видно, что за вывод ссылки отвечает <div id="logo">...</div>, а ссылку я заключил в тег <p>...</p>. В правой части я создал отдельный стиль для этого контейнера ID (#logo p a). Между скобками устанавливаем все что нужно:

Если проще, то я просто скопировал ранее используемые стили этого заголовка и добавил (p):

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

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

Стили заголовков wordpress

Откройте файл single.php и создайте новый class или контейнер ID, или найдя нужный стиль заголовка в файле style.css, просто исправьте его. Я сделал новый <div class="poster_span>...</div>, назвать класс можете как желаете, главное точно такой же создать в стилях, иначе не будут стили работать.

Открываем файл style.css и пропишите класс со стилями, можете в любом месте, но чтобы проще было найти их потом, то пишите там где стили постов. Класс пишется так (.poster_span {, а если контейнер ID то так: #logo { ) Пример моего стиля:

ID и class заголовков

Сохраните, обновите и посмотрите результат. Может сразу не получиться, лично мне пришлось повозиться со стилями.

Давайте еще попробуем (для усвоения информации) сделать изменение стилей заголовка статьи в онлайн и после этого в файле стилей закрепить эти изменения.

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

Смотрите скриншот:

Изменение стилей у заголовка статей

 

За вывод стилей заголовка у меня отвечает как вы помните класс — контейнер <div class="poster_span"...</div>, и если на него нажать то появятся стили этого блока, а вы найдите свой.

Контейнер стилей

 

Появились стили у моего блока, и я могу их изменять прямо в этом окне, но после нужно изменить в файле style.css и сохранить. Для этого например кликну на размер 25px и поставлю 15px, а цвет сделаю черным.

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

 

Теперь все изменения нужно занести в файл style.css. Найдите нужный класс, который отвечает за стили заголовка, в моем случае это — poster_span и добавьте новые стили. Таким образом можно изменять все что угодно на сайте.

В заключении записал для Вас 5-минутное видео, как изменить стили для заголовка, если в статье не разобрались. Видео записываю впервые, так что оно не очень качественное получилось! ;) Буду практиковать запись видео в дальнейшем. Возможно будут проблемы со звуком, наушники помогут.

 

Предыдущая статья: «Автоматическое и ручное обновление сайта на WordPress!»

 

заказать сайт на wordpress

Комментарии 54 комментария

  • Я пока ещё мало понимаю в оптимизаций! Почитав Вашу статью,Вы всё подробно описали,позже разберусь в этом нелёгком деле! Буду советоваться с Вами Денис,если что! Не возражаете? Потому что специалистов в наше время ох как мало!

    • Алексей обращайтесь, чем смогу помогу ;)

  • Кстати с сегодняшнего дня,то есть с 1 марта 2015 года, я открываю свой блог,прошу строго не судить если что не так,я с удовольствие выслушаю в комментариях о своих недостатках на блоге! Милости прошу idem-vpered.ru

    • Обязательно зайду!!! И Вас поздравляю с наступлением весны, дождались наконец ))

  • Алексей и Константин, что ж вы так? У нас у всех было по 44 коммента, а вы по жадничали.

  • Спасибо за полезную и интересную статью!

  • Добрый день!

    Я новичок в вордпрессе.

    По Вашей статье получилось исправить заголовок — теперь он только на главной странице отображается как h1. Большое спасибо за эту информацию!

    А вот заголовки постов на главной странице не смогла исправить на h2 — пока остались как h1. По Вашей рекомендации открыла файл index.php, но у меня там нет заголовков h1, поэтому не знаю как в этом файле исправить заголовки постов с h1 на h2. Подскажите пожалуйста, в каком еще файле их можно найти и исправить, чтобы только на главной странице заголовки постов были h2, а на остальных страницах остались как сейчас h1?

    И еще в правом сайтбаре как сделать, чтобы заголовки-ссылки были h4?

    И еще может быть подскажете, как мне в постах заголовки h3 ставить, вроде бы шаблоном они не предусмотрены — в редакторе нет опции, чтобы присвоить тексту h3 заголовок?

    Заранее спасибо за ответы!

    • Здравствуйте Дарья! У каждого шаблона свои особенности, инструкция была сделана для большинства шаблонов, но есть и такие шаблоны как у Вас. В вашем случае нужно вручную просматривать каждый файл, чтобы найти нужный элемент. Если посмотреть на исходный код элемента заголовка в ленте, то Вам нужно найти в файлах шаблона class="entry-header" именно он отвечает за заголовок постов на главной странице. Откройте редактор файлов и с помощью поиска ctrl+f проверьте каждый файл на его наличие, скорее всего он находится в файле header.php. В файле single.php (у вас может быть по другому называется) — это файл отвечающий за вывод статьи, нужно этот класс оставить в формате <h1></h1>. Желаю удачи.

  • Большое спасибо! Все получилось — теперь все заголовки в полном порядке!

    Вот только еще хочу Вас спросить, как убрать какой-то непонятный текст под комментариями к постам. Текст такой "Можно использовать следующие HTML-теги и атрибуты: <a href="" title="" rel="nofollow"> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>"

  • Найдите в файле стилей (style.css) вот такой класс — .form-allowed-tags и добавьте свойство к нему — display: none; Обновите файл и этот текст не будет показываться.

  • Спасибо, Денис! Снова все получилось благодаря Вашему совету.

    Стала дальше разбираться и такая проблема возникла:

    Установила я плагин на вордпресс DudaMobile Website Developer для мобильной версии сайта. Не понравился, а теперь удалить его никак не могу :- ( Из вордпресса удалила, а у меня все равно на телефоне сайт через этот плагин показывается.

    Попробовала по инструкции DudaMobil-я найти в файлах index.html, index.php и default.asp ссылку на редирект на DudaMobile Website Developer не нашла такой ссылки. И вот этого файла не нашла default.asp

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

    • Проблема возможно связана с кэшем, надо на телефоне зайти в настройки и очистить историю, кэш, куки. После этого должно все нормально быть. Если вы удалили данный плагин, то он не должен срабатывать.

  • А лучше не использовать плагины для мобильной версии, я бы посоветовал сделать адаптивную верстку сайта с помощью CSS, если сами не знаете как это сделать, то можете заказать на фрилансе. Это лично мое мнение...

  • Денис, спасибо! С плагинами все как то само собой решилось, теперь нормально показывается. Но после обновления вордпресса у меня снова вылез лишний h1 причем только на страницах постов. На главной странице все в порядке — один заголовок h1 так и остался.

    Сделала как Вы научили ctrl+u и ctrl+f вот такой код появился на всех страницах:

    Post navigation

    Через тотал коммандер поискала класс class="screen-reader-text". Тотал коммандер написал, что этот код находится в footer.php.

    Зашла в footer.php своей темы, там этот код есть, но про h1 ничего не написано.

    Подскажите, пож-та, Денис, как убрать этот появившийся второй заголовок h1?

    • Поищите еще и в других файлах :navigation post-navigation или screen-reader-text где то должен быть еще данный код находиться! Если не найдете напишите мне название вашей темы или пришлите архив темы.

    • Данный код находится в файле — comments.php на 35 и 53 строке! Измените на — <h2> или на — <p> должно получиться.

  • Добрый день! Денис, в файле comments.php исправила заголовки в 35 и 53 строке на h3. Но почему то не сработало. Неужели еще где-то прописан h1 заголовок этим комментам?

    Тема у меня называется penscratch.1.0.3

    Подскажите, пожалуйста, где еще может в этой теме прятаться этот лишний h1 заголовок.

    • Здравствуйте Дарья! Проверьте еще следующий файл, там видимо тоже есть данный класс...

      C:\Users\Дэн Станиславович\Desktop\penscratch\inc\template-tags.php (2 hits) Line 27: <h1 class="screen-reader-text"><?php _e( 'Posts navigation', 'penscratch' ); ?></h1> Line 58: <h1 class="screen-reader-text"><?php _e( 'Post navigation', 'penscratch' ); ?></h1>

      Данный класс есть в этих файлах шаблона, больше нигде нет. Если изменить строки в файлах comments и template-tags, то должно получиться.

      C:\Users\Дэн Станиславович\Desktop\penscratch\footer.php (1 hit) Line 27: < ?php wp_nav_menu( array( 'theme_location' => 'social', 'depth' => 1, 'link_before' => '', 'link_after' => '', 'container_class' => 'social-links', ) ); ?> ======================================================================= C:\Users\Дэн Станиславович\Desktop\penscratch\header.php (1 hit) Line 23: ======================================================================= C:\Users\Дэн Станиславович\Desktop\penscratch\rtl.css (3 hits) Line 47: .screen-reader-text:hover, Line 48: .screen-reader-text:active, Line 49: .screen-reader-text:focus { ======================================================================= C:\Users\Дэн Станиславович\Desktop\penscratch\style.css (4 hits) Line 360: .screen-reader-text { Line 365: .screen-reader-text:hover, Line 366: .screen-reader-text:active, Line 367: .screen-reader-text:focus { ======================================================================= C:\Users\Дэн Станиславович\Desktop\penscratch\comments.php (2 hits) Line 35:

      < ?php _e( 'Comment navigation', 'penscratch' ); ?>

      Line 53:

      < ?php _e( 'Comment navigation', 'penscratch' ); ?>

      ======================================================================= C:\Users\Дэн Станиславович\Desktop\penscratch\inc\template-tags.php (2 hits) Line 27:

      < ?php _e( 'Posts navigation', 'penscratch' ); ?>

      Line 58:

      < ?php _e( 'Post navigation', 'penscratch' ); ?>

      ======================================================================= Search "screen-reader-text" (11 hits in 5 files)

      Чтобы найти нужный класс в файлах шаблона можно сделать так, выбрать все файлы и папки шаблона и просто перетащить их в свой редактор (я пользуюсь notepad++).

      Далее нажимаете сочетание ctrl+f и в строке поиске пишите свой класс, далее выберите пункт — найти во всех открытых файлах.

  • Денис, спасибо большущее! Помогло. Теперь все в порядке с h1.

    • Рад был помочь!!!

  • Денис, у меня снова проблема :- (

    Видимо у меня тема ворпресса какая-то заколдованная и я совсем не программист и никак не могу с ней сладить.

    Сделала я рубрики в своей теме. И вот как получилось: на главной странице один заголовок h1, на страницах статей — один заголовок, а на страницах рубрик — два заголовка h1.

    У меня сейчас 3 рубрики — они располагаются в виде горизонтального меню: «красивая фигура», «нежная кожа», «здоровые волосы».

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

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

    Как сделать, чтобы страница рубрики не идентифицировалась как главная и заголовок сайта не становился на этой странице h1?

    • Данная обертка отвечает только за страницы сайта (не за рубрики). Если нужно чтобы при переходе на рубрику <H1> был один на странице, то найдите файл, который отвечает за вывод рубрик и измените тег <H1>, в данном случае будет показан заголовок <H1> — 1 (только заголовок сайта). То есть получиться что, на всех страницах сайта (кроме страниц статей) будет 1 — заголовок сайта в <H1>, а при переходе в статью заголовок статьи будет <H1>. Также проверьте все страницы сайта на наличие одного основного заголовка в том числе архивы, метки и поиск по сайту.

  • Денис и еще два вопроса.

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

    • Что касается урлов. Во первых установите плагин «RusToLat» если еще не установлен. Урлы не должны быть написаны на русском, а плагин будет переводить в транслит.

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

  • Здравствуйте Денис! У меня на любой странице сайта прописывается следующий код:

    а на главной он идёт в h1. Не подскажите можно его удалить со страниц и где это искать приблизительно?

    • Здравствуйте Антон! Ссылку на сайт укажите...

  • Извиняюсь, тупанул, что сразу не указал...

  • Здравствуйте, Денис! Все как Вы написали поправила. Я даже не знала, что можно анонсы настраивать — спасибо!

    Но вот с h1 заголовком в рубриках мне хотелось бы по другому решить. А именно — обертку заголовка сайта скорректировать так, чтобы на рубриках и подрубриках заголовок сайта не становился h1. А название рубрики и подрубрики осталось h1.

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

    Например, если рубрика будет с h1="красивые волосы", в анонсы разных статей по уходу за волосами я добавлю КС «красивые волосы», то у меня эта рубрика прекрасно будет продвигаться по КС «красивые волосы», а отдельные статьи будут уже по конкретным проблемам — про «выпадение волос», про «уход за волосами» и т.п.

    Есть какой-нибудь способ так сделать обертку?

    • Здравствуйте Дарья! Правильно сделать так как вы хотите не получится, если только заказывать отдельную верстку кода у фрилансеров! Лучше всего вместо категорий сделать страницы — они уже будут в <H1>, а в настройках сео выбрать пункт — переводить рубрики и метки в ключи.

      Скоро выйдет один супер курс по продвижению сайтов, с помощью которого Вы сможете продвинуть свой сайт ОГО-ГО как. Если Вам интересно, то я Вам сообщу когда он выйдет, но курс будет платным...

  • Добрый день, Денис! А без вмешательства в код страница можно из категорий сделать страницу? Что-то в настройках нужно поменять или плагин подключить для перевода категорий в страницу?

    Про супер курс да сообщите, есть интерес.

  • Здравствуйте Дарья! Я так и не понял, зачем Вам нужно переводить рубрики в страницы!? Если только для того, чтобы сделать заголовок рубрики в <h1>, то не стоит этого делать, поверьте мне. Если помучиться, то все же это можно сделать, для этого нужно будет править шаблоны, которые отвечают за вывод рубрик или добавлять новые шаблоны. Я занимаюсь продвижением двух сайтов с посещаемостью в 6-10 тысяч в сутки, и я не рекомендую изменения заголовка у рубрик, это в дальнейшем может плохо сказаться. Если очень хотите это сделать, то как вариант можно добавлять вместо рубрик страницы, а чтобы на странице была лента статей (по умолчанию нет ленты), нужно будет подправить шаблон страниц и сделать вывод ленты. Страницы продвигаются лучше и быстрее чем рубрики!!!

  • Спасибо за ответ, тогда лучше не буду трогать рубрики.

  • Добрый день, Денис !

    Чувствуется рука хорошего специалиста. Есть всё для более менее знающих вебмастеров. Я хоть и пенсионер, но пока ещё молодой в этих знаниях и очень хотел бы просить Вас помочь мне наладить главную страницу. Моему сайту 1 год с небольшим. Проблема именно в оптимизации заголовков H1-H2-H3 на WordPress.

    data2.floomby.com/files/share/5_12_2015/13/iH1CsTkUUyFDQdcNYzyIQ.jpg

    Помогите пожалуйста !

    С уважением, Г. Лавринов !

    • Здравствуйте Геннадий Сергеевич!

      Спасибо за Комплимент ))

      Отвечу Вам в ближайшее время на e-mail.

  • Здравствуйте Денис! Спасибо за такую полезную и подробную статью, с вашей помощью изменила заголовки статей и страниц, теперь осталось разобраться со стилями.

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

    • Здравствуйте Ильмира!

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

  • Денис здравствуй! что то я в край запутался((( помоги мне в решении пожалуйста( Уже столько шаблонов поменял ни как я с этими заголовками не разберусь. Если не трудно просто глянь на мой сайт (на заголовки) и скажи стоит ли с этим шаблоном заморачиваться. Спасибо.

    • Здравствуйте Максим! Идеальный шаблон — это сделанный на заказ. Заголовки в шаблоне, который стоит сейчас у тебя настроены правильно. На любой странице сайта заголовок h1 должен быть только один. Я рекомендую убрать ссылку с заголовка в статье, 2-й подзаголовок написать в виде текста (не в h2) — у тебя сразу идут несколько заголовков в статье, убрать ссылку с автора (если автор на сайте один), сделать частичный перевод шаблона, закрыть ссылки на автора комментария. Вот сайт с таким же шаблоном — исправленный abyssian.ru

  • Спасибо за оперативную помощь Денис! Эт я заголовки пол ночи точил, видимо получилось. С переводом вот заминка немного((.

  • Да четко тот сайт abyssian.ru построен, мне пилить и пилить...

  • Денис, спасибо Вам за помощь! Так и сделаю.

  • Сейчас в бесплатных шаблонах можно встретить в коде несколько H1, новичок даже не знает об этом, развивает себе блог, потом вдруг АГС. А это одна из причин, можно сказать.

    • Полностью согласен с Вами, поэтому нужно сразу проверять шаблон на подобные косяки...

  • Здравствуйте Денис. Очень интересная и информативная статья.Но в связи с тем, что я только начинаю познавать все секреты веб мастерства, так как блог только запускаю, у меня так и не получилось изменить теги h1,2,3,4 в заголовках своих статей.Подскажите мне пожалуйста, где необходимо проставить коды и какие, что бы тег h1 был заголовок статьи, а при этом все остальные записи на странице были либо h2, либо без теговые.

    Заранее спасибо, с уважением Александр Иванов.

    • Добрый день Александр! Спасибо, но видимо не совсем понятно все объяснял )))

      Найдите место где у вас выводится основной заголовок и описание сайта и вставьте на то место этот код

      <?php if (!is_single () && !is_page ()) :?><h1 id="site-title"><span><a itemprop="url" 0="" 1="echo" 2="esc_url(" 3="home_url(" 4="'/'" 5=")" 6=");" 7="?" rel="nofollow">" rel="home"><span itemprop="headline"><?php bloginfo( 'name' ); ?></a></span></span></h1> <?php endif; ?> <?php if (is_single () || is_page ()) :?><h2 id="site-title"><span><a itemprop="url" 0="" 1="echo" 2="esc_url(" 3="home_url(" 4="'/'" 5=")" 6=");" 7="?" rel="nofollow">" rel="home"><span itemprop="headline"><?php bloginfo( 'name' ); ?></a></span></span></h2> <?php endif; ?> <h3 id="site-description"><span itemprop="description"><?php bloginfo( 'description' ); ?></span></h3>

      Обязательно замените все id и class на свои, потому что этот код взят с другого сайта.

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

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

      И внимательно, аккуратно все делайте не задевая всяких кавычек, скобок и всяких точек с запятыми. Если нарушите структуру html кода, то будет ошибка, а то и вообще сайт сломаете... Сделайте резервные копии файлов на всякий случай...

  • Еще раз прошу прощения за назойливость, но что то я совсем запутался. Это мой шаблон header.php :

    <html >

    <meta charset="">

    <link rel="pingback" href="">

    <body >

    <a href="" title="« rel=»home">

    <img src="" width="width; ?>" height="height; ?>" alt="«>

    <a href="» title="« rel=»home">

    Toggle navigation

    не могу разобраться куда вставить код, который Вы прописали. ) HELP MI PLIZZZZZZZ (SSSS) _))))

  • Здравствуйте Денис! Просто ОГРОМНОЕ Вам спасибо за помощь, по настройке тегов h1,2,3,. Все работает просто отлично. Удачи Вам и побольше благодарных подписчиков.

  • Здравствуйте Денис! У меня на сайте в статьях заголовок сайта в H1, а заголовок статьи в h2. Пробовал переделать по Вашей статье, обернул код своего сайта кодами которые приводите Вы, но проверка показывает что ничего не изменилось. Заголовок сайта в h1. Не посмотрите почему? Адрес сайта в подписи.

    • Здравствуйте Алексей!

      Пришлите мне на почту blogorazvitie@mail.ru архив шаблона и я посмотрю в чем проблема.

  • Денис, архив шаблона отправил Вам на почту.

    • Уже отправил Вам обратно на почту ))

  • А как поменять h1 на h2 у анонсов статей? Не могу найти в каком файле это сделать.

    • Здравствуйте Ольга! Для начала нужно выяснить какой класс или идентификатор отвечает за вывод заголовка в анонсе, а потом через поиск в notepad найти этот класс и заменить теги.

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

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

четыре × один =