Похожие статьи вордпресс. WordPress: похожие записи без использования плагина
Одной из замечательных особенностей WordPress является система плагинов. Плагины WordPress решают практически любые задачи, которые только можно представить - начиная с расширения простого блога до мощной информационной системы и заканчивая добавлением различных инструментов и оптимизацией блога для нужд SEO. Возможности не имеют ограничений (к тому же надо еще прибавить использование различных тем).
Но использование большого количества плагинов повышает риск "зависания" вашего сайта под управлением WordPress. Есть множество плагинов, которые несовместимы друг с другом или существенно снижают скорость работы вашего сайта.
В данном уроке мы рассмотрим как работать с похожими записями в блоге без плагинов.
Почему следует отказаться от использования плагина?
Есть множество причин по которым следует предпочитать использование встроенного кода и функций WordPress плагинам.
Во-первых, вам не нужно будет полагаться на третью сторону (разработчика плагина) для сохранения функционирования вашего блога. Довольно часто популярные плагины остаются без поддержки своими разработчиками, и большое количество владельцев сайтов оказываются связанными с устаревшим и потенциально опасным чужим кодом.
Другая причина заключается в том, что вы избегаете риска использовать код плагина, который может "завесить" или замедлить работу сайта (хотя такие случае достаточно редко встречаются при использовании плагинов из официального каталога WordPress).
Данная функция разработана для использования на странице основной статьи (файл single.php ), но вы можете применять код там, где нужно в цикле WordPress. Для выбора похожих записей используются метки, которые проставляются для статей.
Миниатюры
У WordPress есть встроенная система для работы с миниатюрами, которая нам понадобится. Для ее использования нужно добавить данный код в файл functions.php вашей темы (в больинстве случаев такой код уже имеется в наличии).
Add_theme_support("post-thumbnails");
Также можно установить высоту и ширину миниатюры с помощью добавления следующей строки кода рядом с предыдущей:
Set_post_thumbnail_size(100, 50, true);
Важно: при добавлении изображения в запись, чтобы создать миниатюру, на панели загрузки изображения надо нажать кнопку "Использовать как миниатюру".
Код
Код добавляется в файл single.php :
Код the_post_thumbnail(array(150,100) устанавливает размер миниатюры, которая будет выводиться (в нашем случае 150px х 100px).
CSS
У нас используется два класса здесь: “.relatedposts ”, который используется для контейнера, и “.relatedthumb ”, который применяется к миниатюрам и ссылке, размещенным в контейнере. Предполагается, что ширина блока записи 640px. Код CSS:
Relatedposts {width: 640px; margin: 0 0 20px 0; float: left; font-size: 12px;} .relatedposts h3 {font-size: 20px; margin: 0 0 5px 0; } .relatedthumb {margin: 0 1px 0 1px; float: left; } .relatedthumb img {margin: 0 0 3px 0; padding: 0;} .relatedthumb a {color:#333; text-decoration: none; display:block; padding: 4px; width: 150px;} .relatedthumb a:hover {background-color: #ddd; color: #000;}
Выше приведенный код CSS выводит миниатюры записей шириной 150px. То есть, мы получаем 4 миниатюры на ширине записи 640px (включая поля между ними). Если нужно другое количество, то придется сделать настройки: например, если хочется разместить 5 миниатюр, то нужно установить ширину в классе .relatedthumb примерно 125px.
Важно: Ширина миниатюр, генерируемая установками медиа файлов WordPress, должна соответствовать значениям, используемым в CSS. Также нужно соответствие со значениями, установленными в коде PHP: the_post_thumbnail(array(150,100) .
Пример
Блог DigitalBattle использует описанный метод для формирования списка подобных записей:
Блок с похожими записями можно оформить как угодно. Например, очень популярен заголовок "Вам также может понравиться".
Заключение
WordPress имеет множество встроенных функций, которые во многих случаях позволяют отказаться от использования плагинов от сторонних разработчиков. Всегда следует провести поиск на предмет альтернативных решений без плагинов. Вы будете удивлены тем, как много может WordPress.
Здравствуйте, друзья! Сегодня я покажу, как вывести похожие записи с картинками на Вордпресс после статей и в сайдбаре с помощью плагина Related Posts Thumbnails . Конечно, для решения подобной задачи существует множество способов. Например, вывод блока без плагина с помощью кода или использование сервиса 2leep. Но я расскажу о том, чем пользовался сам. И еще поговорим о том, стоит ли вообще использовать вывод похожих постов с миниатюрами. И в частности, с помощью указанного выше плагина.
Для начала стоит понять, зачем нам вообще нужен блок “Похожие посты “, неважно с картинками или без:
- Во-первых, это делает внутреннюю перелинковку на сайте, что хорошо для SEO.
- Во-вторых, привлекает внимание читателей и способствует увеличению просмотра страниц, что улучшает поведенческие факторы.
Если уже установлен плагин для вывода похожих записей в текстовом виде, стоит ли еще устанавливать Related Posts Thumbnails? Здесь, конечно, однозначно ответить трудно.
Преимущество блока с миниатюрами в том, что красивые картинки привлекают больше внимания. Значит, есть вероятность, что их кликабельность будет выше, чем у текстового аналога. Однако все надо тестировать. Например, Александр Бобрин (asbseo.ru ) считает, что даже текстовый блок в таком виде не нужен.
Здравый смысл в этом есть. Дело в том, что там обычно генерируются ссылки с анкорами из названий статей, а не из Title. А, как известно, названия статей мы пишем для посетителей и они не всегда релевантны ключевому запросу. Вот и получается, что такие ссылки бывают не тематическими, что не есть гуд.
Поэтому, устанавливать или нет подобный блок, решать только Вам. Но попробовать, однозначно, стоит.
Теперь поделюсь своим опытом. Долгое время у меня выводились похожие записи с картинками на этом блоге, но потом я оставил только текстовый вывод. Для этого я использую Yet Another Related Posts Plugin. Думаю, он все же приносит пользу. Тем более что в названиях у меня всегда есть ключевики.
Почему я отказался от миниатюр? Проанализировав статистику, я не заметил особых изменений и увеличения просмотра страниц. Но, надо сказать, что я не проводил детального анализа. Например, можно посмотреть через Вебвизор в Яндекс.Метрике, чтобы точно узнать, где совершается больше кликов. Очевидно, что большую роль также играет тематика блога и качество самих миниатюр. Например, на сайтах про автомобили это будет более чем уместно. Кстати, на других своих блогах WordPress я пока использую похожие ссылки с картинками-миниатюрами. Выглядит это так:
Есть еще две причины моего отказа от плагина Related Posts Thumbnails:
- Если открыть одну и ту же страницу несколько раз, то ссылки на похожие статьи будут меняться. Не известно, как поисковики смогут нормально их проиндексировать и нужны ли такие рандомные (динамические) ссылки на блоге.
- При выводе миниатюр одновременно после статей и в сайдбаре, они могут дублироваться на одной и той же странице.
Стоит заметить, что существенное улучшение поведенческих факторов на сайте может перевесить эти минусы. Поэтому еще раз повторяю: надо тестировать. Перейдем от теории к практике.
Этот плагин добавляет связанные миниатюры с записями после поста и в сайдбаре. По умолчанию используется миниатюра первого изображения в статье.
Идем в админку блога “Настройки ” – “Related Posts Thumbnails “. Откроется страница с настройками. В принципе, тут все понятно, но кое-что объясню.
Общие свойства отображения. Здесь выбираем, будем ли мы выводить картинки автоматически или с помощью кода. Во втором случае блок с миниатюрами можно вставить туда, где он наиболее уместен. Остальные настройки можно оставить, как на рисунке ниже. Только измените по своему усмотрению “Верхний текст “.
Источник миниатюр. Если у Вас не во всех постах используются миниатюры изображений, то установите галочку.
Опции стиля. Выбираем, как отображать записи, блоком или списком. Можно настроить внешний вид блока, не прибегая к помощи CSS. Поиграйтесь с “Высотой текстового блока “, чтобы длинные названия постов нормально отображались.
Настройки связей. Этот пункт важен для SEO. Я считаю, что лучше использовать один из первых трех вариантов, чтобы текст ссылок был максимально тематичен статье, в которой они расположены.
После всех изменений нажмите кнопку “Сохранить изменения “.
По умолчанию миниатюры выравниваются по левому краю, что не всегда красиво выглядит. Это можно исправить, прописав отступ в файле related-posts-thumbnails.php в редакторе плагинов. А лучше заключить код вывода в блок div, как советует автор плагина:
| 1 2 3 | |
Чтобы вывести картинки с похожими записями в сайдбаре , надо перейти в админке по адресу “Внешний вид ” – “Виджеты “. Найти слева виджет с названием плагина и перетащить в сайдбар.
Подробное описание и все настройки плагина можно посмотреть на блоге разработчика, русской девушки Марии Шалдыбиной, по этой ссылке . Хоть блог и на английском, но, надеюсь, разберетесь.
Как я уже упоминал в начале статьи, похожие записи Вордпресс с картинками можно вывести с помощью сервиса 2leep. Кстати, этот сервис еще можно использовать для получения бесплатного трафика на сайт. В этом случае в виджетах с миниатюрами, установленными на других сайтах, будут стоять ссылки на Ваш блог. То есть, посетители других блогов, кликнув на картинку под статьей, перейдут на Вашу страничку. Подробнее об этом можно почитать на блоге jonyit.ru . Там описана установка и настройка таких виджетов.
В общем, выбирайте те варианты, которые смогут увеличить количество просмотров страниц и время пребывания посетителей на сайте. Тем самым улучшайте поведенческие факторы на своих блогах. О результатах можно высказываться в комментариях. На этом все, до встречи на !
Приветствую, друзья!
Сегодня вас ждет подборка из семи плагинов для вывода похожих записей на блоге WordPress. И хотя поговаривают, что с точки зрения SEO вывод похожих статей вредит, если эти ссылки не привязаны жестко к конкретной записи, однако все мы так или иначе их используем.
Кстати, немного о жесткой привязке… Это все понятно, что страница с точки зрения ПС должна быть (ну, желательно, по крайней мере) неизменна. Но вот с сугубо практической точки зрения — если я пишу статью на тему, которой касалась еще в какой-то записи ранее, то логично и удобно для посетителей было бы ссылку на эту новую статью выводить в списке похожих на ту, старую. А по правилам получается, что это не только не полезно, но и вредно? В очередной раз правила противоречат моей пушистой логике… Что скажете?
Ну а теперь непосредственно к плагинам.
nRelate Related Content
Это, пожалуй, один из самых популярных плагинов WordPress для вывода похожих записей. На момент написания этой статьи из официального репозитория плагинов WordPress.org его скачали 338.688 раз.
Похожие записи можно вывести четыремя способами:
- Автоматически отображать до или после статьи — указывается в настройках плагина
- Использовать шорткод для вставки блока похожих постов в нужное место конкретной записи
- Выводить похожие записи в виджете
- Вставить функцию вывода похожих постов в файл темы оформления
Yet Another Related Posts
Если предыдущий плагин я назвала одним из самых популярных, то это, без сомнения, самый популярный среди всех:). Количество скачиваний Yet Another Related Posts уже перевалило за 2,6 млн.
Yet Another Related Posts Plugin выводит список похожих на текущую запись статей, который формирует на основе категорий, тегов, заголовков, контента, пользовательских таксономий. Кстати, в новой версии, которая сейчас доступна для скачивания, наконец-то реализована поддержка миниатюр.
Все настраивается очень гибко, однако есть значительный минус — алгоритм поиска похожих записей довольно прожорливый и для большого сайта может стать серьезным «тормозом».
Ссылка на скачивание — http://wordpress.org/plugins/yet-another-related-posts-plugin/
Contextual Related Posts
Вот этот плагин я с удовольствием использую на двух сайтах, а до смены шаблона он исправно работал и на этом. Отличный плагин для вывода похожих записей, множество возможностей для тонкой настройки внешнего вида, вывод списка похожих записей и в RSS (что должно было бы, по идее, увеличивать число переходов — а по факту, только раздражало некоторых моих читателей 🙂). Подбор похожих записей осуществляется на основе анализа заголовков, содержания, что, впрочем, не слишком влияет на скорость работы блога, зато делает список похожих статей максимально релевантным.
Из особенностей Contextual Related Posts должна отметить поддержку миниатюр, кеширование списка похожих постов, шорткоды и виджеты, Custom CSS. Впрочем, последнее достоинство оборачивается и недостатком, поскольку в этот плагин не встроено хоть сколько-нибудь приличных вариантов оформления блока похожих записей. Все приходится делать ручками, правя CSS .
MicroKid’s Related Posts
А вот этот плагин порадует адептов SEO, поскольку дает возможность осуществлять ту самую жесткую привязку похожих записей. Вы сами во время написания/редактирования поста можете указать, какие записи выводить в блоке похожих постов.
Об одном минусе — необходимости обновлять список похожих постов к старым записям, если появился новый релевантный им контент — я уже говорила вначале. Еще минус заключается в том, что этот плагин целесообразно использовать только при создании нового блога. Иначе, при наличии на блоге сотни-другой записей, вы проведете три дня и три ночи, указываю похожие записи к каждой из своих старых статей.
Впрочем, максимальная релевантность записей из этого списка — а ведь вручную оно завсегда лучше, чем автоматически — может перевесить все минусы. Решайте сами.
OutBrian
Это не совсем плагин… Точнее, не обычный плагин. Он выводит похожие посты с использованием стороннего сервиса, широко известного за рубежом — OutBrian, и позволяет показывать в блоке похожих записей как статьи вашего сайта, так и записи со сторонних сайтов, максимально релевантные вашей. Соответственно, и ваши записи появляются в аналогичных блоках на других сайтах. Этакий обмен трафиком своеобразный.
Информация об этом плагине скорее вам просто к сведению. Во-первых, это небесплатный сервис. Во-вторых, как я уже сказала, он популярен в буржунете, но не у нас, так что имеет смысл его использовать только для показа статей со своего сайта — а для этого есть и другие, более удачные варианты. Ну а в-третьих, к своему стыду должна признаться, что так толком и не поняла, как его использовать. Поэтому буду благодарна, если кто-то поделится своим опытом работы с OutBrian.
External Related Posts
Это тоже несколько необычный в привычном понимании плагин для вывода похожих постов. Он показывает похожие записи не с вашего сайта, а ищет релевантные вашей записи статьи на Google Blogs.
Видимо, с точки зрения оптимизации своего сайта — вещь бесполезная, зато если вы действительно заботитесь о своих читателях и тематика позволяет, то предоставить читателям полезную информацию — почему бы и нет? Между прочим, знаю по себе, такие блоки — со ссылками на другие блоги — всегда привлекают внимание и заставляют возвращаться на блог, на котором они расположены — вдруг еще какую-то интересную ссылку найду.
The Related Posts plugin for WordPress
Отличный плагин для вывода похожих постов, блок получается адаптивным — удобно для владельцев мобильных устройств. Позволяет выводить похожие записи в начале или конце поста, в середине — шорткодом, ну или вообще вставить функцию в шаблон в нужное место. Все как обычно. Плагин, увы, не бесплатный (бывает и такое…)
Ссылка на скачивание — http://codecanyon.net/item/related-posts-for-wordpress/
Я не упомянула здесь Smart Linker только потому, что уже давно написала о нем целую статью. А так он вполне заслуживает почетного места в этом списке.
Плагины в список попали, как видите, абсолютно разные: от привычных нам до плагинов с необычным функционалом. Даже один премиум-плагин затесался:). И хотя мне по душе Contextual Related Posts, но я должна признать, что наилучшим решением из рассмотренных мной здесь является все-таки nRelate — гибкий, мощный, быстрый, легко настраиваемый плагин.
На том и распрощаемся, господа и дамы. Всем хорошего дня!
На днях захотелось мне вывести похожие материалы на своем сайте о здоровом образе жизни. Полез в инет и нашел классный плагин, уже обновленный, максимально удобный для пользователей и очень легкий в настройках.
Помните, раньше всем этим делом, то есть выводом похожих заметок, занимался плагин Simple Tags, теперь всю рутинную работу перенял на себя плагин WordPress Related Posts, он выводит не просто похожие статьи, а похожие статьи с миниатюрами.
Такой способ вывода более привлекателен для пользователей, а если пользователи будут переходить по интересным статьям, которые вы им предлагаете, то у вас будут улучшаться , а это значит, что вы приблизитесь к ТОПу поисковый выдачи.
Похожие статьи с миниатюрами на блоге при помощи плагина WordPress Related Posts
На самом деле – это не очень удобно, так как чуть ниже есть и . Хотя, с другой стороны может это и правильно. Я пока оставил автоматическую вставку, пройдет время, если не понравится – поменяю.
Если же вы хотите сразу вручную указать место, где нужно вывести записи, то копируйте данный код:
| & lt; ?php wp_related_posts() ?& gt; |
И вставляйте в нужное место.
5. Нужно ли отображать похожие материалы в RSS ленте?
6. Включение и отключение статистики.
7. Поддержать разработчиков, показывать их логотип возле интересных материалов.
8. Сохранение настроек.
Ну вот, пожалуй, и все, все настройки которые имеются в плагине 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 и задать свои стили. Этот класс я уже добавил в основу списка.
Также вы можете изменить в коде элементы, отмеченные оранжевым цветом.
К примеру, вы захотите вывести похожие статьи не по тегам, а по категории. Предложив посетителю, ознакомится с похожими материалами из этой категории.
Тогда, действуя по описанному выше алгоритму, вы вставляете вот этот код:
Похожие статьи из категории:
Этот код сортирует статьи только по категории. Теги уже не играют никакой роли.
