Социальные сети давно стали неотъемлемой частью продвижения любого веб-ресурса. Кнопки «Поделиться» позволяют посетителям в один клик рассказать о вашем контенте друзьям и подписчикам, что напрямую влияет на рост трафика, охват аудитории и даже на SEO-показатели сайта. В этой статье разберём, зачем нужны такие кнопки, какие способы их добавления существуют и как настроить их правильно.
Зачем нужны кнопки соцсетей на сайте
- Расширение охвата аудитории. Возможность делиться контентом прямо со страницы сайта помогает вашим материалам распространяться по соцсетям естественным образом.
- Рост трафика. Каждый репост — это потенциальные новые посетители, которые перейдут на сайт по ссылке.
- Улучшение SEO. Социальные сигналы косвенно влияют на поведенческие факторы и позиции сайта в поисковой выдаче.
- Рост числа подписчиков. Популярность контента в соцсетях привлекает новую аудиторию к вашим сообществам.
Способы добавления кнопок
Готовые виджеты (например, Elfsight)
Самый простой путь, использовать готовый виджет социальных кнопок. Сервис Elfsight предлагает решение, которому доверяют более 3 000 000 компаний по всему миру. Его преимущества:
- более 40 социальных сетей на выбор — от популярных до нишевых;
- настройка порядка кнопок простым перетаскиванием мышью;
- два варианта макета: Inline (внутри контента) и Floating (плавающие кнопки, следующие за прокруткой страницы);
- гибкая персонализация: форма кнопок, иконки, текст, три готовых стиля, выбор цвета (оригинальный, чёрный или белый) и анимация при наведении;
- установка без программирования — достаточно вставить готовый код на сайт.
Создать первый виджет можно бесплатно, а интерактивное демо позволяет опробовать все функции без регистрации.
Официальные кнопки соцсетей
Самостоятельная верстка
Как добавить виджет кнопок на сайт: пошагово
- Зарегистрируйтесь в сервисе виджетов и выберите приложение «Социальные кнопки».
- Отметьте нужные соцсети из списка и расставьте их в желаемом порядке.
- Настройте макет (Inline или Floating), количество колонок и отступы.
- Подберите стиль, цвет иконок и анимацию под дизайн вашего сайта.
- Скопируйте сгенерированный код и вставьте его в шаблон сайта перед закрывающим тегом </body> или в нужный блок страницы.
- Проверьте отображение на десктопе и мобильных устройствах.
Рекомендации по размещению
- Не перегружайте страницу: достаточно 4–6 наиболее релевантных вашей аудитории соцсетей.
- Плавающие кнопки хорошо работают на длинных статьях, встроенные, в карточках товаров и в конце материалов.
- Убедитесь, что кнопки не перекрывают контент на мобильных устройствах.
- Периодически проверяйте работоспособность ссылок «Поделиться».
Кнопки социальных сетей — простой и эффективный инструмент увеличения охвата и трафика. Готовые виджеты, такие как решение от Elfsight, позволяют добавить их на сайт за считанные минуты без привлечения разработчиков, а гибкие настройки дизайна помогут гармонично вписать кнопки в любой интерфейс.
Примечание: контактные данные компаний, упомянутых в статье, скрыты в целях конфиденциальности: тел. +7 () -*-, e-mail: sup*@**.com.