Меню

Related posts all in one настройка



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

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

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

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

Роль Related Posts во внутренней перелинковке сайта

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

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

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

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

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

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

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

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

Читайте также:  Hp 2015 распечатать настройки

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

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

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

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

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

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

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

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

Это как раз будет точкой отсчета. Если ваш ресурс только что создан, и файл шаблона не содержит никаких дополнительных вставок в виде скриптов социальных кнопок, форм подписки и т.д., то код вызова можно поместить сразу под «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» или взять набор этих правил за основу, подогнав вид похожих статей под свою тему оформления в том же редакторе):

Как вы, наверное, уже поняли, плагин способен обеспечивать отображение миниатюр, или небольших картинок (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».

Источник

Adblock
detector