Получите ваш заголовок из вашего ...

1. Решение - удалите h1 из заголовка блога и поместите заголовок сообщения в h1 на отдельных постах и...
2. Шаг 2 - Удалите тег h1 из заголовка блога на отдельных постах и ​​страницах:
3. Шаг 3. Создайте новый идентификатор #blogTitle и новые теги h1
4. Объяснение изменений
5. Схема нового документа

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

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

Настройка набросков по умолчанию на главной странице WordPress (хорошо)…

Хорошая структура тега заголовка главной страницы WordPress

И стандартная настройка схемы WordPress для одного поста (плохо) ...

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

Решение - удалите h1 из заголовка блога и поместите заголовок сообщения в h1 на отдельных постах и ​​страницах:

Найдите следующий код в вашем файле single.php:

<div class = "post" id = "post - <? php the_ID ();?&gt;"> <h2> <a href="<?php echo get_permalink() ?&gt; "rel =" bookmark "title =" Постоянный Ссылка: <? Php the_title_attribute ();?&gt; "> <? Php the_title (); ?> </a> </ h2>

… И измените теги h2 на теги h1 следующим образом:

<div class = "post" id = "post - <? php the_ID ();?&gt;"> <h1> <a href="<?php echo get_permalink() ?&gt; "rel =" bookmark "title =" Постоянный Ссылка: <? Php the_title_attribute ();?&gt; "> <? Php the_title (); ?> </a> </ h1>

Шаг 2 - Удалите тег h1 из заголовка блога на отдельных постах и ​​страницах:

Спасибо читателю Брайану Брандту из WordPress-Themes.dk за то, что он указал на тот факт, что в этом посте изначально не рекомендовалось удалять тег h1 из заголовка блога на отдельных постах и ​​страницах, оставляя 2 тега h1 на каждом посте / странице. Вот шаги, чтобы удалить этот тег h1 на любой странице, кроме домашней страницы.

Откройте файл header.php и найдите следующую строку:

<h1> <a href="<?php echo get_option('home'); ?&gt; "> <? php bloginfo ('name'); ?> </a> </ h1>

Затем измените это на это:

<? php if (is_home ()):?> <h1> <a href="<?php echo get_option('home'); ?&gt; "> <? php bloginfo ('name'); ?> </a> </ h1> <? php else:?> <span id = "blogTitle"> <a href="<?php echo get_option('home'); ?&gt; "> <? php bloginfo ( 'название'); ?> </a> </ span> <? php endif; ?>

Шаг 3. Создайте новый идентификатор #blogTitle и новые теги h1

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

span # blogTitle {display: block; размер шрифта: 4em; выравнивание текста: по центру; padding-top: 70px; вес шрифта: полужирный; семейство шрифтов: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; } span # blogTitle a {color: white; текстовое оформление: нет; } span # blogTitle a: hover {text-ornament: none; } .post h1 {color: # 333333; текстовое оформление: нет; размер шрифта: 1.6em; выравнивание текста: слева; padding-top: 0; }

Объяснение изменений

По сути, то, что мы сделали на шаге 2 выше, это то, что мы взяли оригинальный код, который отображает заголовок блога, и обернули его оператором if. Первая часть этого оператора if гласит: «Если отображаемая в данный момент страница является домашней страницей, то покажите заголовок блога, завернутый в теги h1, в противном случае (если текущая страница НЕ является домашней страницей, отобразите заголовок блога, но оберните это в признаки.

Если бы мы это оставили, мы потеряли бы стиль заголовка блога на чем угодно, кроме домашней страницы, и стили заголовков наших постов / страниц на отдельных постах и ​​страницах не были бы правильными, потому что мы изменили его с h2 на h1 мы бы получили заголовки постов и страниц, выглядящие так же, как заголовки нашего блога на главной странице ... вместо этого мы хотим, чтобы эти заголовки были стилизованы так же, как заголовки постов / страниц h2 на главной странице.

Итак, сначала нам нужно стилизовать тот идентификатор blogTitle, который мы присвоили элементу. То, как вы это делаете, будет зависеть от того, какую тему вы используете в данный момент, и от того, как она стилизована. Пример кода на шаге 3 специально предназначен для темы WordPress по умолчанию, но он даст вам отправную точку, если вы используете другую тему.

Во-вторых, мы создаем новый стиль для .post h1, как показано в шаге 3 выше. Опять же, стили, показанные выше, ориентированы на стандартную тему WordPress… если вы используете другую тему, вам нужно немного настроить эти стили.

Теперь ваш план выглядит так, как должен, и поисковые системы будут лучше оснащены, чтобы понять, о чем все ваши посты. И наконец…

Схема нового документа

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

Еще один вариант, который вы можете рассмотреть, - это удалить теги h3, которые вы видите ниже, прикрепленные к «Один ответ…» и «Оставить ответ», потому что, на мой взгляд, они действительно ничего не делают.

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

Теперь структура тега заголовка одного поста немного лучше

Похожие

Комментарии