subscribe
arrow
К списку статей

Кнопки социальных сетей для сайта: смысл, польза и способы их установки.

25.11.20
230 просмотров
Связь с аудиторией
Один из удачных инструментов улучшения поискового продвижения - это кнопки социальных сетей для вашего сайта. Виджеты соцсетей позволят посетителю веб-страницы сохранять и взаимодействовать с информацией в удобном ему месте.
значки социальных сетей на сайт
Прежде чем узнать как устанавливать такие виджеты, рассмотрим их назначения:
— “Like”/”Мне нравится” - привычные значки, выражающие оценку человека, его интерес к информации на сайте. Отмеченная такой кнопкой публикация становится рекомендованной другим пользователям соответствующей сети = потенциально увеличивает вашу аудиторию.
 кнопка Like мне нравится
— "Share"/“Поделиться” - кнопка репоста, обычно идет вместе с “Like” и дает возможность рассказать другим людям о вашем проекте. За ней закреплена ссылка на заинтересовавшую посетителя статью или продукт. Переход по ссылке отмечают поисковые системы, сайт прибавляет в "полезности" и продвигается выше по поиску.
кнопка Share поделиться
— “Подписаться” - скрывает ссылку на страницу аккаунта вашего проекта в социальной сети, где посетитель сайта может следить за новостями, а также связаться с вами в удобном для него мессенджере.
кнопка Subscribe подписаться

На что обратить внимание при установке

— Разместить виджеты социальных сетей удобнее в конце статьи или описания продукта. Еще один вариант размещения - плавающие сбоку иконки, но их надо лаконично соотнести с дизайном сайта, чтобы избежать навязчивости при просмотра контента.
— Кнопки должны быть хорошо заметны и узнаваемы. Размер рекомендуем установить внутри диапазона от 10*10 до 40*40 пикселей. Не стоит перегружать их анимационными эффектами: миганием или неожиданным появлением. Можно добавить плавное изменение цвета при наведении курсора.
— Не выбирайте большое количество значков, оставьте ссылки популярных для вашей аудитории социальных сетей (Instagram, Facebook, YouTube, “ВКонтакте”, WhatsApp, Twitter).

Как установить виджеты

1. Использовать HTML-код. Так отдельно настраивается кнопка каждой социальной сети. Код генерируется в разделе для разработчиков отдельно взятой сети и вставляется в HTML-коды страниц сайта. Вы получаете код от выбранной сети, без лишних скриптов, но требующий впоследствии обработки с помощью CSS.
2. Использовать сервисы конструкторы. Они позволяют не тратить время на генерацию отдельного кода социальной кнопки, а предлагают массив из нескольких соцсетей.
Наиболее удобные на наш взгляд:
— Сервис Hipolink. Подходит для работы с мини-сайтами, предусматривающий добавление кнопок социальных сетей. Оптимальный вариант к современным проектам, основывающихся преимущественно в Инстаграме - блоги, интернет-магазины. Иконки мессенджеров и других соцсетей при любом наборе адаптированы под общий дизайн сайта, а значит точно будут выглядеть заметно, но ненавязчиво. 

Подробнее об установке читайте здесь.

— Блок “Поделиться” от Яндекса. Сервис генерирует готовые элементы кода добавления стандартных кнопок “Поделиться” различных соцсетей. Эти коды определяют внешний вид иконок и самой панели репостинга. Лаконично и без излишеств. Дополнение - функция счетчика, позволяющая отслеживать количество поделившихся публикацией.
— Конструктор uSocial. Русскоязычный сервис обладающий широким функционалом. Содержит широкий выбор настроек внешнего вида значков “Like”, “Share”, имеет дополнительную кнопку “Наверх”, а также функцию “Социальный замок”, которая скрывает нужную ссылку до выполнения условия “Поделиться”. Генератор uSocial содержит личный кабинет, сохраняющий предыдущие настройки наборов кнопок с возможностью дальнейшего редактирования.
3. Вариант без самостоятельного редактирования HTML-кода - использование плагинов. При работе с WordPress для установки расширения социальных виджетов в разделе администратора нажмите “Плагин” → “Добавить новый” и выберите подходящий на вашу веб-страницу, настройте внешний вид виджета, расположение или отсутствие на выбранной странице сайта панели с кнопками “Share”, “Like”.
Теперь вы знаете способы установки социальных кнопок и сможете улучшить продвижения своего сайта.
Коментарии к статье
Доступно для ввода 0 из 700 символов
Оставить коментарий