Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

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

Рейтинг голосования БЕЗ ПЛАГИНА в расширенном сниппете Google

Опубликовано: 24.05.2018

видео Рейтинг голосования БЕЗ ПЛАГИНА в расширенном сниппете Google

Секретный плагин для показа рейтинга статьи в google - Rich Snippets Vote

Здравствуйте уважаемые читатели блога seofive.ru. Сегодня я подготовил для вас просто убойное предложение, отказаться от которого, вы просто не посмеете, да и не захочете. Буквально несколько дней назад, я совершенно случайно наткнулся на одну статью, которая заинтересовала меня своим содержанием. В этой статье речь шла об интересном способе голосования за каждый опубликованный пост на блоге в виде оценки каждого читателя. Абсолютно любой человек, который попал к вам из поиска или перешел по ссылке, может высказать свое мнение о качестве написанной статьи и ее содержимом, выбрав то количество баллов, которое посчитает нужным. В принципе прикольная штука скажите вы, но вроде как чего-то не хватает. Ну, есть этот рейтинг, а что дальше? А дальше друзья, этим самым рейтингом голосования можно серьезным образом влиять на CTR страниц в выдаче поисковой системы Google.


Рейтинг страницы 5 звезд. Урок по созданию: HTML, CSS, jQuery, Google snippet (microdata)

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

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


Оптимизация сниппетов сайта в Яндексе и Гугл

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

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

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

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

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

Так, как сама затея мне понравилась, я решил заказать у знакомого специалиста по WP , для себя и своих читателей, вариант рейтинга голосования БЕЗ ПЛАГИНА и максимально упрощенной процедурой установки специального скрипта.

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

Установка рейтинга голосования на блог

Для начала скачайте вот этот архив к себе на компьютер. После этого распакуйте его и загрузите папку ratings к себе на блог в папку с вашей темой оформления.

Примерно у вас получится такой путь:

/www/адрес вашего блога/wp-content/themes/название вашей темы/ratings

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

require_once('ratings/rating.php');

для подключения файла rating.php. Вставлять код нужно перед началом или окончанием функций.

Вот как это выглядит у меня на блоге:

После этого открываем файл header.php и подключаем вот такой стиль для нашего скрипта:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/ratings/rating.css">

Этот код вставляем после строки с таким началом:

<link rel="stylesheet"

Теперь открываем файл footer.php и вставляем этот код, для подключения скрипта:

<script src="<?php bloginfo('stylesheet_directory'); ?>/ratings/rating.js">

Его нужно вставить после инициализации jquery, обычно этот в самом низу кода, перед вот такими строками:

<?php wp_footer(); ?>

</body>

</html>

Ну и наконец, открываем файл single.php и вставляем такой код:

<?php rating(); ?>

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

Все, с установкой кода закончено, приступаем к интеграции рейтинга в сниппет.

Отображение звездочек в расширенном снипетте Google

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

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Review-aggregate"></div>

вставить перед строкой:

<h1><?php the_title(); ?></h1>

в файле single.php. В итоге должна получится примерно такая конструкция:

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

Жмем кнопку ПОСМОТРЕТЬ и если все сделано верно, то вы получите результат, который показан ниже, со звездочками в сниппете:

Вот и все друзья, ждем некоторое время (1-2 недели) и Google должен отобрать для вашего сайта или блога уже расширенный сниппет, преимущества которого я описал выше.

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

А на этом, я с вами буду прощаться. До новых встреч, пока!!!

5 4 3 2 1 ( 62 голоса, в среднем: 4.3 из 5)
rss