Здравствуйте, продолжаем изучать поисковик Google и увеличивать кликабельность (CTR) по нашему сайту в его выдаче.
Скачать исходники для статьи можно ниже
Первую часть данной темы Вы можете прочитать тут – Оптимизация сайта под Google (увеличиваем CTR): Часть 1
Продолжим.
5. Используем плагин “Хлебные крошки”:
Google определяет навигацию в виде “хлебных крошек” и может вывести ее в поисковом сниппете. Например, практически все движки форумов выводят “хлебные крошки” и поисковики используют их при оформлении сниппета.
Также “хлебные крошки” нужны для создания надлежащей перелинковки страниц сайта для того, чтобы статический вес, передаваемый по любым внешним ссылкам, равномерно распределялся по всем вебстраницам проекта.
Самый лучший плагин для этих целей – это Breadcrumb NavXT:
Сайт плагина: “wordpress.org/plugins/breadcrumb-navxt/”
Количество активных установок: 700,000+
Автор плагина: John Havlik
После установки и активации плагина Breadcrumb NavXT нужно его ещё настроить.
5.1. Нужно вставить код в шаблон сайта:
Для этого нужно в админке wordpress перейти в пункт “Внешний вид”, подпункт “Редактор” и справа в списке шаблонов выбрать нужный.
В основном, нижеуказанный код вставляют в файлы:
– single.php (шаблон вывода записей на сайте);
– page.php (шаблон вывода страниц на сайте);
– archive.php (вывод архива на сайте).
Для примера, возьмем стандартную wordpress тему – Twenty Seventeen и вставим “хлебные крошки” в файл single.php, для этого переходим в пункт “Внешний вид”, подпункт “Редактор” и выбираем шаблон – single.php:
Находим тег:
... get_header(); ?>
И после него вставляем следующий код:
<div class="breadcrumb">
<?php
if(function_exists('bcn_display'))
{
bcn_display();
}
?>
</div>
5.2. Настраиваем стили “хлебных крошек”:
Если сейчас посмотреть как выглядят “хлебные крошки”, то увидим следующее:
Поэтому переходим в файл стилей темы – в админке wordpress выбираем пункт “Внешний вид”, подпункт “Редактор”, справа в списке шаблонов откроется файл стилей – style.css, в нем, в самом низу, вставляем следующий код:
.breadcrumb {
padding-top:4px;
padding-left: 2em;
}
.breadcrumb h3 {
line-height:23px;
display: block;
border:0px solid #000;
width:100%;
margin-bottom:8px;
}
.breadcrumb a {
margin-top:25px;
color:#08A3D9;
font-size:25px;
padding: 0 15px;
}
.breadcrumb a:hover {
color:#4991bb;
}
Если вы хотите сделать “хлебные крошки” ещё красивее, то посетите следующую страничку:
“wordpressplugins.ru/seo/breadcrumb-navxt.html”
– здесь есть готовые стили оформления “хлебных крошек” для плагина Breadcrumb NavXT.
https://developers.google.com/search/docs/data-types/breadcrumbs
Если настроить плагин Breadcrumb NavXT – не удалось, то можете попробовать другие, аналогичные плагины:
– WP SEO Structured Data Schema (10,000+)
“wordpress.org/plugins/wp-seo-structured-data-schema/”;
– Schema Breadcrumbs (100+)
“wordpress.org/plugins/schema-breadcrumbs/”
Для проверки того, что Google увидит, когда придет на ваш сайт можно увидеть в следующем онлайн-сервисе “Проверка структурированных данных от Google”:
“search.google.com/structured-data/testing-tool”
6. Улучшить скорость загрузки сайта:
За загрузкой вашего сайта очень тщательно следят поисковики, которые при медленной работе вашего сайта понизят его в топе поисковых запросов.
Считается, что время загрузки сайта не должно превышать 2-3 секунд.
Скорость загрузки вашего сайт можно проверить на:
Онлайн сервис PageSpeed Insights анализирует содержание веб-страницы и советует, как ускорить ее загрузку для компьютеров и для мобильных устройств.
“developers.google.com/speed/pagespeed/insights/”
“gtmetrix.com/”
“seobuilding.ru/site-speed-checker.php”
Также можете прочитать мою статью – 21 способ как ускорить ваш сайт на WordPress.
7. Плагины Оглавлений:
Иногда Google вставляет ссылки из оглавления в поисковый сниппет.
Плагин Table of Contents Plus позволит вам создать Оглавление в записях, на страничках, создать карту сайта и др.
Сведения о плагине Table of Contents Plus:
Количество активных установок: 200,000+
Сайт плагина: “wordpress.org/plugins/table-of-contents-plus/”
Автор плагина: Michael Tran
После установки и активации плагина в админке, в пункте “Настройки”, появится новый подпункт ТОС+
Ставим галочки в пункте “Auto insert for the following content types” напротив post и page.
Теперь можно создавать оглавления в записях, страничках используя теги h1, h2, h3, h4, h5, h6.
8. AMP
Google AMP (Accelerated Mobile Pages Project) был запущен в октябре 2015 года. Проект основан на AMP HTML, новом открытом фреймворке, целиком основанном на существующих веб-технологиях, что позволяет создавать легкие и быстрые веб-страницы. Иными словами, проект позволяет создавать «облегченную» версию текущей веб-страницы.
Google ставит сайты, использующие AMP, выше в результатах поиска, потому что они быстрее загружаются и предлагают оптимизированный пользовательский опыт.
Чтобы применить Google AMP в WordPress достаточно всего лишь установить бесплатный плагин – AMP, сведения о нём:
Количество активных установок: 200,000+
Сайт плагина: “wordpress.org/plugins/amp/”
Автор плагина: Automattic
У данного плагина нет настроек – достаточно лишь установить и активировать плагин AMP.
На этом всё! Красивых и прибыльных вам сайтов!