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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

Сообщить об ошибке

Отменить
796
How-to Читать 8 минут 4 декабря 2018

Как добавить виджет комментариев на сайт

Как включить комментарии на сайте
ЧЕК-ЛИСТ: КОНТЕНТНАЯ ЧАСТЬ — НОВЫЙ ФУНКЦИОНАЛ
Инструкцию одобрил
Tech Head of SEO в TRINET.Group
Комментарии генерируют дополнительный контент на сайте и позволяют вовлекать пользователей в изучение ресурса. Специальные виджеты повышают юзабилити и делают комментирование простым и удобным процессом.

Как сделать комментарии на сайте

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

Внедрив виджеты, вы импортируете интернет-обсуждения на свой сайт. Как правило виджеты используют социальную сеть или публичный аккаунт для авторизации (Facebook, VK, Google+, Disqus, Одноклассники и многое другое). То есть пользователь, имея аккаунт в одной из систем, использует его для публикации комментариев на множестве сайтов, которые установили себе виджеты.

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

Виджетов на сегодняшний день много. Мы рассмотрим только основные:

  • Disqus;
  • Cackle;
  • Facebook.

Виджет Disqus

Disqus — это веб-сервис, который дает возможность импортировать обсуждения на сайт, используя собственную соцсеть. Был основан еще в 2007 году на бесплатной основе, далее постепенно начали появляться платные пакеты:
Тарифные планы Disqus
Из основных преимуществ использования Disqus стоит упомянуть:

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

  • возможность использования почти во всех блогах и традиционных веб-ресурсах;

  • гибкая настройка и простая интеграция;

  • автоматическая защита от спама и модерация;

  • адаптивность под все устройства;

  • адаптация к внешнему виду сайта;

  • использование мультимедийных файлов.

Установка виджета Disqus

Чтобы установить виджет, нужна регистрация в Disqus. Созданный аккаунт будет считаться владельцем сайта и поменять его в дальнейшем не получится. После этого добавьте свой сайт, нажав на кнопку «I want to install Disqus on my site»:
Установка Disqus на сайте
В открывшемся разделе заполните необходимую информацию про ваш сайт. Достаточно указать название, выбрать категорию, к которой он относится, и задать язык виджета. После этого выберите наиболее подходящий для вас тарифный план. Те, кто еще не решился на покупку, могут воспользоваться бесплатной версией или trial-доступом на ограниченный срок.
Регистрация в Disqus
Виджет можно установить несколькими способами:

  • можно добавить его через плагины и готовые модули для сайтов на CMS платформах;

  • Disqus может сгенерировать специальный код, который устанавливается в том месте на сайте, где должен находиться виджет.

Список CMS, с которыми интегрируется виджет через автоматические плагины и модули:
Виджет Disqus для CMS и платформ
Если же вы не обнаружили нужной платформы в списке, нажмите кнопку «I don't see my platform listed, install manually with Universal Code». После этого вы получите готовый код, который нужно разместить в том месте страницы, где предполагается размещение виджета.

Виджет Disqus на WordPress и другие платформы можно установить с помощью соответствующих модулей и плагинов. Рассмотрим установку на примере WordPress.

Скачайте и установите плагин Disqus Comment System по ссылке или найдите его через админ-панель:
Плагин Disqus на WordPress
После активации плагина перейдите к его настройке — вкладка «Site Configuration». Вы увидите, что в первом поле необходимо ввести Shortname, который генерируется при регистрации в Disqus.

Чтобы узнать ваш Shortname, вернитесь к странице аккаунта в Disqus и перейдите в меню настроек администратора сайта:
Настройки аккаунта в Disqus
Найдите на странице графу Shortname и скопируйте это значение в плагин.
Как найти Shortname в Disqus
Завершите настройку плагина авторизацией в своем аккаунте.
Активация плагина Disqus в WordPress
Вам потребуется скопировать токен синхронизации (sync token) и вставить его на странице установки WordPress.
Токен синхронизации в Disqus
Установка плагина Disqus WordPress
Установка Disqus на WordPress закончена, виджет готов к использованию. Настройки внешнего вида регулируются в меню плагина при покупке платных тарифных планов.

Виджет Cackle

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

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

Для авторизации можно использовать аккаунты следующих платформ:

  1. Facebook;
  2. Twitter;
  3. Google+;
  4. ВКонтакте;
  5. Одноклассники;
  6. Mail.Ru;
  7. Яндекс;
  8. Tumblr;
  9. Live;
  10. LinkedIn;
  11. Instagram;
  12. Soundcloud;
  13. Foursquare;
  14. Yammer;
  15. 500px;
  16. Stackoverflow;
  17. Dropbox;
  18. Yahoo;
  19. Livejournal;
  20. Wordpress;
  21. Cackle.

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

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

Бесплатных версий не предусмотрено, но существует trial-версия любого продукта на пять дней:
Цена тарифа Cackle

Установка виджета Cackle

Рассмотрим установку на примере сайтов на WordPress. Начать следует с регистрации аккаунта Cackle, которая доступна по ссылке. Укажите данные вашего сайта и создайте для него аккаунт, нажав кнопку Create:
Как создать виджет Cackle
Затем вы получите окно, в котором нужно выбрать способ установки. Первый — ручная установка, где нужно будет получить код и самостоятельно разместить его на сайте.
Код виджета Cackle
Второй способ предназначен для сайтов на CMS-платформах. Так как мы в качестве примера используем WordPress, выберем вкладку «CMS Platform» и нажмем на ярлык WP. В результате получим данные, которые понадобятся нам для активации плагина.
Установка виджета Cackle для WordPress
Скачайте плагин либо установите его через админ-панель, как описывалось на примере Disqus. В плагине откройте раздел «Комментарии» и перенесите в настройки скопированные ключи для активации.
Активация плагина Cackle WordPress
После активации плагин появится на сайте. В настройках аккаунта в Cackle можно отрегулировать цветовые схемы, пагинацию и прочие атрибуты внешнего вида:
Настройки комментариев Cackle
Если же вам нужен модуль комментариев только одной социальной сети, целесообразнее установить определенный виджет. Рассмотрим на примере Facebook.

Виджет Facebook

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

Плагин комментариев Facebook доступен на странице для разработчиков. Достаточно сгенерировать код, скопировать его и добавить виджет Facebook на сайт.
Плагин комментариев Facebook
Если вы хотите активировать комментарии Facebook в WordPress, достаточно скачать и установить один из многочисленных плагинов:
Виджеты Facebook для WordPress
Виджет комментариев ВКонтакте также можно установить с помощью плагина, например, Easy VKontakte Connect для WordPress.

Заключение

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

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

Этот факт может положительно сказаться на юзабилити сайта и поведенческих факторах, которые влияют на эффективность SEO-продвижения.

Эта статья — часть модуля «Список задач» в Serpstat
«Список задач» в Serpstat
«Список задач» — готовый to-do лист, который поможет вести учет
о выполнении работ по конкретному проекту. Инструмент содержит готовые шаблоны с обширным списком параметров по развитию проекта, к которым также можно добавлять собственные пункты.
Начать работу со «Списком задач»

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

Оцените статью по 5-бальной шкале

из 5 на основе 0 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.
Хотите узнать новые фишки по интернет-маркетингу?
Подпишитесь на нашу рассылку — только полезные статьи, реальные кейсы и новости Serpstat раз в неделю.

Поделитесь статьей с вашими друзьями

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

Свяжитесь с нашей службой поддержки
Или подтвердите регистрацию с помощью Телеграм бота Перейдите по этой ссылке
Выберите один из проектов

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

Экспорт недоступен для вашего тарифного плана. Вам необходимо улучшить свой тариф до Lite или выше, чтобы получить доступ к инструменту Подробнее

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

Вы достигли лимита на количество созданных проектов и больше не можете создавать новые проекты. Увеличьте лимиты или удалите существующие проекты.

Я хочу больше лимитов