Перелинковка страниц сайта на примере плагина upPrev (выезжающей панели) для Вордпресс, создание, продвижение и заработок на сайте

>

Перелинковка страниц сайта на примере плагина upPrev (выезжающей панели) для Вордпресс

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

Перелинковка страниц сайта на примере плагина upPrev (выезжающей панели) для Вордпресс, создание, продвижение и заработок на сайте

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

Какую роль перелинковка играет сейчас в продвижении сайта

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



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

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

Перелинковка страниц сайта на примере плагина upPrev (выезжающей панели) для Вордпресс, создание, продвижение и заработок на сайте

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

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

У перелинковки страниц сайта есть и другая задача, которая направлена уже не на то, чтобы понравиться Яндексу или Гуглу, а на то, чтобы понравиться посетителю. Одной статьи, чтобы он распробовал ваш блог, будет явно недостаточно — нужно обязательно предложить ему пройти еще куда-нибудь, чтобы заинтересовать, задержать и, возможно, сделать его своим подписчиком.



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

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

Сам я перепробовал их массу и о некоторых из них даже написал обзоры (читайте про Yet Another Related Posts Plugin и улучшение статистики посещаемости сайта тут). На самом деле, упомянутый плагин является одним из лучших для вычисления похожих постов и вывода их списка на страницах блога.

Но его данные умеют использовать и другие расширения Вордпресс, оформляя их более красочно или вычурно. В той же статье про YARP я как раз приводил пример использования его данных плагином Related Posts Slider, который позволял выводит похожие посты в виде слайдера такого вида:

Перелинковка страниц сайта на примере плагина upPrev (выезжающей панели) для Вордпресс, создание, продвижение и заработок на сайте

Перелинковка страниц сайта на примере плагина upPrev (выезжающей панели) для Вордпресс, создание, продвижение и заработок на сайте

Сегодняшний наш герой под названием upPrev тоже умеет брать информацию из базы Yet Another Related Posts Plugin и правильно делает, ибо нет нужды каждый раз изобретать велосипед. Давайте, собственно, и перейдем к описанию возможностей этого чуда инженерной мысли.



Варианты линковки при помощи плагина upPrev

Скачать upPrev можно на официальном сайте, где все файлы проверяются на вирусы и прочую мутность. Рейтинг у него там, кстати говоря, весьма не плохой, хотя популярность не шибко большая. Ну, да ладно, главное, чтобы вам понравилось.

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

Если в двух словах, то распаковываете архив и копируете получившуюся папочку на удаленный хост в директорию /wp-content/plugins, а далее бегом в админку активировать upPrev в разделе «Плагины».

Правда, настройки его живут не в привычном разделе «Параметры», а на вкладке «Внешний вид», что немного странно:

Перелинковка страниц сайта на примере плагина upPrev (выезжающей панели) для Вордпресс, создание, продвижение и заработок на сайте

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

Так же в настройках можно легко задать ширину выезжающего окна. Далее вы задаете в процентах от высоты страницы ту позицию при прокрутке, по достижении которой данная панелька покажется посетителю. В моем случае это половина длины страницы. Однако, в расположенной чуть ниже форме я указал ID (читайте про селекторы ID и class в CSS тут), при наличии которого в коде страницы первое условие отменяется.



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

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

Перелинковка страниц сайта на примере плагина upPrev (выезжающей панели) для Вордпресс, создание, продвижение и заработок на сайте

Над этим решением я долго не думал, ибо некогда было, поэтому оно не идеально (дельные советы с вашей стороны приветствуются). Но суть этот пример, думаю, поясняет.

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

Я стили эти не трогал, ибо пошел другим путем (не самым прямым), который опишу ниже по тексту. За сим переходим на вторую вкладку:

Перелинковка страниц сайта на примере плагина upPrev (выезжающей панели) для Вордпресс, создание, продвижение и заработок на сайте

Выбираем количество постов, на которые данный плагин будет формировать ссылки. А вот чуть ниже, мы как раз и выбираем тип перелинковки для нашего сайта. У меня выбран вариант похожих постов с использованием базы плагина Yet Another Related Posts Plugin (он должен быть предварительно установлен), но вы можете настроить линковку типа «кольца», выбрав второй или третий вариант, а так же перелинковку в виде большого кольца, выбрав первый.



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

Третья вкладка служит для настройки отслеживания числа кликов по ссылкам в этой панели, чем я не стал пользоваться. Однако, на четвертой вкладке кэш я все же активировал. На пятой вкладке я запретил показ панели на мобильниках, но не возразил против ее выезда на планшетах:

Перелинковка страниц сайта на примере плагина upPrev (выезжающей панели) для Вордпресс, создание, продвижение и заработок на сайте

Ну, и все, настройки upPrev на этом завершил, но внешний вид панели я уже изменял в настройках плагина Yet Another Related Posts Plugin.

Настройка внешнего вида содержимого выезжающей панели

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

Перелинковка страниц сайта на примере плагина upPrev (выезжающей панели) для Вордпресс, создание, продвижение и заработок на сайте

Т.о. теперь за внешний вид списка похожих постов, выводимых плагином upPrev (в выезжающей панели) отвечает код, который прописан у меня в файле yarpp-template-list.php из папки с моей темой (читайте про хитрое и умное устройство тем и шаблонов в Вордпресс здесь). Если ваш блог формирует миниатюры к постам, то имеет смысл выбирать шаблон из арсенала Yet Another Related Posts Plugin с их поддержкой.



Код у этого файла такой:

Как видите, именно там живет заголовок выезжающей панельки, поэтому нужно будет преобразовать (при необходимости) этот файл в кодировку UTF-8 без BOM во избежании кракозябр (здесь про кодировки подробнее написано). Не знаю как у вас, а у меня уже довольно долго живет в качестве основного редактора Notepad++ (тут его обзорчик можно посмотреть) и в нем это преобразование делается так:

Перелинковка страниц сайта на примере плагина upPrev (выезжающей панели) для Вордпресс, создание, продвижение и заработок на сайте

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

Класс lampochka добавляет зеленые галочки, которые в Css коде задаются у меня с помощью base64 кода (где-то я этот код скопировал). Если интересно, то гляньте в моем style.css. Ну, вот и все. Если что-то забыл, то спрашивайте. Правда, настраивал я этот вариант перелинковки месяц назад и уже что-то из головы за это время улетучилось.

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Подборки по теме:

Комментарии и отзывы

Ну наконец-то! Полезная статьядля вебмастера! Дмитрий как у вас дела с возвращением сайта в выдачу?

Статью Вашу прочесть проблематично, нельзя убрать эту выехавшую панель:(

Светлана: а Вы с какого устройства читаете? Есть или крестик у панели в правом верхнем углу? Спасибо.



Ваня: пока никаких подвижек.

У меня в Опере панель выплывает , назад не «заплывает» , кнопока для закрытия скрываеся вверху, я читаю в маштабе 150%, и только если уменошить размер шрифта меньше 80% тогда виден крестик но читать статью с таким шрифтом очень неудобно.

Читал пост с нетбука, панелька выплыла по середине текста и усе, нифига не видно))

Alex: кнопку закрытия перенес вниз и сделал ее побольше.

Valeron: поставил 90% в настройках, надеюсь, что это поможет решить проблемы

Дмитрий, напомните пожалуйста, какой плагин у вас так красиво выводит связанные посты в конце каждой статьи?

Дмитрий, с появлением крестика внизу проблема отпала! ��

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

У вас хлебные крошки бомбезные! Как такие сделать?))

Алексей: ну, в следующем посте о них напишу. Спасибо, что напомнили.

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

Удачи в борьбе с фильтрами, ваш блог один из лучших.

Дмитрий, а почему Вы в данной статье практически все ссылки даете с анкором «здесь», «тут», «этой»? Это из-за наложенных фильтров? Тогда смысл все равно не пойму — объясните пожалуйста. Спасибо.

Здравствуйте, а есть ли такой аналогичный плагин для Joomla. Если знаете такой, скажите пожалуйста, уже столько его ищу.



Доброго дня Дмитрий!

Благодарю за хорошие идеи. А для joomla, что можете предложить?

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

Здравствуйте Дмитрий, скажите http://ktonanovenkogo.ru это ваш первый? единственный? проэкт.

Дмитрий, извините за офтоп, но решил Вас спросить насчет validator.w3.org в котором Ваш блог нельзя проверить.

После проверки появляется вот такое сообщение(гуглоперевод): «Извини! Данный документ не может быть проверен.

К сожалению, я не могу проверить это документ, поскольку в строке 18 она содержала один или более байтов, что я не могу интерпретировать как UTF-8 (другими словами, байты найдены не допустимые значения в указанной кодировке). Пожалуйста, проверьте как содержание файла и указание кодировки символов.

Ошибка: utf8 „\ Xed“ не отображается на Unicode»

Как Вам удалось заблокировать доступ к сайту этому роботу? Поделитесь методом.

Или это действительно ошибка в коде?

Да, забыл уточнить что только морда блокируется (http://ktonanovenkogo.ru/), все остальные страницы проходят проверку.

Андрей: спасибо, все поправил. Там в коде блока Адсенса есть русские символы, а файлик из которого этот код подгружался надо было перевести в кодировку UTF 8 без Bom, что я забыл сделать, а сейчас поправил.

Тогда все понятно. а я то уж подумал. ))

А почему при переходе на сайт для скачивания плагина там находится совсем не такой плагин, похожий но совсем с другими настройками и внешним видом.



А не является ли это окошко попапом, за который непременно последует наказание от поисковиков? Они ведь не разбираются, что в попапе написано — достаточно самого факта его наличия.

Спасибо! Давно искала подобный WP плагин и для перелинковки дополнительной, и для удобства посетителей!

Дмитрий, еще раз повторю свой вопрос:

«А не является ли это окошко попапом, за который непременно последует наказание от поисковиков? Они ведь не разбираются, что в попапе написано — достаточно самого факта его наличия.»

Сергей: вопрос интересный, наверное, надо будет у них спросить.

Отличная статья, спасибо!

* Нажимая на кнопку «Добавить комментарий» или «Подписаться» Вы соглашаетесь с политикой конфиденциальности.

О admin

Оставить комментарий

Ваш email нигде не будет показан

x

Check Also

Стоит ли покупать ссылки-картинки, создание, продвижение и заработок на сайте

> Стоит ли покупать ссылки-картинки? Здравствуйте, уважаемые читатели блога Эффективное продвижение сайтов представляет собой использование ...

Статейник возвращается

> Статейник возвращается — 12 000 рублей за лучший гостевой пост на MasterWebs.ru (45 000 ...

Сравнение способов и методов привлечения посетителей на сайт

> Сравнение способов и методов привлечения посетителей на сайт — SEO продвижение и раскрутка, контекстная ...

Сравнение сайтов в для бесплатного анализа потенциальных доноров при покупке ссылок, создание, продвижение и заработок на сайте

> Сравнение сайтов в SEObuilding.RU для бесплатного анализа потенциальных доноров при покупке ссылок Здравствуйте, уважаемые ...

Способы оптимизации контента и учет тематики сайта при ссылочном продвижении для сведения затрат к минимуму, создание, продвижение и заработок на сайте

> Способы оптимизации контента и учет тематики сайта при ссылочном продвижении для сведения затрат к ...

Списки в Html коде

> Списки в Html коде — теги UL, OL, LI и DL Здравствуйте, уважаемые читатели ...

Социальный Капитал от TemplateMonster с участием двигателей, создание, продвижение и заработок на сайте

> Социальный Капитал от TemplateMonster с участием двигателей Здравствуйте, уважаемые читатели блога Как же это ...

Социальные закладки

> Социальные закладки — прогон в bposter и кнопки для привлечения дополнительных посетителей и ускорения ...

Социальная сеть Facebook

> Социальная сеть Facebook — регистрация, вход, принципы общения и создание своей страницы для сайта ...

Сокращение ссылок в Гугл () и ВК ()

> Сокращение ссылок в Гугл (goo.gl) и ВК (vk.cc) — какой сократитель выбрать и кому ...

Создать электронную почту

> Создать электронную почту — что это такое, как и где пройти регистрацию и какой ...

Создание, продвижение и заработок на сайте, создание, продвижение и заработок на сайте

> Создание, продвижение и заработок на своем сайте — ступеньки к личной свободе Доброго времени ...

Создание, оформление и оптимизация канала на YouTube, создание, продвижение и заработок на сайте

> Создание, оформление и оптимизация канала на YouTube Здравствуйте, уважаемые читатели блога Продолжаем тему изучения ...

Создание эффективных объявлений для таргета Вконтакте и подготовка сайта или сообщества к приему потока посетителей, создание, продвижение и заработок на сайте

> Создание эффективных объявлений для таргета Вконтакте и подготовка сайта или сообщества к приему потока ...

Создание списка похожих материалов в WordPress (с миниатюрами) при помощи плагина Related Posts для внутренней линковки, создание, продвижение и заработок на сайте

> Создание списка похожих материалов в WordPress (с миниатюрами) при помощи плагина Related Posts для ...

Создание сайта для заработка на нем

> Создание сайта для заработка на нем — как получить готовый инструмент для бизнеса Здравствуйте, ...

Создание сайта

> Создание сайта — как это сделать самому и бесплатно Здравствуйте, уважаемые читатели блога Обычно ...

Создание кнопок, оформление текста и картинок, а также добавление отзывчивых классов в Bootstrap 3, создание, продвижение и заработок на сайте

> Создание кнопок, оформление текста и картинок, а также добавление отзывчивых классов в Bootstrap 3 ...

Создание карты для сайта на Joomla с помощью компонента Xmap, создание, продвижение и заработок на сайте

> Создание карты для сайта на Joomla с помощью компонента Xmap После того, как вы ...

Создание иконок из E-mail и ICQ номеров, а так же знакомство с Гогетлинкс, создание, продвижение и заработок на сайте

> Создание иконок из E-mail и ICQ номеров, а так же знакомство с Гогетлинкс Здравствуйте, ...

Создание и вывод статей (контента) в Джумле с помощью разделов и категорий, блог на Joomla и кнопка Подробнее, создание, продвижение и заработок на сайте

> Создание и вывод статей (контента) в Джумле с помощью разделов и категорий, блог на ...

Создание в WordPress карты блога для посетителей (плагины Sitemap Generator и WP DS Blog Map), создание, продвижение и заработок на сайте

> Создание в WordPress карты блога для посетителей (плагины Sitemap Generator и WP DS Blog ...

Создание в Joomla пункта меню для магазина на VirtueMart, установка и настройка главного модуля, создание, продвижение и заработок на сайте

> Создание в Joomla пункта меню для магазина на VirtueMart, установка и настройка главного модуля ...

Создание CSS спрайтов в онлайн генераторе Sprites Me для снижения числа запросов к серверу, создание, продвижение и заработок на сайте

> Создание CSS спрайтов в онлайн генераторе Sprites Me для снижения числа запросов к серверу ...