Похожие записи с миниатюрами с помощью плагина WordPress related posts

Доброе время суток, уважаемые посетители!

В данном материале вы узнаете про плагин Related posts, с помощью которого делаются отличные похожие записи с миниатюрами.

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

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

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

Этот же плагин будет брать первую картинку из изображений в статье. Так что, если вы назначаете главную картинку в статье, то можете не переживать, что не задали миниатюру в настройках к посту. С миниатюрами он также работает.

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

А сейчас покажу, как настроить этот плагин и какие есть нюансы.

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

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

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

Скачать плагин можете с официальной страницы, нажав на кнопку ниже.

Далее устанавливаете плагин и сразу его активируете. После этого в настройках сайта появится новый пункт - Related posts.

Так как плагин сам с просторов англоязычного интернета, то для начала нужно перевести название блока на русский язык. Из изображения в начале статьи вы можете увидеть, что я блок назвал "Вам также будет интересно почитать".

Настраивается данный параметр в самом начал настроек (Basic settings).

Касаемо количества выводимых постов (Number of posts) то не рекомендую выводить более 5ти записей. Я выставил вариант из 4х статей, так как 5 просто не вместилось бы в одну строку.

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

Далее у нас идут дополнительные настройки (Advanced settings) где мы можем настроить внешний вид. Первый пункт (Themes) касается выбора темы отображения похожих записей.

Самый первый чек-бокс "Enable themes" отвечает за возможность выбора темы оформления. Если его отключить, то будет выводиться стандартный вариант в виде простых ссылок на записи. Если будут заданы миниатюры к постам, то рядом с ссылками они также будут выводиться.

Я, естественно, выбор темы включил и могу определиться с нужным вариантом. Ниже вы можете увидеть много различных вариаций. Тут уже, что вам больше понравится и будет лучше смотреться на вашем сайте. Я выбрал 3й вариант (vertical large) с отображением больших миниатюр. Именно такой вариант и показан на самом первом изображении в этой статье.

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

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

  • Display Thumbnails For Related Posts - включить или отключить отображение миниатюр в похожим постам;
  • Display Number of Comments - если включите, то рядом с ссылкой будет отображаться количество оставленных комментариев в статье;
  • Display Publish Date - отображение даты публикации записи;
  • Display Post Excerpt - включает отображения части содержимого рядом с ссылкой. Если включаете настройку, то в поле нужно задать количество символов, которое будет отображаться. Не рекомендую ставить этот чек-бокс, так как будет слишком все громоздко и никакой пользы это не дает. Ссылки вполне достаточно;
  • Enable custom CSS - если вы хотите дописать какие-то стили к блоку, то нет необходимости лезь в файл стилей вашего шаблона. Можно активировать эту настройку и снизу прописать нужные стили к определенным классам, которые уже имеются в этой настройке. Как видите на изображении выше, мне данной настройкой пришлось воспользоваться;
  • Default thumbnails - если в статье не будет ни одной картинки и миниатюра также не будет задана, то в данной настройке, нажав на кнопку "Выберите файл", можно выбрать изображение, которое будет отображаться к таким статьям;
  • Custom size thimbnails - можно задать свой размер миниатюр. В моем случае это не потребовалось, так как в моем варианте темы стояли нормальные размеры (150х150 пикселей).

Далее идут другие (Other settings) настройки, которые редко используются, но все же их стоить рассмотреть.

  • Exclude these Categories  в данном пункте можно исключить определенные категории, чтобы их записи не выводились в боке похожих записей. Просто поставьте чек-бокс напротив нужной категории и записи больше не будут выводиться;
  • Auto Insert Related Posts - по умолчанию эта настройка активна и вряд ли вам понадобится ее трогать. Она автоматически размещает блок похожих записей в нужном месте, то есть в конце поста. У меня же не активна, так как мне пришлось изменить место размещение этого бока.

У меня получалось так, что блок размещался перед социальными кнопками. А какой смысл от соц. кнопок, если их не видно? Поэтому, мне пришлось разместить похожие записи после кода социальных кнопок. Чтобы сделать также, вам нужно убрать чек-бокс с этой настройки и разместить следующий код в нужном месте - <?php wp_related_posts()?.

Вот, как это сделал я.

  • Display Related Posts in Feed - отображать ли похожие записи в новостной ленте, то есть в фиде;
  • Support us (show our minimized logo) - если хотите поддержать разработчиков плагина, то ставьте эту настройку и рядом с блоком должен быть небольшой логотип.

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

Надеюсь, что я достаточно все просто и понятно растолковал. Все очень просто.

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

Хотите улучшить поведенческие факторы? Не проблема. Работайте над сайтом и делайте упор на пользователей. Делайте качественный контент и удобный сайт и никакие секретные фишки вам не нужны будут, которых, собственно, и не существует.

Что касается аналогом этого плагина, то можно использовать следующие:

  • Related posts thumbnails;
  • Yet Another Related Posts Plugin;

Последний особенно хорош. Чем именно, расскажу в других статьях, где так же подробно разберу эти 2 плагина.

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

До связи.

С уважением, Константин Хмелев!

40 лет Победы51937Украина, Днепропетровская обл., г. Днепродзержинск,+38 093 338 11 41
Комментариев: 14
  • Доброго времени суток, Константи. Спасибо за видео обзор. Только у меня вот данный плагин не все главные картинки отображает. В некоторых статьях сам не понятные картинки подстовляет. Не первые в статье.

    • Доброго, Антон!

      Вообще работа с картинками в подобных плагинах не столь стабильна, как хотелось бы, так как они реагируют именно на миниатюры. Реагирование на картинки в данном плагине является достоинством, которого нет в других подобных решениях.

      Если взять причины, то что я могу предположить следующее:

      1. К статье назначена миниатюра, которая и берется вместо картинки в теле статьи;

      2. В теле статьи имеется более релевантная картинка (название изображения релевантное теме статьи), которая и берется в качестве миниатюры в блоке похожих записей.

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

  • Привет. Такой вопрос у меня почему-то оранжевая кнопка Edit Related Posts не активна. И я естественно не могу настроить нужные записи в конце статьи. Что делать?

    • Привет. Без понятия. Неактивна значит, что она есть, но некликабельна? Если так, то даже не знаю, что это может быть. Никогда не сталкивался. Возможно какой-то скрипт на сайте блокирует ссылку. Если же кнопки вообще нет, то возможно, что прописаны стили, которые ее скрывают. Кстати, кнопка доступна только под залогиненным аккаунтом администратора.

  • Спасибо за статью!

  • Здравствуйте , Константин.
    Плагин интересует как инструмент перелинковки и выводить ничего не нужно.
    Вопрос : если в настройках установить определённое количество записей для вывода , но закрыть для отображения во всех рубриках , сама перелинковка будет видна поисковым системам ?
    Заранее спасибо за ответ )

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

      • Да , клоакинг - в тему сказано. Мне это нужно для дорвеев. Хотите сказать , что поисковики могут негативно отнестись к такому полному сокрытию ?

        • Константин , не совсем понял , зачем переносить на лок сервер ? Что мне это даст увидеть ?

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

        • В первую очередь такая перелинковка нужна пользователю. Поиску она ничего не даст в плане продвижения, точнее сказать - практически ничего. Куда более важна ручная перелинковка внутри текста.

          • SEO дорвея такая же , не считая некоторых нюансов.
            Понятно , что этот плагин в первую очередь для людей.Сеошники сходятся во мнении , что оптимизация при помощи этого плагина сильно влияет .Конечно не так сильно , как ссылки с анкорами в теле статьи.

  • Кстати , нашёл плагин для автоматического создания ссылок с анкорами по ключевым словам. Может будет интересно....
    SEO Smart Links

    • Нет, такие плагины не интересны, т.к. я делаю все ручками, такая работа гораздо эффективнее, можно управлять ссылками, "маневрировать" ими, чего плагин не позволяет делать.

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

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