Плагин Related Posts Thumbnails: вывод похожих записей с картинками для WordPress. Плагины для отображения похожих записей WordPress
Когда читатели вашего блога покидают его при первом посещении, это увеличивает показатель отказов, что означает более низкий рейтинг в поисковых системах. Google
и другие крупные поисковые системы учитывают пользовательский опыт при ранжировании сайта.
Цель поисковых систем заключается в отображении веб-страниц самого высокого качества, которые предлагают наилучшее решение для запроса пользователя. И если ваш сайт имеет высокий показатель отказов, Google
отбросит ваш сайт, понизив его выдачу в поиске.
Итак, если вы хотите попасть на первую страницу и остаться там, вам нужно убедиться, что люди проводят больше времени на вашем сайте и отказываются меньше.
На сегодняшний день существует множество способов увеличить количество страниц, которые люди посещают на вашем сайте. Но самый простой из них — это отображать связанные публикации в конце каждой записи. Это не только уменьшит показатель отказов, увеличит общую статистику просмотров страниц сайта.
Вывести похожие записи в WordPress можно с помощью плагина, либо вручную добавить специальный код на страницу записи. Рассмотрим наиболее простой вариант — с помощью плагина. Приведем список наиболее популярных и перечислим ключевые возможности каждого из них.
Related Posts for WordPress by Bibblio
Related Posts for WordPress by Bibblio
— мощный плагин, использующий алгоритмы машинного обучения для поиска наиболее подходящих записей, основанных на репликах вашего контента и поведения ваших читателей. Кроме того, он автоматически обновляется по мере добавления новых постов на ваш сайт. Похожие записи можно выводить в любом месте сайта, включая отдельный виджет. Bibblio
обрабатывает связанные записи на своих серверах, не нагружая ваш сайт лишними запросами.
Yet Another Related Posts Plugin (YARPP)
Плагин
является одним из наиболее популярных решений вывода связанного контента среди WordPress-пользователей. Обеспечивает следующие возможности:
- поддержка стандартных и произвольных типов записей;
- настройка вывода похожих записей (с миниатюрой или как список);
- гибкая настройка отображения;
- отображение связанных сообщений в RSS
-каналах с настраиваемыми параметрами отображения.
Jetpack Related Posts Module
Jetpack
— один из лучших многофункциональных плагинов для WordPress. Все, что вам нужно сделать, это его активировать, перейти к списку модулей и задействовать функцию Связанные посты
. Благодаря отличному алгоритму, плагин показывает наиболее релевантный контент. Также имеет встроенный виджет для вывода похожих постов.
WordPress Related Posts Plugin — AddThis
Плагин
позволит вам показывать связанные записи в нескольких разных стилях, включая нижнюю часть записи. Кроме того, он обеспечивает зависание похожих записей при прокрутке страницы.
Основные преимущества WordPress Related Posts Plugin — AddThis
:
- несколько предустановленных тем оформления (светлые, серые, темные и прозрачные);
- различные варианты позиционирования виджета;
- аналитика для связанных постов и их подсчет;
- простота установки и настройки.
Contextual Related Posts
Contextual Related Posts
— еще один мощный WordPress-плагин для отображения списка связанных постов на вашем веб-сайте и канале.
Вывод основан на содержании заголовка и/или содержании записи. Это позволяет сохранять посетителей, уменьшить частоту отказов и обновлять старые записи.
Плагин поддерживает миниатюры постов, шорткоды, виджеты, пользовательские типы записей и кастомные CSS
-стили. Встроенный кеш гарантирует, что работа плагина не создает чрезмерной нагрузки на ваш сервер.
WordPress Related Posts
Плагин
поддерживает различные стили отображения, поддержку миниатюр, имеет гибкую систему настроек, а также включает кеширование для повышения производительности.
Друзья, всем привет. Сегодня поговорим о том, как создать список похожих статей в WordPress без плагина. Похожие материалы улучшают поведенческие факторы. Обычно их размещают в конце статьи, так чтобы посетитель мог ознакомиться с другими статьями по теме.
Таким образом, если вы заинтересовали посетителя, то он задержится на вашем сайте подольше, а похожие статьи помогут ему лучше разобраться в решении его проблемы.
Создать список похожих статей с миниатюрами и без, можно чистым кодом php или плагином. Каждый выбирает свой путь.
До недавнего времени у меня на блоге использовался для этого плагин WordPress Related Posts. Хороший плагин, красиво можно оформить, под любой дизайн, вывод похожих статей.
Только вот в борьбе за скорость загрузки сайт я решил заменить этот плагин на простой код. Потому что этот плагин тормозил загрузку моего блога от 0,5 до 0,9 секунды в зависимости от времени и нагрузки.
И поэтому я решил использовать код php для вывода похожих статей, который позволяет выводить статьи, сортирую их по тегам или категориям (рубрикам).
Как правило, список похожих статей выводится в конце статьи. В большинстве тем WordPress за статьи (записи) отвечает файл single.php. Именно в этот файл нужно вставить код, отвечающий за вывод похожих статей.
Предупреждение:
сделайте резервную копию файла single.php перед началом работ.
Шаг 1: поиск места для вставки кода.
У всех нас разные шаблоны и структура их немного отличается друг от друга. К примеру, в моей теме, вообще, нет файла single.php. Я создал , и все доработки делаю через файл функции темы. А это на порядок сложней, чем править обычные файлы.
Для определения правильного места вставки кода, вам нужно сначала посмотреть на станицу, найти на ней основные элементы и тогда в исходном коде вам будет проще найти необходимое место для код.
Как видно на скриншоте, подходящее место для вставки кода, находится после окончания статьи, перед навигацией.
Итак, открываете административную панель Вордпресс – «Внешний вид»
— «Редактор»
— «Одна запись (single.
php)».
И в файле ищите код, отвечающий за вывод статьи. Выглядеть он будет примерно так:
...
После этого фрагмента можно вставить код похожих статей. В моём примере дальне будет идти код навигации.
Шаг 2: вставка кода похожих статей.
После того как вы определились с местом, вставляете вот этот код:
ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids = $individual_tag->term_id;
$args=array("tag__in" => $tag_ids,
"post__not_in" => array($post->ID),
"posts_per_page"=>5
,
// Количество вывода похожих статей.
"ignore_sticky_posts"=>1);
$my_query = new wp_query($args);
if($my_query->have_posts()) {
echo "
";
while ($my_query->have_posts()) {
$my_query->the_post();
?>
- " rel="bookmark" title="Перейти к статье
">
";
}
}
$post = $backup;
wp_reset_query();
?>
Теперь после каждой статьи будет выводиться список похожих статей, релевантность которых определяется по тегам.
Внешний вид списка будет соответствовать дизайну вашего сайта, так как стили, определённые в шаблоне, распространяются и на этот список.
Но, если вы захотите внести изменения в стили, то вы всегда можете использовать класс relatedPosts и задать свои стили. Этот класс я уже добавил в основу списка.
Также вы можете изменить в коде элементы, отмеченные оранжевым цветом.
К примеру, вы захотите вывести похожие статьи не по тегам, а по категории. Предложив посетителю, ознакомится с похожими материалами из этой категории.
Тогда, действуя по описанному выше алгоритму, вы вставляете вот этот код:
Похожие статьи из категории:
ID);
if ($categories) {
$categories_ids = array();
foreach($categories as $individual_category) $category_ids = $individual_category->term_id;
$args=array("category__in" => $category_ids,
"post__not_in" => array($post->ID),
"posts_per_page"=>5
,
// Количество похожих статей.
"ignore_sticky_posts"=>1);
$my_query = new wp_query($args);
if($my_query->have_posts()) {
echo "
";
while ($my_query->have_posts()) {
$my_query->the_post();
?>
- " rel="bookmark" title="Перейти к статье
">
";
}
}
$post = $backup;
wp_reset_query();
?>
Этот код сортирует статьи только по категории. Теги уже не играют никакой роли.
Приветствую! Вот наконец-то я и дождался своего отпуска, впереди целый месяц отдыха. Но это не означает что прекратится работа на блоге. И сегодня по плану очередной пост из рубрики Кодекс.
Вывод в конце каждого поста списка связанных записей улучшает поведенческие факторы на блоге, увеличивает время нахождения на ресурсе и т.д. Для этого не обязательно устанавливать плагины и достаточно обойтись простым кодом.
То, что плагины потребляют достаточное количество ресурсов ни для кого не секрет и я стараюсь избежать их использования, если это возможно. Одним из таких шагов навстречу оптимизации работы блога и ускорения загрузки является использование очень простого кода для вывода похожих записей на Вордпресс без плагинов.
Критерием схожести будет служить присвоение рубрики статье, т.е. в конце каждого поста можно вставить похожие записи из той же рубрики. И для этого не требуется присваивать посту метки (теги) — я их и не использую, от индексации они все равно закрываются, т.к. приводят к дублированию контента внутри одного , удобство их использования лично для меня остается под вопросом, а оставлять для красоты — не практично…
До того как я стал использовать код для вывода похожих записей
я пользовался плагином WordPress Related Posts и хочу заметить, что внешний вид списка ничем не отличается ни при использовании плагина, ни после отказа он него в пользу кода. И это очень хорошо, что читатель внешне не находит отличий, ему не приходится привыкать к чему-то новому. Да я и сам люблю стабильность.
Немножечко про стабильность… Вот уже на протяжении двух месяцев Блог Свободного Вебмастера немного изменил свой внешний вид и перешел от трехколоночного дизайна (2 сайдбара + основная часть) к двухколоночному (остался один правый сайдбар, основная часть расширилась). Я так и не находил времени узнать у своих читателей мнения по поводу изменений. Как Вы считаете, так лучше?
Извиняюсь за оффтоп, продолжаю тему и собственно привожу сам код, способный заменить плагины и выводить список похожих записей без плагинов в конце каждой статьи:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
Читайте также:
ID
)
;
if
($categories
)
{
$category_ids
=
array
()
;
foreach
($categories
as
$individual_category
)
$category_ids
=
$individual_category
->
term_id
;
$args
=
array
(
"category__in"
=>
$category_ids
,
"post__not_in"
=>
array
($post
->
ID
)
,
"showposts"
=>
"5"
,
"orderby"
=>
"rand"
,
"ignore_sticky_posts"
=>
"1"
,
"no_found_rows"
=>
true
,
"cache_results"
=>
false
)
;
$my_query
=
new
wp_query($args
)
;
if
( $my_query
->
have_posts
()
)
{
echo
" "
;
while
($my_query
->
have_posts
()
)
{
$my_query
->
the_post
()
;
?>
-
">
"
;
}
wp_reset_query()
;
}
?>
|
Читайте также:
ID);
if ($categories) {
$category_ids = array();
foreach($categories as $individual_category) $category_ids = $individual_category->term_id;
$args=array("category__in" => $category_ids,
"post__not_in" => array($post->ID),
"showposts" => "5",
"orderby" => "rand",
"ignore_sticky_posts" => "1",
"no_found_rows" => true,
"cache_results" => false);
$my_query = new wp_query($args);
if($my_query->have_posts()) {
echo "
";
while ($my_query->have_posts()) {
$my_query->the_post();
?>
- ">
";
}
wp_reset_query();
}
?>
Обратите внимание на строку:
"orderby" => "rand",
Вот в принципе и все настройки.
В CSS можно задать дополнительные настройки внешнего вида, специально для этого исполняемый код заключен в класс
Sample-posts {}
С помощью таблиц стилей есть возможность задать фон или подложить картинку на задний план, обвести в рамку, использовать другой шрифт, для списка использовать другие маркеры и т.д. — возможности ограничены лишь и собственной фантазией!
Желающих обсудить приглашаю к комментированию и если не трудно ответьте, пожалуйста, на вопрос заданный в середине записи)
Доброго дня! Мы уже не раз говорили о том, насколько важно проводить внутреннюю оптимизацию на сайте. Один из способов сделать эффективную внутреннюю перелинковку – вывод похожих записей внизу каждой статьи. Такое дополнение позволяет увеличить длительность пребывания посетителей на сайте, уменьшает показатель отказов, а соответственно положительно сказывается на . О том, как добавить похожие записи на WordPress-блог, какие плагины для этого подойдут, а также о том, как это сделать без плагинов пойдет речь в сегодняшней статье.
Есть два варианта вывода похожих записей под статьей – по категориям и по тегам (меткам). Теги позволяют показывать схожие по тематике статьи, которые могут относиться к разным разделам. За вывод статьи отвечает файл single.php. Если кто забыл, можно ознакомиться со статьей про .
Т.е. чтобы добавить похожие записи без плагина к статье, нам нужно вставлять код непосредственно в single.php.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
Читайте также
ID
)
;
if
($categories
)
{
$category_ids
=
array
()
;
foreach
($categories
as
$individual_category
)
$category_ids
=
$individual_category
->
term_id
;
$args
=
array
(
"category__in"
=>
$category_ids
,
"post__not_in"
=>
array
($post
->
ID
)
,
"showposts"
=>
3
,
"orderby"
=>
rand
,
"caller_get_posts"
=>
1
)
;
$my_query
=
new
wp_query($args
)
;
if
( $my_query
->
have_posts
()
)
{
echo
" "
;
while
($my_query
->
have_posts
()
)
{
$my_query
->
the_post
()
;
?>
-
" rel="bookmark" title="
">
"
;
}
wp_reset_query()
;
}
?>
|
Читайте также
ID);
if ($categories) {
$category_ids = array();
foreach($categories as $individual_category) $category_ids = $individual_category->term_id;
$args=array("category__in" => $category_ids,
"post__not_in" => array($post->ID),
"showposts"=>3,
"orderby"=>rand,
"caller_get_posts"=>1);
$my_query = new wp_query($args);
if($my_query->have_posts()) {
echo "
";
while ($my_query->have_posts()) {
$my_query->the_post();
?>
- " rel="bookmark" title="">
";
}
wp_reset_query();
}
?>
- Если заменить строку "category__in" => $category_ids, на такую: "tag__in" => $tag_ids, то сортировка похожих записей будет осуществляться по тегам.
- В этом коде следует обратить внимание также на строку "orderby"=>rand, . Она отвечает за случайный порядок вывода ссылок на записи. Если вы хотите, чтобы записи были показаны согласно датам создания, эту строку следует убрать.
- Cтрока "caller_get_posts"=>1 запрещает повторение записей под постом.
- Cтрока "showposts"=>3, указывает на количество выводимых записей.
Приведенный код нужно вставлять сразу после вывода статьи в файле single.php.
Но это еще не все. Если вы хотите, чтоб по ссылкам похожих записей переходили, вам придется дополнительно их оформить. Для этого нужно внести изменения в файл стилей style.css.
Чтобы получилось, как на данном , добавьте следующий код:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
| #related_posts
{
margin-right
:
-25px
;
}
#related_posts
p{
font-size
:
18px
;
}
#related_posts
li{
float
:
left
;
width
:
205px
;
margin
:
0
20px
20px
0
;
padding
:
4px
;
background
:
#f8f8f8
;
/* цвет фона серый*/
height
:
160px
;
}
#related_posts
li:
hover
{
background
:
#f6fffd
;
/* смена фона на голубой при наведении */
}
#related_posts
li a{
text-align
:
center
;
display
:
block
;
padding
:
5px
;
color
:
#222
;
/* цвет ссылок */
}
#related_posts
li img{
width
:
195px
;
height
:
117px
;
}
|
#related_posts{
margin-right: -25px;
}
#related_posts p{
font-size: 18px;
}
#related_posts li{
float: left;
width: 205px;
margin: 0 20px 20px 0;
padding: 4px;
background: #f8f8f8; /* цвет фона серый*/
height: 160px;
}
#related_posts li:hover{
background: #f6fffd; /* смена фона на голубой при наведении */
}
#related_posts li a{
text-align: center;
display: block;
padding: 5px;
color: #222; /* цвет ссылок */
}
#related_posts li img{
width: 195px;
height: 117px;
}
Внося изменения в код, вы можете выводить записи с миниатюрами различного оформления и стиля.
Если вы отдаете предпочтение плагинам, то вот несколько из них для выводапохожих записей: WordPress Related Posts, Simple Tags, Similar Posts или Yet another related posts.
Наиболее популярный WordPressRelatedPosts анализирует содержание статьи и подбирает соответствующие ей посты с вашего блога. Преимуществом данного плагина похожих записей перед остальными является то, что он наиболее легкий, т.е. меньше других нагружает сервер. Читайте « ». В настройках WordPressRelatedPosts так же, как и с помощью кода, но без лишних трудов, можете указать количество выводимых записей, принцип сортировки (по дате, случайный, по популярности). Также вы можете выводить посредством плагина в Вордпресс похожие записи с миниатюрами (Thumbnail), но для этого для ваших статей на сайте должны быть предварительно созданы эти миниатюры.
Выбирайте свой способ, чтоб выводить похожие записи в WordPress:плагин или код. Главное, чтоб выбранный метод соответствовал вашим ожиданиям и привлекал все больше посетителей на сайт.