WordPress Related Posts — плагин перелинковки для вывода похожих записей на сайте

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com. Продолжаем разбирать плагины, которые вносят свой вклад во внутреннюю оптимизацию сайтов, работающих на WordPress. К ним, безусловно, относится и Related Posts, помогающий произвести перелинковку страниц с помощью «похожих записей». А это шаг к успешному SEO продвижению всего веб-ресурса.

Какие же задачи выполняет данный плагин? Их две. Если говорить в общем, то он помогает оптимально распределить статический вес между страницами со статьями, а также позволяет улучшить показатели поведения посетителей на сайте, что дает заметное преимущество при ранжировании поисковыми системами.

Чуть ниже я постараюсь более предметно отметить место плагина Related Posts в схеме линкования, рассказать о нюансах его установки и настроек для своих нужд, включая возможность использования миниатюр (небольших картинок).

Ответ на вопрос, присутствующий в заголовке этого раздела статьи, в теоретическом ракурсе весьма прост. Перелинковка — это соединение всех страниц сайта посредством гиперссылок (от английского термина «link», означающего связь, ссылку). Но вот на практике правильно осуществить данное мероприятие не так легко, как может показаться на первый взгляд.

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

Я уже писал о схемах перелинковки под НЧ, СЧ, ВЧ запросы, которые можно применять. В этом же материале я особо отметил, что использования одной какой-то схемы не является лучшим вариантом, требуется подходить к решению этой задачи комплексно, более того, брать на вооружение разные виды линкования для достижения максимального эффекта.

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

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

Доноры ссылаются с нужными анкорами, содержащими ключевые слова в той или иной морфологической форме, под которые заточены страницы-акцепторы (те, на которые ведут линки). Ежели у вас стандартный информационный ресурс (на манер моего блога), и вы таким образом его грамотно перелинкуете, то статьи, написанные под НЧ, спокойно могут попасть в ТОП выдачи поисковых систем без дополнительных финансовых влияний.

Проведенная подобным образом внутренняя оптимизация может быть полезной и для коммерческих проектов (тех же интернет-магазинов). Правда, ввиду сильной конкуренции их владельцам для "полного счастья", возможно, понадобиться закупить обратных ссылок (это лучше делать на проверенных временем биржах, к примеру, на МираЛинксе или ВебАртексе).

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

Ведь благодаря их наличию посетитель быстро и четко определяет, на какой странице какого раздела сайта он находится. Для Вордпресса одним из средств реализации хлебных крошек является плагин Breadcrumb NavXT, о котором подробно можете узнать, если перейдете по предоставленной ссылке.

Ну а теперь самое время уделить время нашему сегодняшнему герою. Related Posts на страницах со статьями выводит похожие записи WordPress со ссылками на материалы, близкие по теме той публикации, в конце которой они присутствуют.

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

Установка и настройка плагина WordPress Related Posts

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

После того, как вы установили расширение и активировали, оно, в принципе, сразу готово к работе. Однако, ежели вы желаете установить вывод похожих статей в нужном вам месте, то стоит попытаться найти его в шаблоне single.php (могут быть его вариации), связанном с выводом страниц записей вашей темы WordPress (тут о строении шаблонов WP и их работе все подробности) и вставить туда функцию вызова этого расширения:

<?php wp_related_posts()?>

Для редактирования шаблонов на хостинге лучше всего использовать отличный редактор Notepad++, помогающий подключиться к серверу посредством FTP протокола. Как же определить то место, в которое необходимо поместить строчку вызова плагина? Попробуйте отыскать в шаблоне single.php своей темы функцию, отвечающую за отображение контента:

<?php the_content()?>

Однако, в современных темах, адаптированных к последним версиям движка, вполне возможно присутствие в single.php функции, отвечающей за присоединение нужных частей шаблона:

<?php get_template_part(); ?>

Это как раз будет точкой отсчета. Если ваш ресурс только что создан, и файл шаблона не содержит никаких дополнительных вставок в виде скриптов социальных кнопок, форм подписки и т.д., то код вызова можно поместить сразу под «php the_content» или «php get_template_part».

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

При этом каждый раз необходимо сохранять изменения в single.php, а также перезагружать открытую страницу, чтобы проследить произошедшие после редактирования изменения. Я, например, для вывода блока тематических ссылок после формы подписки внизу каждой статьи расположил выше означенный код таким образом:

После этого на каждой страничке записей (статей) похожие материалы WordPress стали выглядеть довольно симпатично даже без дополнительных телодвижений:

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

Как настроить похожие материалы (с миниатюрами) на свой вкус

Итак, даже сразу после установки плагин уже должен весьма корректно работать. Однако, возможно, вам захочется чуток подкорректировать оформление похожих записей. Для этого в настройках этого расширения (после его активации туда можно попасть из левого меню админки Вордпресс «Настройки» - «WordPress Related Posts») есть все возможности:

В оригинале, например, заголовок выводится на английском языке (Related Posts Title). Вы можете изменить текст на русский, причем на любой. Также можно выставить количество материалов, присутствующих в списке (Number of Posts):

Ежели желаете выводить список похожих статей на основании тем оформления, предложенных разработчиками плагина, то отмечаете галочкой опцию «Enable Themes» и выбираете тип расположения (layout):

Если отметите «Plain (your own css)», то сможете произвести редактирование вида похожих записей уже на основании собственных стилей CSS, некоторые из которых можете указать чуть ниже в пользовательских настройках «Customize» (чтобы такая возможность появилась, нужно заполнить чекбокс напротив опции «Enable custom CSS»):

Чтобы проследить все изменения, которые вы будете осуществлять в отношении стилей, в онлайн режиме, следует воспользоваться инструментами разработчика, которые присутствуют во всех популярных браузерах, в том числе числе в моем любимом Хроме (для этого достаточно нажать F12 на клавиатуре).

Я поступил следующим образом. Сначала выбрал тему «Modern» и сохранил настройки для отображения блока ссылок в браузере. И уже в онлайн режиме посредством упомянутого мною инструмента изменил значения некоторых CSS свойств.

Например, для контекстного селектора «.wp_rp_wrap .related_post_title», формирующего внешний вид заголовка «Похожие записи», я изменил параметры background (частным случаем которого является background-color), определяющего в данном случае цвет фона, font-weight, прописав ему параметр bold, в результате чего текст становится жирным (взгляните на скриншот ниже):

Кроме этого, я поменял величину закругления рамки, огибающей заголовок («border-radius: 2px !important»), а также цвет самой рамки border (#ccc). В уже имеющийся набор стилей я также добавил новое свойство «color» со значением «#927f53» для выбора цвета текста заголовка (все внесенные в ходе онлайн редактирования величины отмечены красными стрелочками):

Для того, чтобы иметь представление о том, как применить на практике подобное средство редактирования, можете ознакомиться с материалом о плагине Firebug для браузера Мозила, который является его аналогом. В общем случае, после того, как вы удовлетворитесь результатом, можно уже произвести реальные изменения файла style.css вашей темы.

Однако в данном конкретном случае все немного проще. Если вам в полной мере понравится итог своих экспериментов, можно просто скопировать полученный набор свойств CSS прямо из окна редактора и перенести их в окно настроек.

У меня стили получились такими (кстати, вы можете их использовать полностью, поместив в поле «Enable custom CSS» или взять набор этих правил за основу, подогнав вид похожих статей под свою тему оформления в том же редакторе):

.wp_rp_wrap .related_post_title {background: #eae9e9 !important; padding: 3px 0 3px 10px !important; margin: 0 !important; font-weight: bold; color: #927f53; border-radius: 2px !important; border: 1px solid #ccc !important; clear: both !important;}

ul.related_post {margin: 0 0 18px 0 !important; padding: 0 !important;}

ul.related_post li {position: relative !important; min-height: 60px; list-style: none !important; padding: 10px 0 10px 0 !important; margin: 0 !important; border-bottom: 1px solid #e4e1d8 !important; background: none !important;}

ul.related_post li a.wp_rp_thumbnail {float: left !important; margin-right: 10px !important;}

ul.related_post li a {position: relative !important; text-decoration: none; text-indent: 0 !important; font-size: 16px;}

ul.related_post li a.wp_rp_thumbnail img {float: none !important; margin-right: 0 !important; display: block !important;}

ul.related_post li a img {width: 60px; height: 60px; float: left !important; margin: 0 10px 0 0 !important; padding: 0 !important; max-width: 100% !important; float: none !important;}

Как вы, наверное, уже поняли, плагин способен обеспечивать отображение миниатюр, или небольших картинок (thumbnails), в различных вариациях. Они выводятся вместе со списком ссылок на записи и связаны с ними. Это лучший вариант, поскольку пользователи чаще переходят по таким линкам.

Чтобы миниатюры выводились, надо активировать той же галочкой пункт «Display Thumbnails For Related Posts». Собственно, порядок отображения (layout) тем разработчика с изображениями, описанных мною выше, будет работать только при заполненном чекбоксе. Давайте посмотрим, какие еще опции можно активировать, заполнив их галочками:

  • Display Number of Comments — отображать количество комментариев;
  • Display Publish Date — показывать дату публикации;
  • Display Post Excerpt — можно оформить вывод анонса поста, на который проставлена ссылка, а также указать, какое число символов в нем будет отображаться;
  • Display Post Categories — показывать категорию, которой принадлежит материал.

Еще несколько настроек, присутствующих на выше расположенном скриншоте:

Default thumbnails — отображение миниатюры по умолчанию к постам, у которых отсутствуют изображения. Вы можете загрузить нужную картинку со своего компьютера.

Use custom field for thumbnails — использовать произвольные поля для миниатюр. Данные настройки предназначены для продвинутых вебмастеров, знакомых с данным аспектом. На всякий случай даю ссылку на материал о метаполях.

Use Custom Size Thumbnails — применить пользовательские размеры миниатюр. Надо сказать, что при загрузке изображения к конкретной статье WordPress автоматически генерирует сразу три экземпляра картинки с разными размерами (width — ширина и height — высота), включая миниатюры (thumbnails), размеры которых по умолчанию будут 150×150 пикселов.

В той же админ-панели WordPress вы уже в начале создания своего сайта можете указать нужные вам размеры для каждого вида изображений, которые будут затем использоваться. В Related Posts вы можете настроить значения высоты и ширины, которые будут применены непосредственно к списку похожих записей.

Ну и последний блок настроек, где возможно исключить те категории на вашем сайте WordPress, в постах которых вы не хотите видеть результат работы плагина (Exclude these Categories):

Тут же есть еще пункты, требующие разъяснения:

Auto Insert Related Posts (or add to your single post template) — заполненный чекбокс инициирует автоматическую вставку кода вызова расширения. Выше я уже отмечал, что это можно сделать и вручную (в этом случае ставить галочку здесь не нужно).

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

Display Related Posts in Feed — отображать похожие записи в RSS ленте (суть которой изложена в этом материале), которую все современные вебмастера выводят через гугловский сервис Feedburner (тут о том, как зажечь свой фид).

Support us (show our minimized logo) — если проставите галочку, то справа внизу перечня линков на похожие посты появится мини-логотип со ссылкой на сайт, связанный с разработчиком. Уважение вызывает, то, что эта опция не активирована по умолчанию. Возможно, кто-нибудь из вебмастеров захочет таким образом поддержать авторов.

Если раскроете вкладку «About related posts», то ознакомитесь с дополнительной информацией о возможностях, которые реализованы в плагине. Правда, имеется всего несколько абзацев и то на английском, как и присутствующий там же видеоролик. После того, как произведете все настройки, не забудьте сохранить изменения, нажав кнопку «Save change».

Еще статьи по данной теме:
Самые интересные публикации из рубрики: Создание сайтов

39 отзывов

  1. септик

    Спасибо за статью, всегда рад почитать вас!

  2. Алексей

    Плагин установил, вот только почему то у меня нету нумерации из точек, просто список статей выдается.

  3. Игорь

    Алексей, у нас с Вами различные темы (шаблоны), поэтому и получаются разные результаты в оформлении.

  4. Алина

    хороший блог. мне нравится. чтобы не потерять.

  5. Евгений

    Игорь, спасибо за плагин) правда они интерфейс с видом настроек немного изменили, но на актуальность статьи это не повлияло, сегодня поставил все работает. Мне интересно, сами вы тоже его используете еще?

  6. Евгений

    Еще хотел спросить, почему вы всегда рекомендуете использовать для редактирования file zila + notepad++, если нужно вставить маленькую строчку в файл - не лучше ли воспользоваться встроенным редактором?

  7. Игорь

    Евгений, конечно, можно использовать редактор админки. Просто notepad++ более удобен в том смысле, что позволяет вернуться на сколь угодно шагов назад, возвращая состояние файла к первоначальному виду. Кроме того, он выделяет все теги и другие элементы кода, что позволяет сразу обнаружить ошибку. Когда привыкаешь к использованию редакторов, делаешь это уже на автомате. Поэтому я и рекомендую их использовать. Однако тут каждый поступает так, как ему удобнее.

  8. Игорь

    Евгений, WordPress Related Posts действительно классный плагин для автоматической перелинковки в том смысле, что регулярно обновляется. Однако я придерживаюсь принципа замены плагинов кодами там, где это возможно, для снижения нагрузки на сервер и ускорения сайта, поэтому данное расширение уже не использую, заменив его кодом.

  9. Egor

    Спасибо, установил плагин. У меня вопрос, как установить такие же кнопки для комментариев (b жирный, к примеру)

  10. Игорь

    Не понял, Егор, какие кнопки и при чем здесь плагин Related Posts?

  11. Eugen Wolf

    Добрый день теска,
    подскажите, как можно исключить вывод похожих тем с определенных страниц и запрет некоторых. А то в моем случае, на страничке контакт http://www.beautyshoot.de/kontakt/ портится весь вид. К тому же есть закрытые гелереи для клиетов, которые я не хочу показывать на общее обозрении, а этот плагин их выводит.

  12. Игорь

    Eugen, вот не ожидал, что мы с Вами тезки. 🙂 В плагине можно поставить запрет на отображение статей определенных рубрик. Эта опция «Exclude these Categories:». Ставите галочки и запрещаете нужные категории.

  13. Eugen Wolf

    Ой извените Игорь перепутал с Евгением в верхнем посте.
    Как раз методом тыка удалось настроить. При каждом изменении приходится кэш чистить. Не подскажите какие у вас плагина для коментариев стоят?

  14. Игорь

    Что касается комментариев, то я использую только Subscribe to Comments, все остальное изменил согласно своим пожеланиям с помощью редактирования шаблонов темы.

  15. Евгений

    Игорь, добрый день. Я Ваш читатель. Подскажите, пожалуйста, как выравнить записи под миниатюрами по левому краю или по центру, а не по ширине, как здесь http://www.avtoexpert.pro/ekspertiza-kachestva-shans-.., а то как-то не красиво. Заранее спасибо.

  16. Игорь

    Евгений, если Вы имеете ввиду подписи под миниатюрами, то найдите в файле шаблона, который выводит миниатюры, примерно вот такой фрагмент:

    <?php the_post_thumbnail('thumbnail'); ?>
     <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>
    

    и заключите отрывок:

    <?php the_title(); ?>

    в контейнер div с соответствующим классом, например, class=«thumb-title» (название класса можно придумать свое):

    <div class="thumb-title"><?php the_title(); ?></div>

    К этому классу пропишите такое свойство, добавив его в файл style.css:

    .thumb-title {text-align:left;}

    Таким образом текст будет выровнен по левому краю. Ежели желаете выровнять по центру, замените значение left на center.

  17. Евгений

    Игорь, а как называется шаблон, который вывод миниатюры? wordpress-23-related-posts-plugin/wp_related_posts.php?

  18. Игорь

    Нет-нет, Евгений, то, что Вы написали, файл, принадлежащий плагину WordPress Related Posts, а Вам нужен шаблон single.php, скорее всего, который выводит одиночные статьи и располагается в корневой папке Вашей темы по адресу:

    ваш_сайт/wp-content/themes/название_темы/single.php
  19. Евгений

    Игорь, добрый день. Не получается. А есть какой-нибудь другой способ? Попроще. Я начинающий пользователь. Спасибо.

  20. Игорь

    Я, конечно, понимаю, Евгений, все когда-то начинали. Хорошо, попробуйте следующее. Войдите в админ панели WordPress в раздел редактирования настроек Related Posts (нажмите Settings). Там есть подраздел «Custom CSS» и возможность добавить CSS свойство, надо выбрать такое:

    ul.related_post li a {
    }

    Сюда нужно добавить следующий стиль: text-align:left;
    Получится так:

    ul.related_post li a {
    text-align:left;
    }

    Вместо left можно поставить значение center, если хотите выровнять по центру. Действительно, надо было Вам сразу такой вариант подсказать, давно не влезал в настройки плагина и упустил из виду, что сейчас его функционал стал значительно шире. Только потерял свое и Ваше время.

  21. Евгений

    Игорь, добрый день. Вот теперь все получилось. Спасибо большое.

  22. Максим

    А что за плагин выводит "самые интересные статьи рубрики"?
    Еще я установил указанный плагин, но он выглядит совершенно по другому. Неужели настройки так изменились после всех обновлений?

  23. Игорь

    Максим, «Самые интересные статьи из рубрики» выводит у меня не плагин, а соответствующий код, я стараюсь не увлекаться расширениями, ставлю только самые необходимые. А что касается WordPress Related Post, то да, этот плагин очень часто обновляется, поэтому придется освежить статью, руки пока не дошли.

  24. Николай

    Игорь добрый день. А где эти все настройки WordPress Related Posts . Установил плагин, там нету всех этих настроек..

  25. Игорь

    Николай, к сожалению, плагин уже обновлялся неоднократно, настройки поменялись и материал немного устарел, он будет обновлен обязательно.

  26. Алексаша

    Здравствуйте,
    у меня заголовок над "Похожие записи" выдает как "Похожие товары"...
    В поле «Related Posts Title» введено то что мне нужно, но ничего не меняется.
    Может подскажите, где и как это можно прописать (исправить)?
    В single темы не нашел. Может надо в самом плагине где прописать, изменить?
    Для наглядности (http://www.korsetynadomspb.ru/shop/chernye-korsety/klassicheskij-zhakkardovyj-korset-pod-grud-s-uzorom/) внизу.
    Заранее благодарен!

  27. Игорь Горнов

    Что-то не понял, что Вы желаете поменять..."Похожие товары" как нельзя в тему. Что должно меняться?

  28. Александр

    А как убрать кнопку в конце поста с надписью Edit Related Posts

  29. Игорь Горнов

    Александр, эта кнопка появляется только для Вас, когда вы авторизованы в админ панели своего сайта, другие пользователи ее не видят. Это сделано для упрощения редактирования настроек. Попробуйте выйти из админки WordPress, перезагрузите страницу, предварительно почистив кэш, вследствие чего данная кнопка исчезнет.

  30. Александр

    Игорь, спасибо. Я не знал этого, плагин только поставил. Теперь буду в курсе

  31. Игорь Горнов

    Пожалуйста, Александр. Главное, этот плагин систематически обновляется.

  32. Сергей

    Спасибо за статью. Очень помогли.

  33. andrew87

    А что это за код, стандартный, который часто встречается?
    Статьи у вас нет о нем?

  34. алексей

    С этим то понятно, вот она еще выскакивает для зарегистрированных пользователь, надо ее убрать. Как это сделать?

  35. Галина

    Игорь, здравствуйте! Сегодня обновила плагин и он у меня вывел 2 строки похожих записей - до кнопок соц. сетей и после. Первая раньше так и стояла, а как удалить вторую? Просмотрела настройки, все вроде, норм и раньше было тоже. Написала адрес блога, чтобы вы посмотрели. Спасибо заранее.

  36. Игорь Горнов

    Галина, попробуйте задать свой вопрос на тематическом форуме:
    https://ru.wordpress.org/support/forum/plugins-and-hacks/
    Думаю, они ответят лучше меня.

  37. Галина

    Спасибо, Игорь,попробую.

  38. Галина

    Игорь, здравствуйте! Обратилась на форум, спасибо за адрес, и мне сегодня ответили. Оказывается под раздачу попала не я одна! Версия 3.6.4. с ошибками! Друзья, повремените с обновлением, мне пришлось восстанавливать резервную копию сайта, чтобы не искать все ошибки. Авторы работают над устранением ошибок. Вот ссылка на форум по этому вопросу - https://wordpress.org/support/topic/version-3-6-4-update/ почитайте сами, там и автор плагина участвует в дискусии. Всем удачи.

  39. Игорь Горнов

    Вот видите, как Вы сэкономили время. Действительно, подобные ошибки бывают, все мы люди. И спасибо Вам, Галина, за то, что поделились информацией.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Чтобы ввести любой код, вставьте его между [php] и [/php]. Ссылка (URL), помещенная в текст комментария, не будет активной. C целью ее выделения и более удобного копирования можно заключить ее между тегами <pre> и </pre>.