Всем привет!
[Обновлено: недавно я написал более свежий урок про , обязательно ознакомьтесь с ним тоже].
То есть для того, чтобы взять текст в тег 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 в своих постах, поисковые системы Вас очень полюбят за это .
До скорой встречи!
Сегодня в одном из комментариев прозвучал вопрос: Как изменить размер заголовка статьи
WordPress ? Вариантов ответов на данный вопрос может быть несколько. Чтобы сильно не вдаваться в подробности написания кода html и не рассказывать про css, а также про подсоединение файлов со стилями для единого форматирования страниц, расскажу самое главное и основное, что нужно знать, и чем мы будем пользоваться, чтобы изменить размер заголовка статьи WordPress :
Первый вариант. Заголовки статьи необходимо задавать тегом H1 или H2 или … H6.
- Где взять простому пользователю эти теги?
- Как ими пользоваться?
- Куда вставлять эти H1 или H2 или … H6 в Worpress ?
Все очень просто. Эти теги заголовков находятся в списке Формат на дополнительной панели кнопок (у кого нет этой панели нажмите комбинацию клавиш Alt+Shift+Z).
Выбирая каждый вид из пункта Формат – Заголовок 1, Заголовок 2, и т.д. можете подоб рать тот вид заголовка, который вам подходит. Сразу оговорюсь, что чем менше цифра заголовка, тем менше «размер» текста.
ВНИМАНИЕ: в тексте обязательно должен быть один заголовок, чтобы поисковикам было легче оптимизировать страницу.
Если Вы хотите просмотреть коды html, которые используются для создания заголовков, то перейдите пожалуйста на вкладку HTML. Убедились, что это один из вариантов H1 или H2 или … H6? Отлично. Поехали дальше.
Второй вариант. Можно пользоваться тегом < font >. У этого тега есть несколько атрибутов. Тот, который нас интересует называется size. Этот атрибут может принимать значения от 1 до 7. Например, Шрифт размера 2
Можно выделять все слово целиком, а можно выделить первую букву. Таким образом можно добиться эффекта буквица.
Осень пришла
| Шрифт текста 1 | Шрифт текста 1 |
| Шрифт текста 2 | Шрифт текста 2 |
| Шрифт текста 3 | Шрифт текста 3 |
| Шрифт текста 4 | Шрифт текста 4 |
| Шрифт текста 5 | Шрифт текста 5 |
| Шрифт текста 6 | Шрифт текста 6 |
| Шрифт текста 7 | Шрифт текста 7 |
Как этим пользоваться?
- Открываете статью в ПУА сайтом.
- Записываете текст как обычно.
- Переходите в просмотр html-кодов.
- Находите слова, шрифт которых хотите изменить.
- Обрамляете эти слова тегом ( слово ) как показано выше.
У тега есть еще атрибут color , который задает цвет шрифта. Принимает значения этот атрибут:
Как видно из примера значение цвета можно писать
- или названием цвета (кстати, в таблице перечислены основные цвета, а их на самом деле значительно больше)
- или задавать в коде RGB (для подбора других цветов можно использовать фотошоп, выбираете цвет и смотрите значение в RGB, далее записываете в код html и получаете результат. Но будьте аккуратными, не все цвета рекомендуется использовать в Интернет, есть таблица, так называемая, «безопасных цветов». Вот ею и нужно пользоваться!!!)
Еще у тега есть атрибут FACE. Можно указывать шрифт по названию (Arial, Tahoma, Verdana) или типу(например, monospace).
Например,
Золотая осень
ВНИМАНИЕ: прошу не путать заголовок статьи в смысле заголовочный текст (теги H1 или H2 или … H6) и размер шрифта (тег ). Если Вы оптимизируете статью, то используйте заголовочный тег H1 или H2 или … H6, если в статье Вам нужно, что-то выделить, то пользуйтесь тегом .
Подведем итог:
- для заголовков используются теги H1 или H2 или … H6;
- для изменения шрифта используется тег с атрибутом size.
На моих топовых информационных проектах сначала специалист в тематике составляет структуру статьи (заголовки и подзаголовки), а потом уже копирайтеры по ним пишут текст.
Структура — это на самом деле очень важно, если вы заморачиваетесь насчет качества. А чтобы составить нормальную структуру, нужно понимание того, как работают теги h.
h1 — это главный подзаголовок в статье, который обычно размещен над текстом.
Первый заголовок должен визуально быть больше остальных заголовков на странице.
h2-h6 — это маленькие подзаголовки, которые проставляются по принципу вложенности.
Для чего вообще нужны заголовки?
Для тех, кто не сильно в теме — вот в принципе неплохое видео про азы составления подзаголовков h1-h6. Если не считаете себя спецом, посмотрите:
И для закрепления материала чуть послабее видео:
Заголовки призваны в одной фразе или даже слове выделить основную суть, идею последующего текста. Обычно на них человек обращает свое внимание в первую очередь, решая, стоит ли читать остальной материал. Особенно важное значение заголовки имеют в рекламных текстах, письмах, и служат главным инструментом по привлечению внимания целевой аудитории.
В коде тег выглядит так:
, где буква h происходит от слова «header», что в переводе значит «заголовок». Каждый уровень обозначается соответствующей цифрой.
H-теги глазами людей
Текст, разбитый на подзаголовки, смотрится более «опрятно», его проще читать. Современный пользователь уже давно научился сканировать статьи буквально за несколько секунд и оперативно делать выводы, стоит ли читать весь текст, есть ли в нем та полезная информация, которую он ищет. Заголовки цепляют глаз, выделяя главное и давая юзеру возможность проанализировать материал.
Теги h1, h2, h3, h4, h5, h6 позволяют создать для читателя некую карту, по которой он сможет быстро сориентироваться в тексте. И если этими выделениями удалось зацепить внимание, то человек задержится на странице и наверняка прочтет всю статью. Проверить результат можно по поведенческим факторам. Если люди задерживаются на странице, совершают какие-либо действия – значит работа по SEO была проделана не зря.
H-теги глазами поисковиков
Поисковые роботы собирают с них информацию для семантического анализа. Особое значение для ботов имеют заголовки уровней h1, h2, h3. Их непоследовательное или неправильное применение может негативно сказаться на ранжировании станицы. Если в HTML-коде вообще отсутствуют h-теги, то сайту придется туго в продвижении. Уровни h4, h5, h6 менее значимы.
Иерархия H-тегов
Главным правилом в расстановке заголовков является их иерархия. Необязательно, чтобы теги шли друг за другом по размеру, но недопустимо в тексте использовать, например, h3, если у вас нигде не присутствует мета h2 или применять h6 без h5.
Вот так выглядит иерархия с правильной вложенностью:
Что за тег h1
Тег h1 – это оглавление текста (все равно что название книги или заголовок статьи в газете).
На каждой странице должен быть один и только один тег h1.
В плане привлекательности для пользователя он имеет главное значение. Но для SEO-продвижения больший вес будет иметь .
Title – это тоже заголовок, но прописывается он не только для людей, но и для роботов. Он отображается не на самой станице, а только во вкладке браузера и в сниппете в качестве активной ссылки на сайт. Фактически title является альтернативным, но главным заголовком для html-документа. Если он отсутствует, то поисковая система берет за основу h1 и использует его в серпе.
Почему h1 должен различаться с Title
Довольно важно понимать, что h1 и Title — это разные заголовки. И их соответственно надо умело комбинировать. Вот азы на эту тему:
Пренебрежение правилами уникализации и релевантности заголовков может привести к тому, что сайт попадет под фильтр. Последнее время поисковые системы стали уделять особое внимание качеству контента и его SEO-настройкам. Дубли, переспам, хаотичное расставление заголовков, их несоответствие содержимому карается.
Требования по длине H1
H1 рекомендуется делать более лаконичным, чем Title, не превышая количество символов более, чем 50. Но не случится катастрофы, если заголовок получится длиннее, когда не удается втиснуть всю суть в обозначенное количество.
Специальные плагины для WordPress позволяют проанализировать правильное заполнение всех мет прямо в редакторе.
Правила для грамотного написания h1
- Должен быть уникальным для всего сайта и абсолютно читабельным;
- Не повторяет тег title, но и не противоречит ему;
- Не стоит делать его слишком длинным (более объемным можно делать title);
- Используется только 1 раз на каждую страницу;
- Релевантен тексту и отображает смысловую суть материала;
- Интересен, привлекателен для пользователя;
- Нельзя ставить в конце точку и рекомендуется по минимуму использовать знаки препинания.
Применение ключей
Главные ключевые фразы, в первую очередь, должен содержать title. Но следует их писать и в h1. И там, и там лучше это делать в самом начале. Но лучше бы ключевые слова не дублировали друг друга в этих двух тегах. Нужно использовать разные словоформы или разбавленные вхождения в h1 и прямые в title.
Некоторые берут все ключи на страницу и из них составляют структуру статей. Сразу учтите — без классных ПФ такая россыпь ключей по подзаголовкам будет караться фильтром за переспам.
Психологические приемы для составления привлекательного заголовка
Заголовок должен быть «цепляющим». Вот видео от Максима Ильяхова, спеца в области СМИ, ректора Школы редакторов и создателя сервиса «Главред»:
Вот еще пара «приемов», которые применяются при составлении заголовков.
Решение проблемы
Помните, что человек всегда ищет не информацию или товары, а прежде всего – решение своих проблем, потребностей, нужд. Оперируйте именно к предполагаемой проблеме целевой аудитории
Пример удачного заголовка: «Выпадают волосы? Остановите выпадение за неделю».
Пример неудачного заголовка: «Можно ли остановить выпадение волос?»
В первом случае мы четко обозначаем проблему и предлагаем конкретное решение. Во втором случае проблема задета косвенно и варианты ее решения размыты.
Заинтриговать
Пример удачного заголовка: «Раскрываем секрет самого эффективного рецепта от выпадения волос».
Пример неудачного заголовка: «Лучший рецепт от выпадения волос».
Прием «экзамен»
Предложение, составленное в такой форме, бросает вызов читателю, предлагая ему проверить себя.
Пример удачного заголовка: «Вы уверены, что правильно боритесь с выпадением волос?»
Пример неудачного заголовка: «Все ли вам известно о выпадении волос».
Конечно, это далеко не все методы, которые помогают воздействовать на восприятие человека и привлечь его интерес. Читайте книги по маркетингу, чтобы вычитать больше, если интересна эта тема. Кстати title тоже может быть «заманивающим». Тем более что скорее всего именно он высвечивается в поисковой выдаче. Проверить его отображение можно будет после индексации страницы.
Зачем нужны подзаголовки h2-h6
Теги от h2 до h6 располагаются уже в теле самой статьи, структурно разделяя ее на тематические абзацы, и в коде HTML-документа, выделяя его значимые элементы. Они также идентифицируются поисковыми роботами для семантического анализа страницы.
Нужны для того, чтобы иерархично обозначать все важное и стоящее внимания пользователя на странице. Такая структура помогает человеку быстрее сориентироваться в информации и оценить ее соответствие своим запросам.
h2 – акцентирует внимание пользователей и поисковых систем на основном содержании статьи. Показывает самое значимое в тексте.
h3 – является подпунктом для информации, идущей под H2, раскрывая ее еще глубже.
h4, h5, h6 – определяются, как вложенные подзаголовки (раскрывают детально суть H2 или H3) и используются в тексте, в качестве выделяющих мелкие пункты и значимые слова, а также в меню, сайдбаре и других составляющих веб-документа.
Длина всех h-тегов должна быть в пределах 50 символов.
Как правильно прописывать подзаголовки h2-h6
- Нельзя, чтобы наименьший подзаголовок присутствовал без большего. То есть, если в тексте стоит метатег h4, то ему обязательно должны предшествовать h2 и h3.
- Чем выше заголовок по уровню, тем крупнее должен быть и шрифт. В WordPress обычно по умолчанию настройки выставлены таким образом, что теги автоматически форматируются в правильном виде.
- Все h-теги обязаны соответствовать содержанию контента, отображать суть информации.
- Недопустимо использовать h1-h6 в качестве анкоров или активных ссылок.
- Нельзя писать другие теги внутри тега h.
- В h-тегах допускается только текст и знаки препинания.
- В подзаголовках не должно быть переспама ключевых слов. Ключевики лучше всего задействовать в title, h1, h2, а в более мелких, таких как h3, h5, h6 делать упор на детальное раскрытие темы.
Если в разметке страницы прописан title и основной заголовок H1, но сам текст статьи не слишком большой и не содержит в себе подзаголовков, это не является ошибкой. В ТОПе находится немало страниц, где контент идет практически сплошной полосой, разве что разделенной на абзацы. Попасть в лидирующие позиции можно и без «колдовства» над разметкой текста, делая больший упор на . Сайты на WordPress прекрасно индексируются поисковиками. Но все же применение этих тегов не только облегчает задачу, но и делает контент более легким и приятным для визуального восприятия.
Как заполнять h-теги в WordPress
h1 заполняется обычно в поле над текстом в записи:
Чтобы сделать подзаголовки h2-h6, надо выделить необходимый элемент и, наведя курсор на вкладку «заголовки», выбрать нужный, кликнув по нему. Проделать то же самое для каждого из подзаголовков, включая их в нужный формат.
Есть еще более простой способ – можно набрать текст в Ворде, используя нужные разметки и просто копипастом перенести статью в редактор вордпресса. Выделенные в Word заголовки автоматически отобразятся в нужных размерах. При необходимости можно подправить их, используя инструменты редактора CMS WordPress.
Здравствуйте, уважаемые друзья. Сегодня пойдёт речь о наболевшей для меня проблеме, а именно о заголовках 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 выстроена, причем не было использовано не одного плагина. правда, с обновлением шаблона, все придется повторить заново.
Значение слова неудачный
Обзор Samsung Galaxy A7 (2017): не боится воды и экономии Стоит ли покупать samsung a7
Делаем бэкап прошивки на андроиде
Как настроить файл подкачки?
Установка режима совместимости в Windows