Тег h1 вордпресс. Как уменьшить высоту блока с изображением заголовка? Для чего вообще нужны заголовки
Здравствуйте, уважаемые читатели блога сайт. Сегодня я хочу продолжить тему настройки блога на WordPress, которую развиваю в серии публикаций одноименной рубрики. В принципе, все их можно разделить на те, которые направлены на улучшение внешнего вида и функциональности блога, а так же на те, которые способствуют улучшению поисковой оптимизации и, как следствие, способствуют его продвижению.
Но в силу последних тенденций развития поисковиков, которые выражаются в пристальном внимании к поведению пользователей на продвигаемом сайте (), все ваши действия, направленные на создание удобной навигации (данные вопросы подробно освещены в ) и повышение его общей привлекательности, можно будет тоже расценить как поисковую оптимизацию.
Оптимизация WordPress для улучшения его продвижения
Получается, что практически любые действия, совершаемые вами для повышения функциональности и удобства пользования вашим проектом, в конечном счете могут довольно существенно повлиять на его позиции в выдачах Яндекса или Гугла, что приведет к увеличению посещаемости за счет трафика с поисковиков («большой брат» следит за нами). Да и сами пользователи, оценив ваши труды, будут чаще заходить на огонек.
Сегодня я хочу поговорить про оптимальную структуру Html тегов заголовков, которые используются в вашей теме оформления и про то, какой способ вывода статей в рубриках (категориях), архивах тегов или же временных архивах будет наиболее приемлемым именно для вашего блога. Эти настройки, пожалуй, не являются первостепенными и многими попросту игнорируются, что, на мой взгляд, не правильно.
В оптимизации нет мелочей. Любой из тех факторов, по которым поисковые системы оценивают релевантность страниц вашего ресурса тому или иному запросу, по своему важен.
Вам, наверное, известно, что по общепринятому мнению заголовок статьи должен быть заключен в тег H1 и, что немаловажно, он должен быть «голым» , т.е. его Html тег не должен включать в себя различные , а так же не должен быть и ссылкой, что довольно часто встречается в WordPress блогах.
В этой статье мы рассмотрим, как довольно просто и наглядно можно увидеть заголовки всех уровней, которые у вас используются, а так же рассмотрим, как можно устранить замеченные несоответствия в настройках вашей темы. Для многих пользователей Вордпресса эти вопросы и их решения уже не вызывают каких-либо сложностей, но для начинающих блогеров, думаю, материал будет интересен (я и сам в первую очередь озаботился именно этими вопросами).
Второй же аспект настройки, который я хочу осветить в этой статье, касается способов вывода материалов статей в категория WordPress, ну и то же самое можно отнести и к выводу материалов в архивах тегов и временных архивах. Но, как правило, для индексирования поисковыми системами открывают чаще всего именно содержимое рубрик, а теги и временные архивы закрывают от индексации.
Делается это во избежании замусоривания индекса неполными дублями контента. Ведь поисковики могут обидиться и понизить ваш ресурс в выдаче, тем самым уменьшив трафик и общую посещаемость блога. А ведь нам совсем не хочется этого, поэтому аккуратненько ставим себе незаменимый инструкцию по его настройке.
Именно All in One SEO Pack позволит вам сделать самые основные и судьбоносные SEO настройки WordPress, позволяющие существенно улучшить внутреннюю оптимизацию вашего блога и тем самым заслужить расположение поисковиков (они во всяком случае от вас не отвернутся).
Ну, а если вы при написании каждой новой статьи будете еще и добавлять уникальное и релевантное контенту содержимое мета тегов Title и Description (окно с этими полями добавит упомянутый плагин в админку), то и вообще у вас все здорово будет в плане внутренней поисковой оптимизации блога.
Но нет предела совершенству, поэтому нужно будет сделать еще пару штрихов в создании привлекательного образа блога для поисковых систем и посетителей. И начнем, пожалуй, с заголовков статей, которые формирует ваша тема.
Настройка правильных заголовков H1, H2, H3 в Вордпрессе
Есть очень удобный в использовании . Он может сильно облегчить вам работу, ибо включает в себя массу инструментов на все случаи жизни верстальщика.
Есть в Web Developer так же возможность выделить все заголовки на открытой в браузере вебстранице с указанием их уровня. Для этого вам, после установки плагина, нужно будет найти на его панели пункты «Контуры» — «Контуры заголовков», и если в это время у вас была открыта страничка вашего же блога в браузере, то вы наглядно увидите в каком месте вашей темы какие уровни заголовков используются.
У меня, как вы можете видеть, все не совсем так, как я вам только что рассказывал. H1 у меня является одинаковым для всех страниц, а заголовки статей заключены в H2. Но сам тег H2 у меня «голый» и не является ссылкой, хотя изначально был ею, что довольно часто встречается во многих темах для Вордпресса.
Обратите внимание, что мы оптимизируем именно страницы со статьями, а не главную. По большому счету, нам должно быть наплевать на поисковую оптимизацию главной, ибо она динамически изменяется с появлением новых материалов на блоге и к тому же содержит в себе фактически неполные дубли контента (анонсы).
Да, кончено же, большая часть внешних обратных ссылок на ваш сайт будет идти именно на главную, но для этого и служит внутренняя перелинковка, которая позволит статическому весу, передаваемому по ним, равномерно перетечь на страницы со статьями, которые мы совершенно бесплатно можем продвигать по .
Для большинства оптимизация под НЧ является вполне логичным и, главное, практически . Для этого вам нужно будет поработать со статьями вашего блога, создать разветвленную , ну, и получить .
Все, этого будет достаточно для попадания в топ по НЧ. Да, конечно же, трафик по ним будет не велик, но ведь и статей у вас на проекте будет не одна штука.
Так вот, все, что я говорил про настройку заголовков в теме WordPress, в первую очередь относится к страницам со статьями. Именно для них нам нужно будет убрать ссылку с заголовка статьи и сделать его H1 в случае, если это не так.
Настроить уровни довольно просто. Для этого вам потребуется подключиться по FTP к блогу и открыть на редактирование файл из темы оформления WordPress ( подробно описано их устройство, так что в случае непоняток не примените ознакомиться), отвечающий за формирование страниц со статьями — single.php, который вы сможете найти в каталоге:
/wp-content/themes/папка с темой/
В оригинальном single.php используемом мною были прописаны для заголовков материалов теги H3, что было совсем не хорошо для оптимизации моего блога. Кроме этого, внутри H3 был еще прописан код ссылки, ведущей на эту же самую статью:
" rel="bookmark" title="Постоянная ссылка: ">
Было достаточно всего лишь заменить H3 на H1 и убрать Html код гиперссылки, описанный , и получилось все как надо:
Не смотрите, что у меня стоят теги H2 вместо разрекламированных H1 — это я просто ступил в самом начале работы над своим блогом, а исправлять сейчас сложившуюся ситуацию стремно, ибо не знаю как отреагируют на это поисковые системы и в особенности Google, т.к. очень уж он капризно ведет себя в последнее время.
В общем, девиз SEO настроек темы WordPress таков — долой ссылки из заголовка статьи и да здравствует H1 в заголовках. Ура, товарищи. Давайте теперь плавно перейдем ко второй теме сегодняшней статьи — настройка вывода категорий.
Настройка вывода статей в категория WordPress (the_excerpt)
Конечно же, те, кто хорошо знаком с великим и ужасным кодексом Вордпресса, вряд ли будут испытывать трудности с тем, чтобы настроить вывод рубрик (их еще иногда называют категориями) в том виде, какой им покажется наиболее подходящим. Но вот нам с вами, уважаемые читатели, особо не знакомым с тонкостями и нюансами закулисной настройки (не через админку), эта задача поначалу можете показаться сложноватой.
Но это если не знать про существование кодекса WordPress , а вот если знать где искать, то тут даже и плохое знание английского вряд ли будет сильно мешать. Вот можно почерпнуть всю необходимую информацию по настройке вывода категорий.
Давайте сначала вспомним устройство темы и посмотрим, какие файлы могут отвечать за вывод рубрик на страницы блога.
Для этого вам нужно будет ознакомиться с этим в приведенной чуть выше ссылке. В моей теме за вывод категорий отвечает файл archive.php.
По умолчанию, в этом файле за вывод статей из определенной рубрики отвечала функция (это всего лишь слово такое устрашающее, а на самом деле ничего сложного) the_content ():
Получалось в результате не очень информативно и удобно (особенно, если тег MORE вы не использовали), а самое главное, такой способ вывода рубрик в WordPress приводил к неполному дублированию контента на главной и в категориях (а так же в архивах).
Поэтому я, во-первых, закрыл от индексации страницы с временными и теговыми архивами через упомянутый выше плагин All in One SEO Pack:
Ну, и сделал вывод статей в категориях более компактным, добившись тем самым не только удобства в навигации по WP блогу, но и значительно уменьшив степень неполного дублирования контента. Причем, сделать эту настройку очень просто — достаточно заменить в файле archive.php код функции the_content () на the_excerpt () :
В результате после внесенных изменений, категории будут выводиться в виде кликабельных заголовков статей с небольшим текстом (55 первых слов статьи) с вырезанными картинками и Html тегами. В конце будет стоять многоточие, как символ неоконченности текста [...].
Но это будет справедливо только в том случае, если при написании статьи вы не заполняли поле «Цитата» в админке WordPress. У меня как-то случайно скопировалась пара слов в «Цитате» и я не мог понять, почему для этой статьи в категории выводится такой короткий и не понятно откуда взятый фрагмент.
Т.е., при желании, вы можете сами управлять тем текстом, что будет отображаться под заголовками статей при просмотре рубрик, регулярно прописывая этот текст в поле «Цитата» для каждой статьи при ее написании или редактировании. Лично я с этим не заморачивался, но таким образом вы полностью уникализируйте содержимое категорий.
Да, если вы вдруг в админке не обнаружите поля для ввода цитаты, то вам нужно будет щелкнуть по кнопке «Настройки экрана», расположенной в верхнем правом углу, и поставить галочку напротив «Цитата» в выпавшем окне:
Если с написанием цитат для каждой статьи вы заморачиваться так же как и я не хотите, то все равно существует возможность задать если уж не сам текст, то хотя бы определить количество слов , которое будет браться из начала статьи. По умолчанию их 55, но можно задать столько, сколько будет нужно именно вам.
Для этого вам потребуется открыть на редактирование functions.php из папки с вашей темой (если этого файла нет, то создайте его и закиньте на сервер) и добавить в его конце следующий код:
где вместо 30 вы можете поставить нужно вам число слов, отображаемое на страницах рубрик WordPress под заголовками статей.
Если заголовки статей у вас такие же длинные, как и меня, то в категориях можно ограничиться определенным количество первых слов заголовка . Для этого вместо the_excerpt () вставьте:
А в файл functions.php добавьте следующую функцию:
Function do_excerpt($string, $word_limit) { $words = explode(" ", $string, ($word_limit + 1)); if (count($words) > $word_limit) array_pop($words); echo implode(" ", $words)." ..."; }
Остальные прибамбасы, которые можно прикрутить к функции the_excerpt (), вы можете посмотреть на соответствующей странице кодекса WordPress . На сегодня все, удачного вам продвижения и благодарных читателей.
Удачи вам! До скорых встреч на страницах блога сайт
Вам может быть интересно
Как создать список статических страниц в WordPress с помощью wp_list_pages (улучшаем заработок на вечных ссылках и статьях)
Как автоматически добавить атрибут Alt в теги Img вашего блога на WordPress (там, где их нет)
Настройки блога на WordPress, которые вы должны сделать сразу после его установки
Как отключить комментарии в WordPress для отдельных статей или всего блога, а так же убрать или наоборот подключить их в шаблоне
Пропало левое меню в админке WordPress после обновления
Пустая страница при просмотре больших постов (статей) в WordPress
Где скачать WordPress - только с официального сайта wordpress.org
Снижение потребляемой в WordPress памяти при создании страниц - плагин WPLANG Lite для подмены файла локализации
Hyper Cache - включаем плагин кэширования в Вордпресс для оптимизации WP блога и снижения его нагрузки на сервер хостинга 
Оптимизация темы (шаблона) WordPress для снижения его нагрузки на сервер хостинга, плагин WP Tuner и число запросов к БД
Всем привет!
[Обновлено: недавно я написал более свежий урок про , обязательно ознакомьтесь с ним тоже].
То есть для того, чтобы взять текст в тег h1 нам нужно:
- Выделить необходимый текст.
- Там, где задается форматирование (см. картинку выше) нажать на выпадающий список.
- Найти пункт “Заголовок 1”.
Аналогично обстоят дела с тегами h2, h3, h4 и далее:
Правильные заголовки WordPress для грамотной SEO оптимизации
Тег h1 обычно используют для задания заголовков. То есть в идеале, как я считаю, на странице поста тег h1 должен встречать только 1 раз . Скажу так: поисковики наибольший вес придают словам в теге h1, потом в теге h2, далее h3 и т.д. по убывающей. А так как мы задаем , используя ключевые слова (я, надеюсь, прав? Вы же так делаете? ), то мы просто обязаны дать заголовку страницы или поста тег h1 (по крайней мере я так делаю).
Как узнать заголовок странице в теге h1 или нет?
Как видите, заголовок статьи у меня взят в тег h1 (там еще задан class=”title”, не обращайте на него внимания). Если у Вас здесь не стоит h1, рекомендую это поменять. Для этого:
То есть просто нужно в начале прописать
, а после
.Тег h2
Тег h2 я использую в статье обычно 1-2 раза. Почему? Потому что, чем больше выделений h2, к примеру, то тем меньше значимость этого тега для поисковиков. Именно поэтому не стоит злоупотреблять тегами.
Но заметьте, использование тегов не только полезно для SEO оптимизации, но и улучшает читабельность для ЖИВОГО читателя. Вы не только “втюхивайте” ключевые слова, а делайте это красиво . То есть, разбавляйте ключевые слова. Заметьте, например, в этом посте встречается h2 в этом месте:
Как видите в этот заголовок входит одно из ключевых слов урока “заголовки WordPress” (заметьте, я сюда тоже “впихнул” этот ключевик).
Тег h3
Тег h3 разумно использовать под тегом h2. Лучше не стоить брат текст в заголовок 3, если нет в посте тега h2. То есть, желательно соблюдать логическую цепочку. Например, в данном уроке слова “Тег h1”, “Тег h2” и “Тег h3” взяты в h3. Опять же, они являются ключевыми словами. Надеюсь, Вы принцип поняли…
Теги h4, h5, h6
Теги h4, h5, h6 очень редко используются, обычно я их вообще не использую. Ими можно задать какие-то специфические стилевые свойства. Например, тег h4 будет делать все буквы заглавными, тег h5 будет менять цвет текста, обводить ее рамкой и т.п.
Чтобы изменить эти свойства, достаточно открыть файл style.css и, воспользовавшись поиском, найти там, к примеру, фразу “h1”:
И уже там меняете свойства, применив .
Друзья, не забывайте использовать заголовки WordPress в своих постах, поисковые системы Вас очень полюбят за это .
До скорой встречи!
Просмотр 11 ответов - с 1 по 11 (всего 11)
Наверное надо начать с уменьшения размеров картинки, которая использована в заголовке. Какой размер изображения для заголовка рекомендует тема?
P. S. Лично я не вижу ничего плохого и некрасивого ни на комп ни на смартфоне. Похоже вы просто зациклились на ерунде.
Благодарю за ответ! Уменьшение размеров картинки ни к чему не приводит, просто качество её в итоге ухудшается (она растягивается на ту же ширину). Может и зациклился, просто не привык к такому дизайну, хотелось понять как это изменить
Я может не совсем правильно выразился. Не изменить размер, а обрезать картинку — сделать её меньше по высоте при той же ширине.
А разве тема не предлагает обрезать картинку до рекомендуемых размеров при установке изображения для заголовка?
Высота картинки 225 пикселей
Задается в стилях:
.inner-header-image {
position: relative;
height: 225px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}
Переопределите в доп.стилях темы этот параметр и все должно зарботать.
Поставил тему Corporate Blue на свой тестовый сайт http://wp5.j807534.z9496.spectrum.myjino.ru Пришел к окончательному выводу что вы, занялись ерундой. Тема прекрасно выглядит именно с таким «большим» рисунком заголовка на всех устройствах. Не ломайте тему. Лучше не сделаете. Просто вы привыкли к старым дизайнам с узенькими банерами в заголовке.
2Spectrum_Admin (@perdyllo)
При переходе по указанной ссылке Хром выдает:
Осторожно, вредоносное ПО!
Сайт wp5.j807534.z9496.spectrum.myjino.ru может установить на ваш компьютер вредоносное ПО, которое крадет или удаляет личную информацию (например, фотографии, пароли, сообщения и реквизиты банковских карт).
Автоматически отправлять в Google информацию о возможных проблемах безопасности. Политика конфиденциальности
Здравствуйте, уважаемые друзья. Сегодня пойдёт речь о наболевшей для меня проблеме, а именно о заголовках h1. В общем, вы уже знаете, что установив тему WordPress её ещё и дорабатывать, придётся под свои нужды. И это нормально, дизайн подправить, если необходимо объединить элементы дизайна в , может, размеры шрифтов подправить, да перечислять можно долго. Так в чём проблема?
Какие проблемы с заголовками 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 вставляем вот этот код:
Это условие обозначает: Если (if) открыта «не» (!) статья (is_single) и (&&) «не» (!) страница (is_page) – заголовок сайта будет обозначен тегом h1.
А после строки с кодом h1 нужно закрыть условие, этим кодом:
В итоге у вас должно получиться вот так:
">
А теперь по аналогии добавляем ещё одно условие, сразу после первого:
">
Это условие обозначает: Если (if) открыта статья (is_single) или (||) страница (is_page) – заголовок сайта будет обозначен тегом h2.
Обратите внимание, я изменил тег заголовка во втором условии с h1 на h2. Так же можно заменить h1 на абзац (р) или блоки div, span. Это важно!
Сохраняем файл и проверяем.
Как должно быть после внедрения условий
На главной странице, рубриках, поиске и так далее заголовок сайта должен быть обозначен тегом h1, а все заголовки статей и так далее h2, h3…
При открытии статьи или отдельной страницы, заголовок сайта меняется на h2. Если вы изменили на предыдущем шаге h2 на p, div, span — значит и изменения у вас будут соответствующие. Только не забудьте прописать стили для этих элементов.
Здесь очень важно проверить в файлах single.php и page.php чтобы заголовки статей и страниц обозначались тегом h1. Если у вас не так, откройте эти файлы и исправьте циферку.
Подведение итогов
Этим решением я избавился от конфликта с тегами заголовков h1 и h2 и восстановил работоспособность микроразметки. Всего-то пару строк кода, а какое удобство.
Друзья, у кого подобная ситуация берите на вооружение.
И в завершение видеоурок по теме. Я покажу на своём блоге, как этот метод работает.
А у меня на этом сегодня всё. Всем желаю хорошего настроения и до встречи в новых статьях и видеоуроках.
Структура статьи WordPress предопределена правилами поисковых машин и соответственно влияет на продвижение вашей статьи в поисковой выдаче. Приступая к написанию новой статьи, вы должны не только продумать ее тему и назначение, но и выстроить ее содержимое в определенную структуру. О структуре статей и применении тегов h1 в блоге WordPress пойдет речь в этой статье. Начнем с разбора основных элементов веб-страниц.
Основные элементы веб-страницы
Когда вы пишите свою очередную статью, вы должны понимать, что в Интернет ваш текст это набор определенных символов, причем закодированных, окруженный определенными элементами разметки языка HTML (тегами). Так как теги для поисковиков имеют приоритетную иерархию, то и текстовая структура статьи должна быть построена в соответствии с этой иерархией.
Заголовки статей
Структура статьи WordPress должна начинаться с главного элемента веб – страницы — заголовка. Заголовок статьи отражается в поисковой выдаче и отображается на самом видном месте (вверху) при открытии страницы. Кроме этого заголовок статьи это ссылка на ваш блог, при отражении в поисковой выдачи Интернет. Заголовок статьи должен быть обязательно обрамлен тегом title .
Cтруктура статьи WordPress – Тег H1
Вторым по значимости элементом веб-страницы является название страницы, обрамленное в тег h1 . Это обязательный тег веб-страницы. Причем важно отметить, этот тег в рамках открытой веб-страницы (не всего блога) должен быть единственным. Несколько тегов h1 «нервирует» поисковики и рано или поздно они эту страницу выкинут из поиска.
Теги H2-H6
Как видите в тексте один элемент h1, а все остальные выстроены в понятную древовидную структуру.
Структура статьи WordPress: как выстроить
Структура статьи WordPress может быть выстроена двумя способами.
- Первый . Писать статью на языке HTML, что требует не только знаний языка, но и серьезной практики.
- Второй вариант , более простой. Формировать структуру статей WP в его визуальном редакторе. Покажу как это делается.
- Входим в Консоль →Записи → Добавить запись.
- В любом визуальном редакторе, который установлен в вашем блоге WordPress, есть кнопка : Абзац.
- С помощью этой кнопки формируется структура статьи WordPress, «угодная» поисковым машинам.
Но это редактирование относится только к содержанию статьи и никак не затрагивает заголовок статьи. Обрамление заголовка статьи в теги title и h1 определены в шаблонах тем WordPress. А так как шаблоны верстают люди, то и исправлять их ошибки приходится вручную.
В чем же может быть ошибка в шаблонах WordPress по отношению к тегам title и h1. Разберем это подробнее.
Теги title и h1 в шаблонах WordPress
Во многих шаблонах wordpress вообще не заложено использование тега h1.
Кстати: Проверить, обрамлены ли ваши заголовки статей тегами h1 можно следующим образом. Откройте любой свой пост в WP блоге. Правой кнопкой мыши кликните по странице и откройте «Код страницы». При открытом коде, нажмите Ctrl + F (это поиск на странице) и поищите h1. В зависимости от того, найдется тег h1, относящейся именно к содержанию поста, или нет, будут зависеть ваши дальнейшие шаги.
И здесь еще одно замечание. Я знаю много блогов WP, которые работают без тегов h1 в шаблонах. При этом имеют прекрасную поисковую выдачу. На это скажу только одно. Поисковики «любят» тег h1. Он является основой всей разметки статьи. И это, несомненно, положительно влияет на ранжирование блога WP. Так что вам решать, использовать h1 в своем блоге WP или нет. Здесь важно одно. С тегами h1 нужно не переусердствовать. На странице должен быть один тег h1.
Как вставить тег h1 в шаблон блога WordPress
Прежде, чем рассказать, как вставить тег h1 в шаблон блога WordPress остановлюсь на файлах тем WP. верстаются для каждой темы отдельно.
Редактировать файлы шаблона можно непосредственно на сервере в каталоге WP, соединившись с ним по FTP. Или проще, войти в , далее Консоль → Внешний вид → Редактор. Справа в открывшемся окне, будут видны все файлы шаблона вашей темы WP.
Однако, правильно и безопасно редактировать файлы шаблона нужно в редакторе типа Notepad++. Копируете редактируемый файл, редактируете в редакторе и сохраняя новую копию, переносит её в шаблон.
В этой статье нас интересуют два файла для редактирования:
- Файл главной страницы. Возможно index.php или loop.php
- Файл отдельно открытой статьи: Возможно single.php или loop-single.php.
Необходимо отредактировать код таким образом, чтобы тег h1 был один на открытой веб-странице, и должен обрамлять заголовок открытой статьи.
Исправляем тег h1 в файле отдельного поста
Для редакции файлов используем текстовой редактор типа Notepad++. Также имеем под рукой копию сайта, на случай фатальных ошибок.
Заходим в Консоль → Внешний вид → Редактор → Файл отдельно открытой статьи. Ищем код, который отвечает за вывод заголовка. Кусок шаблона:
/* Часть шаблона loop-single
И меняем в нем теги h2 на теги h1:
Остается чистый код заголовка обрамленного тегами h1.
- Ищите: или site-name или site-title.
- Если тег h1 находится внутри div, то его просто удаляем.
- Если теги h1>
Вставляем тег h1 на главную страницу блога WP
На главной странице блога, которая отражает последние статьи, ситуация немного другая. Так как заголовков на главной странице несколько, то нужно чтобы они обрамлялись тегами h2, а не h1.
- Для этого открываем в редакторе файл: index.php или loop.php;
- Ищем код выводящий название статей на главной странице;
- И меняем, тег h1 на тег h2. Не забываем сохраниться.
" rel="bookmark">
" rel="bookmark">
/*меняем на" rel="bookmark">
Все. Структура статьи WordPress выстроена, причем не было использовано не одного плагина. правда, с обновлением шаблона, все придется повторить заново.