Ведение сайта включает в себя не только своервеменное наполнение интересными и полезными материалами, но и SEO-оптимизацию. С проведением анализа сайта на ошибки и оптимизацию выявилось не мало работы по устранению замечаний, для более успешного и правильного отображения по запросам в поисковых системах, роста PR и ТИЦ, индексацию, посещаемость и так далее. Так вот один из ключевых моментов является правильная расстановка ТЕГов . Наш сайт не был исключением и также имел ошибки о которых мы сегодня и поговорим.
Всего их шесть h1, h2, h3, h4, h5 и h6, они применяются в форматировании текста и заключаются в скобки вначале <…>, закрываются с добавлением слева в конце </…>. C помощью выделенного заголовка тегом поисковая система определяет наиболее важную фразу или заголовок страницы.
Тег H1 является самым приоритетным.
Для проверки тегов сайта, достаточно на открывшейся странице сайта нажать комбинации CTRL+I или CTRL+U, или правой кнопкой мыши — Исходный код страницы.
Если вы увидите в коде своего сайта более одного тега H1, как это было у нас, то вам нужно исправлять данную ситуацию.
Как правило его рекомендуется использовать для заголовков наших страниц, если же главная страница сайта выглядит в виде анонсов новостей и содержит в себе множетсв тем (как это сделано у нас), тогда данным тегом мы выделяем название сайта.
1.Название сайта редактируется в файле header.php.В WP его можно увидеть в меню Внешний вид — Редактор — header.php. Нам нужно найти данный код:
<a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<h2 class="site-title"><?php bloginfo( 'name' ); ?></h2>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
и заменить тег h2 в заголовке сайта «site-title», на тег h1. Напомню, что на странице сайта должно быть не более одной пары тегов h1. После исправления наш код должен выглядеть так:
<a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</a>
- На главной странице заголовки статей у нас также не верно выделены в теге h1, заменим их на h2.
Переходим в файл content.php и правим в коде:
<div class="post-mainpart">
<header class="entry-header">
<?php if ( is_single() ) : ?>
<h1 class="entry-title"><?php the_title(); ?></h1>
<?php else : ?>
<h1 class="entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
</h1>
меняем заголовок в последнем условии «если это не заголовок отдельной страницы»^
<h2 class="entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
</h2>
3.Кроме того, у нас тегом H1 выделен заголовок навигации или перехода страниц.
Это исправляется в function.php, я выставил тег h3, но по желанию можно и h2.
<nav class="navigation paging-navigation" role="navigation">
<h3 class="screen-reader-text"><?php _e( 'Posts navigation', 'i-excel' ); ?></h3>
- В нашей теме такая ситуация, что на странице записи у нас два тега Н1 — название сайта и заголовок записи. Долго пытался найти способ изменения в коде, но ничего лучше как заменить файл заголовка для записи я не нашел. Делается это просто :).
Переходим к файлу single.php — файл записей. В нашей теме шапка сайта экспортируется командой
get_header(''); ?>
, что дословно является условием «использовать шапку сайта из файла header.php».
Мы помним, что первым пунктом как раз меняли тег заголовка сайта на самый приоритетный Н1 для правильного отображения главной страницы. Создадим еще один файл в блокноте c именем header-single.php и скопируем туда все содержимое «header.php».
Находим нужную нам строчку:
<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
изменяем на
<h2 class="site-title"><?php bloginfo( 'name' ); ?></h2>
Созданный файл кидаем в …/ftp/public_html/wp-content/themes/ваша_тема
Осталось только в файле single.php заменить условие
get_header(''); ?>
на
get_header('single'); ?>.
Обратите внимание, в скобках пишем название файла без header-, т.к. пустые скобки по умолчанию включают в себя его, поэтому нам остается только дописать вторую часть имени файла single.
Что бы лишний раз страница не обращалась к базе, тем самым нагружая сайт, мы можем прописать в коде статически название сайта и описание.
Было так:
<span id="site-titlendesc"> <a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"> <h1 class="site-title"><?php bloginfo( 'name' ); ?></h1> <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2> </a> </span>
Стало так.
<span id="site-titlendesc"> <a class="home-link" href="https://adminwin.ru/" title="adminwin.ru" rel="home"> <h1 class="site-title">adminwin.ru</h1> <h2 class="site-description">Статьи: интернет, телефония, оборудование, сети, программы, компьютерная помощь.</h2> </a> </span>
Если есть вопросы, постараюсь помочь, пишите в комментариях.