Кнопки мы в социальных сетях для сайта: Лучшие сервисы социальных кнопок для сайта – ТОП-5

Установить кнопки социальных сетей на сайт

Содержание:

Добавить кнопки социальных сетей на сайт – быстро и легко!

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

Для того чтобы сформировать и усилить социальные сигналы, первым делом Вам потребуется добавить кнопки социальных сетей на страницы своего веб-сайта. 

Если при этом Вы начали нервничать, спешим Вас успокоить – для этого не обязательно обращаться за помощью к программистам или самому быть знатоком HTML-кодирования. В этой статье мы рассмотрим, как базовые способы добавить кнопки социальных сетей на сайт, так и несколько упрощенных вариантов. 

Устанавливаем кнопки «Нравится» от социальных сетей

Самые ненавязчивые и главное, привычные, для посетителей любого веб-сайта элементы, взаимодействие с которыми порождает те самые соц. сигналы – кнопки «Нравится» социальных сетей. Их наличие под статьями на информационных веб-ресурсах является практически обязательным. 

Все уже давно привыкли «лайкать» в соц. сетях, поэтому и после ознакомления с интересным контентом на веб-сайте посетители часто будут на автомате нажимать привычное «Мне нравиться». Результатом станет попадание ссылки на «пролайканную» страничку в новостные ленты друзей посетителей, совершивших это действие.

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

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

a) Вконтакте предлагает для установки кнопки для «лайков» посетить раздел для разработчиков (developers) и сгенерировать виджет кнопки социальной сети путем указания адреса веб-сайта, выбора ее вида, размера и названия:

b) У Facebook присутствует аналогичный функционал для разработчиков, в котором указываются все необходимые параметры для картинки кнопки социальной сети и генерируется код для последующей вставки на веб-страницу.

 

c) «Мой мир» не настолько популярен, как предыдущие, и соц. сигналы из него не так важны, но установить его кнопку все же будет нелишним.

 

d) Как и во всех предыдущих вариантах кнопка «+1» (аналог «Нравится» в Google+) настраивается буквально в несколько кликов:

Кнопки «Поделиться в социальных сетях» установить тоже несложно

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

Учитывая то, что процедура получения ссылок кнопок социальных сетей для репостов довольно схожа с вышеописанными способами установки кнопки «Нравится», мы не будем подробно все расписывать. Поэтому – коротко по каждой соц. сети с иллюстрациями:

a) Во Вконтакте существует возможность получения не только виджета кнопки социальной сети в виде скрипта, но и прямой ссылки для размещения на веб-сайте без поддержки JavaScript. При этом обратите внимание, чтобы эти ссылки открывались не в том же окне, тем самым уводя ценных посетителей с веб-ресурса, а в новом. Для этого в их составе должен быть атрибут: target=»_blank».

 

b) В соответствующем разделе «facebook for developers» нужно выполнить минимальное количество настроек и нажать «Получить код»:

 

c) В Google+ кнопка «+1» выполняет двойную функцию «like + repost». Как ее установить смотрите выше (пункт d из предыдущего подраздела).

d) Чтобы разместить под статьей кнопку Twitter, нажатие на которую приведет к выкладке с аккаунта посетителя твита со ссылкой на нее, нужно перейти по адресу на скриншоте, выбрать требуемый тип кнопки и скопировать код для вставки на веб-сайт.

 

e) В одном из своих сервисов Яндекс предлагает вариант получения кода для кнопок соц. сетей по принципу «одним махом»:

 

f) Аналогичные возможности предоставляются многими онлайн-сервисами. Например, UpToLike предлагает получать в виде общего кода не только кнопки «Поделиться в социальных сетях», но и «Лайки», а также «Подписаться».

Виджеты кнопок социальных сетей для подписки 

Это еще один популярный инструмент SMM, который дает возможность пополнять посвященные продвигаемому сайту группы и сообщества в соц. сетях его посетителями. Подписка предполагает получение возможности слежения за активностью в таких группах и своевременного уведомления о публикациях новых материалов на веб-сайте.

На скриншотах ниже приведены настройки кнопок для:

1. Google+:

   
    

2. Вконтакте:

   
    

3. Facebook:

   
    

4. Twitter («Follow button» на скриншоте из пункта d в предыдущем подразделе).

Установка кнопок социальных сетей на сайт для чайников

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

Например, в WordPress стоит лишь ввести в строке поиска на странице добавления плагинов что-то вроде social like и Вашему взору станут доступны десятки вариантов, после установки, настройки и активации которых на всех (или отдельно указанных) страничках появятся интерактивные картинки кнопок социальных сетей.

Теперь у вас есть кнопки

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

После этого довольно скоро можно будет наблюдать увеличение количества посетителей веб-сайта и прирост его позиций в поиске за счет улучшения соц. сигналов.

Виджет значков социальных сетей — Справка

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

Содержание

Доступные значки

Мы поддерживаем значки различных социальных сетей.

Нажмите сюда, чтобы развернуть список доступных значков.

500px

Amazon

Apple

Bandcamp

Behance

CodePen

DeviantArt

Digg

Dribbble

Dropbox

Адреса электронной почты (если ваш адрес [email protected], введите mailto:[email protected] в поле URL-адрес учётной записи)

Etsy

Facebook

Flickr

Foursquare

Goodreads

Google+

Google

GitHub

Instagram

iTunes

LinkedIn

Среднее

Встречи

Pinterest

Pocket

Ravelry

Reddit

RSS-ленты

Skype

SlideShare

Snapchat

SoundCloud

Spotify

StumbleUpon

Tumblr

Twitch

Twitter

Vimeo

ВКонтакте

WordPress

Yelp

YouTube

Виджет значков социальных сетей

Виджет «Значки социальных сетей» содержит небольшие изображения со ссылками на ваши учётные записи в социальных сетях. Его можно добавить в любую область виджетов вашей темы. После добавления ссылок на ваши профили в соцсетях значки автоматически появятся на вашем сайте, чтобы посетители могли связаться с вами через свои любимые платформы.

Добавление виджета со значками социальных сетей

1. Перейти на вкладку Мой сайт(ы) → Внешний вид → Настроить
2. Нажмите Виджеты, и вы увидите различные области виджетов, поддерживемых вашей темой. Почти во всех темах есть хотя бы область виджетов в подвале. Некоторые поддерживают добавление виджетов на боковую панель и в другие области.
3. Click on an available Widget area; В этом случае выбран подвал.
4. Нажмите Добавить виджет и выполните поиск по запросу Социальных или просмотрите список доступных виджетов, чтобы найти виджет Значки социальных сетей.

Примечание. Если у вас установлены плагины, в конце заголовка виджета вы увидите (Jetpack).

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

7. Добавьте ссылку на первый профиль в социальной сети. Например, https://www.facebook.com/WordPresscom

Убедитесь, что указали ссылку полностью, в том числе https://.

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

Нажмите кнопки «Добавить» и «Значок», чтобы добавить еще один значок соцсетей

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

Если вы не видите нужный значок, убедитесь, что правильно ввели ссылку на социальную сеть, в том числе https://.

Когда добавлены ссылки на все профили в социальных сетях, щёлкните «Опубликовать», чтобы добавить виджеты соцсетей на ваш сайт.

Теперь новенькие значки соцсетей засияют на вашем сайте.

Изменение порядка значков

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

Настройка значков соцсетей

При желании изменить анимацию появления значков, например, положение, выравнивание или размер, можно использовать пользовательские CSS, доступные в плане WordPress.com Premium или выше. Цвет значков соцсетей зависит от используемой темы, но их также можно поменять с помощью CSS.

Добавление пользовательских значков социальных сетей

Если вы хотите добавить значки определённого цвета или получить больше возможностей для изменения их внешнего вида, вам могут потребоваться виджет Текст или пользовательский HTML-код и немного HTML-кода. Этот вариант также полезен, если вам нужно добавить значки менее популярных соцсетей.

Шаг 1. Подберите несколько значков социальных сетей на свой вкус и загрузите их в Библиотеку медиафайлов.

Возможно, у вас уже есть несколько подходящих значков. Если нет, поищите «бесплатные значки социальных сетей» в Google. Выбирая изображения, будьте внимательны, чтобы не нарушить законы об авторском праве. Когда найдёте несколько подходящих вариантов, скачайте их на свой компьютер.

Загрузите значок в галерею медиафалов

1. Перейдите в раздел Мой сайт → Медиафайлы → Добавить
2. Перейдите к папке на вашем компьютере, где хранятся изображения, которые будут использоваться в качестве значков.
3. Загрузите значки в галерею медиафайлов

Получите ссылку на значок социальной сети

1. Перейдите в раздел Мой сайт → Медиафайлы.
2. Щёлкните изображение загруженного значка социальной сети и выберите Изменить.
3. В опции URL-адрес выберите Копировать, чтобы сохранить ссылку в буфер обмена.
4. Нажмите кнопку Готово, чтобы выйти из редактора медиафайлов.

Шаг 2. Добавьте виджеты «Текст» или «HTML-код» и настройте формат кнопок с помощью HTML.

Добавьте виджет значков социальных сетей

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

1. Перейти на вкладку Мои сайты →Внешний вид →Настроить → Виджеты.
2. Выберите область виджетов, где должны отображаться значки.
3. Нажмите кнопку Добавить виджет и выберите виджет Текст или HTML-код
4. Чтобы добавить виджет, щёлкните его название.

Добавьте HTML-код виджета значков социальных сетей

По желанию укажите заголовок своего виджета, а затем добавьте HTML-код следующего формата:

• Вместо типового адреса https://facebook.com/WordPresscom укажите полную ссылку на свой профиль в социальной сети.
• Замените ссылку на изображение: https://socialmediawidgets.files.wordpress.com/2014/03/02_facebook1.png ссылкой на загруженный вами значок соцсетей.
• Необязательное действие: измените ширину и высоту значка в соответствии со своими предпочтениями.

Введите HTML-код повторно в существующем виджете «Текст» или «HTML-код» для каждого значка, который должен присутствовать на вашем сайте.

Шаг 3. Когда закончите, щёлкните Опубликовать и проверьте, как смотрятся новенькие кнопки социальных сетей.

Примеры и шаблонные изображения

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

Чтобы использовать эти значки в своём виджете, сначала создайте пустой виджет «Текст» в разделе Внешний вид → Настроить → Виджеты.

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

Часто задаваемые вопросы

Почему значок социальной сети не появляется на сайте?

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

Пример: https://www.pinterest.fr/yourpinterest/ следует заменить на https://www.pinterest.com/yourpinteres/

Были ли эти инструкции полезны?

Нужны ли кнопки «Поделиться» социальных сетей на сайте?

Время на прочтение: 4 мин.

Заканчивается 2018 год, а маркетологи до сих пор заставляют программистов пихать «поделиськи» на сайт. Разве до сих пор не понятно, что они бессмысленные и только отталкивают посетителей? Не будем многословными и проведем небольшое расследование в данном направлении и выявим необходимость убирать социальные кнопки.

Зачем нужны социальные кнопки на сайте?

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

Статистика проникновения социальных сетей в России. Более подробную статистку о социальных сетях вы можете посмотреть здесь.

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

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

Но на практике все оказалось не так лучезарно, как в теории.

Вред от социальных кнопок.

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

Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер, Юлия Федотова

Интернет-магазин компании Taloon.com из Финляндии, который продает сантехнику, электричество, садоводство и т.д. провел А\В – тестирование.

Цель компании была увеличить количество кликов (конверсий) на главной странице своего продукта (CTA) на страницах своих продуктов — Добавить в корзину. Вот как выглядела оригинальная версия:

Во второй версии убрали выделенные красным социальные иконки с сайта.

Претендент зафиксировал увеличение кликов CTA («Call-to-action», «Призыв к действию») на 11,9% по сравнению с оригиналом.

Но как такое произошло? Раньше добавление соц.сетей только повышало конверсию. Есть тесты компании AMD, по внедрению социальных иконок, при котором появился рост социальной активность пользователей на 23%.

Что работает против кнопок социального обмена?

1) Отрицательное социальное доказательство.

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

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

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

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

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

2) Отвлечение от основной цели

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

В то время как Taloon.com использовал видный CTA на своих страницах продукта — добавьте в корзину — кнопки социального обмена действовали как отвлечение.

«Возможно, эти кнопки для обмена были просто лишними помехами и отвлечением на очень хорошем месте», — сказал Яни Ууси-Панти.

Мнения экспертов по социальным кнопкам.

Главный редактор ресурса Information Architects Оливер Райхенстайн (Oliver Reichenstein) написал по поводу шэринговых кнопочек разгромную статью. В ней, в частности, есть такое утверждение:

Если читателям настолько лень скопировать и вставить URL ссылки на ваш материал и добавить к этому пару слов, то дело здесь вовсе не в кнопках.

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

Когда Smashing Magazine убрал социальные кнопки с сайта, трафик из социальной сети Facebook возрос. Эксперты объяснили это тем, что пользователи вместо лайков и репостов копировали ссылки и делились ими в личных аккаунтах социальных сетей.

Польза от социальных кнопок

Я не призываю сейчас бежать к своим админкам и отключать социальные иконки. Конечно, есть и положительные стороны в их использовании.

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

Советы при использовании социальных кнопок «Поделиться»

• Чаще всего люди делятся в социальных сетях на развлекательные статьи, видео и смешные картинки. Если ваш сайт имеет развлекательную тематику, то мы советуем добавить социальные сети в видимом месте (на изображении, под статьей, на видео).
• Социальные кнопки работают только там, где они уместны. Под статей, картинками, видео. Понятное дело, что на странице контакты мало кто будет нажимать на социальные иконки. Вы не должны забывать, что отрицательное социальное доказательство работает против вашего сайта.
• Количество социальных сетей тоже важно.  Нет смысла располагать все социальные сети для «шаринга». Это сбивает с толку. Чем больше у человека выбора, тем больше он сомневается. Выше мы приводили пример популярных социальных сетей в России. Достаточно использовать первые 4-5. Кроме того надо знать свою целевую аудиторию, тогда будет проще определиться с выбором социальных иконок.
• Так же важно знать где располагать на странице социальные иконки. Нет смысла вставлять их в начало статьи, ведь посетитель еще не знает интересная эта статья или нет. А прочитав до конца он забудет, что иконки в начале. Самое удачное расположение социальных иконок «Поделиться» в конце статьи.

А как вы считаете, нужны ли кнопки социальных сетей на сайте?Poll Options are limited because JavaScript is disabled in your browser.

• Нет, не нужны 71%, 63 голоса

  63 голоса 71%

  63 голоса — 71% из всех голосов

• Да, нужны 29%, 26 голосов

  26 голосов 29%

  26 голосов — 29% из всех голосов

Всего голосов: 89

09.10.2018

×

Вы или с вашего IP уже голосовали.

5 лучших советов ✔️ Как добавить социальные иконки на сайт.

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

Почему бы и нет? Это идеально подходит.

Цели маркетинга в социальных сетях — продвигать контент, обслуживать клиентов и строить отношения. 

Таким образом, вы должны подключить свой сайт к социальным сетям всеми возможными способами.

Существует довольно много вариантов подключения сайта к соц. сетям. 

Пять основных типов интеграции социальных сетей:

1. Иконки Соц. Сетей
2. Кнопки Поделиться в социальных сетях
3. Социальные виджеты страниц Facebook
4. Единый вход (позволяет посетителям создать новую учетную запись или войти в систему с использованием социальных учетных данных)
5. Встроенный социальный канал

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

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

Содержание | Быстрая навигация

1. Не помещайте социальные иконки в шапку сайта.

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

Представьте, что вы идете в магазин, а на самой большой вывески написано «выход». Это было бы полезно? Возможно нет. Тогда почему на каждой странице вашего сайта есть большие знаки выхода?

Не поощряйте посетителей сайта уходить. Не приглашайте их покинуть ваш сайт.

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

Вот как это выглядит в шапке:

Небольшое исследование стандартов веб-дизайна обнаружило, что в 2015 году 26% ведущих маркетинговых сайтов имели социальные иконки в заголовке. В 2019 году это число сократилось до 20%. Это выходит из моды.

Лучший способ добавить ваши социальные иконки.

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

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

Это не юридическая консультация, но …

Твиттер не хочет, чтобы вы портили их логотип. 

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

Какие социальные иконки чаще всего нажимают ваши посетители?

Мало кто когда-либо проверяет, но на вопрос можно ответить через Google Analytics.

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

Ваши иконки социальных сетей похожи на опрос, показывающий, какие социальные сети использует ваша аудитория.

Где лучшее место для добавления социальных иконок?

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

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

2. Не связывайтесь с мертвыми аккаунтами

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

Итак, когда вы должны добавить значок социальной сети?

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

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

Ответ должен быть «да» для обоих. Если это не так, отложите интеграцию с социальными сетями, пока у вас не будет стратегии для социальных сетей. Гораздо лучше не иметь иконок, чем кнопки, которые никуда не ведут.

Следующий вопрос: куда поместить эти социальные иконки?

3. Не добавляйте кнопки общего доступа на служебные страницы.

Вы когда-нибудь делились сервисной страницей? Вы когда-нибудь видели, чтобы кто-то делился страницей сервиса? Это почти никогда не происходит.

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

А как насчет кнопок на страницах продуктов электронной коммерции?

Люди когда-либо делятся продуктами? Да, но почти никогда. Когда мы посмотрели веб-сайт электронной коммерции и сравнили просмотры страниц (Google Analytics) с социальными акциями (Buzzsumo) и обнаружили, что такие акции редки.

Только тогда, когда аудитория увлечена продуктом, есть какие-то акции вообще.

В онлайн-каталоге Vienna Beef самые популярные продукты делятся примерно на 1 из 1000 посетителей. И эти акции почти все в Facebook.

Зная это, мы разработали кнопки общего доступа, чтобы они были визуально менее заметными, чем кнопка добавления в корзину. Потому что цель — продажи, а не акции.

Мы обнаружили, что обмен информацией между 1 и 1000 посетителями (это 0,001%).

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

4. Не показывайте низкие цифры.

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

Не расстраивайтесь … но следите за своими виджетами.

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

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

5. Остерегайтесь тяжелых Javascript.

Социальные иконки практически невесомы. Но виджеты социальных сетей (поделиться, подписаться и т. Д.) Создаются с использованием Javascript. И чтобы загрузить, они должны общаться с серверами в Facebook, Twitter, LinkedIn или Pinterest.

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

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

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

Беспокоитесь, что социальные виджеты замедляют вас? Проведите аудит ваших страниц с помощью Lighthouse в Chrome Dev Tools.

Сделайте свой бренд социальным и представительным на своем веб-сайте. И подключите свой сайт к сетям, где вы общаетесь. Это полезные действия.

Ссылайтесь на социальные сети, где вы активны

Размещайте социальные виджеты так, чтобы не отвлекать посетителей и не замедлять сайт

Вы нашли это полезным? Если это так, вы можете присоединиться ко мне в Facebook, где публикую интересные статьи или подписаться на Youtube канал.

По материалам статьи: https://www.orbitmedia.com/blog/website-social-media-integration/

✓ Зачем нужна интеграция социальных сетей на сайт?

Для получения возможности пользователям делится вашим сайтом или его услугами, новостями.

✓ Как добавить кнопку социальных сетей на магазин?

Использовать виджет или соответствующий плагин.

✓ Почему не стоит использовать плагины соц. сетей с счетчиками?

Зачастую такие плагины сильно тормозят сайт и увеличивают время открытия страницы от полу-секунды до 6 и более.

✓ Где лучше размещать кнопки социальных сетей?

На страницах благодарности, блогах, вакансий сайта.

✓ Как добавить иконки социальных сетей в HTML?

Во-первых, мы должны ввести код Html в любом текстовом редакторе или открыть существующий файл Html в текстовом редакторе, в который мы хотим добавить липкие значки социальных сетей.
Теперь нам нужно разместить курсор сразу после тега title в теге head документа Html, а затем прикрепить ссылку CDN.

✓ Как связать значок в HTML?

Чтобы вставить значок, добавьте имя класса значка к любому встроенному элементу HTML. Элементы i и span широко используются для добавления значков. Все иконки в библиотеках являются масштабируемыми векторными значками, которые можно настроить с помощью CSS.

✓ Как добавить значки социальных сетей в Font Awesome?

Перейдите на страницу иконок на сайте Font Awesome. Здесь вы увидите список доступных для использования значков. Любые значки серого цвета на самом деле являются частью премиум-пакета, поэтому вам необходимо обновить их, чтобы использовать.

Как слить трафик с сайта в паблик? 79 примеров размещения социальных кнопок :: Гудсайт

Определите цвет

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

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

1

На сайте Центра карьеры «YesJob.ru» справа находится кнопка Фейсбука в фирменном красном цвете.

2

Настройте размер

Небольшие иконки легко вписать практически в любое место на сайте. Зато гигантские кнопки полностью захватывают внимание пользователей. Попробуйте поместить иконки соцсетей на яркую плашку во всю ширину страницы, чтобы никто не прошёл мимо.

В интернет-магазине «LoveBeats.ru» ссылка на группу ВКонтакте находится в крупном блоке во всю ширину экрана.

3

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

4

На странице контактов рекламного агентства «МcCann Moscow» есть крупная кнопка Фейсбука.

5

Выберите место

Расположите иконки соцсетей в каком-то одном месте: в шапке, в подвале, справа или слева. Или продублируйте кнопки два-три раза на всех страницах. Особенно это актуально для длинных статей и лонгридов. Где-то в середине может встретиться интересная мысль, которой захочется поделиться с друзьями во ВКонтакте.

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

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

На сайте детского интерактивного музея «КидБург» ссылки на группы в социальных сетях расположены в ярко оформленном блоке посередине главной страницы.

6

В книжном интернет-магазине «Лабиринт» социальные кнопки расположены вверху страницы.

7

В промо-разделе «Тренируйся с чемпионами» на сайте «Adidas» соцкнопки находятся в нижней части страницы.

8

На сайте свадебного салона «Мэри Трюфель» социальные кнопки встречаются дважды: в середине и в подвале главной страницы.

9

10

На промо-странице издательства «Манн, Иванов, Фербер» есть два блока с соцкнопками: в середине страницы и в подвале.

11

12

На сайте «Высшей школы экономики» блок с социальными кнопками находится в правой части страницы.

13

На сайте телеканала «СТС» социальные кнопки находятся в самом верху страницы.

14

На сайте «Шоу сумасшедшего профессора Николя» ссылки на социальные сети есть на странице с контактами.

15

На сайте «Альфа-Банка» есть отдельная страница со ссылками на официальные представительства в соцсетях.

16

На промо-сайте «Mentos» есть отдельная страница с приглашением присоединиться к бренду в социальных сетях.

17

На сайте телеканала «СТС» компактно размещены виджеты трёх социальных сетей: их можно просмотреть внутри одного блока.

18

Виджет с пятью социальными сетями находится среди анонсов статей на главной странице сайта «Cosmopolitan».

19

На сайте некоммерческого просветительского проекта «Arzamas» социальные кнопки находятся справа.

20

В подвале сайта для молодых родителей «Pampers» выделен небольшой аккуратный блок с соцкнопками.

21

Отображайте по-разному

Традиционный способ — это разместить социальные кнопки на фиксированном месте. Менее распространённый вариант — показывать кнопки в блоке, который раскрывается по наведению или нажатию на соответствующую иконку.

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

Социальные кнопки на сайте Константина Ашифина находятся в закреплённой плашке, которую постоянно видно при прокрутке. Здесь можно поставить лайк странице и рассказать о сайте друзьям.

22

Социальные кнопки с статьях на сайте «Медузы» появляются вверху в плавающем блоке, который всё время видно при прокрутке.

23

На проекте «Велосипедизация Санкт-Петербурга» есть яркая плашка со ссылкой на группу ВКонтакте во всю ширину страницы.

24

Добавьте эффекты

Привлеките дополнительное внимание к социальным кнопкам при помощи эффекта анимации или подсвечивания, которые появляются по наведению.

Почти на всю ширину сайта виртуальных битв «Драка Собака» размещена крупная кнопка со ссылкой на группу ВКонтакте. Кнопка реагирует на наведение курсора — полоски начинают двигаться.

25

Блок с социальными кнопками на сайте «Медузы» разворачивается в верхней части страницы по нажатию на кнопку со стрелкой.

26

На сайте мебельной фабрики «Лель» блок с пятью социальными кнопками появляется по наведению на иконки ВКонтакте и Фейсбука вверху страницы.

27

Кнопки для расшаривания на промо-сайте «Cross production» появляются внизу страницы во всплывающем окошке.

28

Социальные кнопки на сайте типографии «Листовка-завтра.рф» располагаются внизу страницы. При наведении на каждой кнопке появляется розовая обводка.

29

На сайте «NN-Radio» блок с социальными виджетами разворачивается слева по нажатию на иконку с плюсом.

30

Покажите количество участников

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

На сайте сети фитнес-центров «Sportlife» блок со ссылками и количеством подписчиков в разных социальных сетях находится в подвале.

31

Призывайте вступать в группы

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

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

Брокер на рынке Форекс «Grand Capital» приглашает присоединиться к сообществам в социальных сетях и участвовать в конкурсах каждую неделю.

32

Новые посетители сайта «ВОС» видят всплывающее окошко с приглашением подписаться на сообщества в социальных сетях.

33

AdMe.ru выражает благодарность читателям и приглашает подписаться на группу ВКонтакте.

34

Приглашение подписаться на сообщество в Фейсбуке появляется на AdMe.ru во всплывающем окошке во время прокрутки страницы.

35

Телеканал «СТС» приглашает пользователей сайта голосовать во ВКонтакте за участников шоу «Два голоса». Ссылка с сайта ведёт на конкретный пост в группе.

36

Журнал «Главбух» призывает бухгалтеров дружить и общаться на профессиональные темы в социальных сетях. Призыв к вступлению в сообщества всё время видно во всплывающем окошке внизу слева.

37

Цветочный склад «Всё пучком» показывает всплывающее окошко новым посетителям сайта с призывом вступить в группу ВКонтакте и участвовать в еженедельных розыгрышах бесплатных букетов.

38

Некоммерческий просветительский проект «Arzamas» предлагает подписаться на сообщество ВКонтакте. Призыв размещён на яркой плашке, оформленной в стилистике сайта.

Чуть ниже есть призыв подписаться на группу в Фейсбуке, чтобы быть в курсе событий проекта. На некоторых страницах «Арзамаса» вместо приглашения в Фейсбук находится приглашение присоединиться к проекту в Одноклассниках.

39

На сайте образовательного проекта для призывников «Armydocs» призывает подписаться на сообщества в социальных сетях и следить за новыми материалами.

40

Понятно опишите сообщество

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

Бренд «Малютка» объясняет молодым мамам на понятном им языке, ради чего стоит вступить в группу в Одноклассниках, подписаться на Инстаграм и канал на Youtube.

41

Студия «Панкисофт» показывает, что в Фейсбуке можно почитать новости и обсудить статьи.

42

На сайте спортивных клубов «Sportlife» рассказано о том, что ждёт пользователей в сообществах в разных социальных сетях.

43

Рифма.ру приглашает читателей делиться стихами в социальных сетях.

44

Интернет-магазин «Колибри» сообщает клиентам, что в сообществах в социальных сетях можно узнавать о новостях, акциях и специальных предложениях.

45

Разместите кнопку «Поделиться»

Поставьте кнопки, при помощи которых пользователи легко опубликуют ссылку на любой материал сайта на своей странице в социальной сети.

Выберите место для кнопки «Поделиться»: рядом с заголовком, в середине или в конце страницы. Или повторите кнопки несколько раз.

В статьях на сайте ресторанного холдинга «Ginza Project» кнопки для расшаривания материала в соцсетях появляются по наведению на иконку с сердечком.

46

На сайте «Связного» рядом с заголовком акции есть компактный блок с соцкнопками и призывом делиться ссылкой с друзьями.

47

В конце каждой статьи на портале бизнес-новостей «Finparty» размещены кнопки для расшаривания материала в социальных сетях.

48

В конце статей на сайте «Давай сходим!» есть призыв делиться материалом, который понравился.

49

В блоге сети ресторанов «Две палочки» кнопки для расшаривания есть в начале и в конце каждой записи.

50

В статьях на проекте «Recycle» кнопки для шеринга с призывом «Поделиться» повторяются дважды: в начале и в конце.

51

В статьях на сайте «Мела» есть плавающие кнопки шеринга, которые видно при прокрутке страницы.

52

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

53

Все узнают о доставке сладкой немытой моркови из интернет-магазина «Деликатеска.ру» благодаря кнопке «Рассказать друзьям».

54

В подвале сайта бонусного клуба «Много.ру» есть призыв поделиться ссылкой на сайт в социальных сетях.

55

«Cosmopolitan» призывает поделиться статьёй с друзьями.

56

Герой сайта «ЛабиринтУм» Человек Наук призывает поделиться понравившимся постом из блога с друзьями.

57

Интернет-магазин «Love Home Love» призывает пользователей рассказать о чудо-фартуках. По нажатию на призыв во всплывающем окошке появляются кнопки для шеринга во ВКонтакте и Фейсбуке.

58

Сервис доставки подарков «EnjoyMe Box» подсказывает свой фирменный хештег и призывает делиться информацией о сайте с друзьями.

59

Онлайн-кинотеатр Ivi.ru предлагает поделиться ссылкой на фильм с друзьями.

60

Призывайте расшаривать

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

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

Жители клубного посёлка «Европа» могут расшарить ссылку на сайт в социальных сетях и спросить друзей, хотят ли они приехать в гости.

61

AdMe.ru говорит «спасибо» пользователям за входновение и мурашки и предлагает делиться материалами в Фейсбуке и ВКонтакте.

62

«Финолог» посчитал, сколько на самом деле стоит рабочее время сотрудников за месяц работы. И призывает поделиться шокирующей информацией с друзьями.

63

Проект «Давай сходим!» предлагает делиться новостями о предстоящих концертах.

64

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

65

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

66

Поощряйте

Тем, кто расшарит материалы вашего сайта в социальных сетях, пришлите виртуальный подарок. Что-то бесплатное, но полезное, например, сборник рецептов или руководство по расчёту калорийности питания.

«Финолог» пришлёт методичку о мотивации персонала всем, кто расшарит ссылку на сайт в социальных сетях.

67

Онлайн-университет «Нетология» подарит месяц обучения за каждого пользователя, который перейдёт на сайт по расшаренной в соцсетях партнёрской ссылке и оплатит доступ к курсам.

68

Играйте

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

На проекте «Чехов жив» участники проходят тест и получают различные звания, которыми можно поделиться в социальных сетях.

69

Компания «Антияма» предлагает жителям Краснодара фотографировать ямы на дорогах города, выкладывать фото на сайт и делиться ссылкой с друзьями в социальных сетях. Фирма бесплатно залатает яму, фотография которой наберёт больше всего голосов. Так «Антияма» привлекает трафик из социальных сетей и продвигает свою основную коммерческую деятельность по устранению повреждений на дорогах.

70

«2ГИС» предлагает выбрать подарок из списка, рассказать о нём в социальных сетях и не удалять пост до конца конкурса. Победители конкурса определяются случайным образом.

71

72

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

73

Образовательный проект «Arzamas» предлагает пройти тест на знание представителей русской культуры и поделиться результатами в социальных сетях.

74

На совместном проекте Vc.ru и Яндекс.Кассы можно протестировать свои способности к управлению интернет-магазином. В конце теста пользователей ждёт призыв поделиться результатом в социальных сетях.

75

На спецпроекте «Супер-женщины» телеканала «FOXlife» легко создать инфографику о повседневных женских делах и поделиться своими достижениями с друзьями в социальных сетях.

76

На проекте «Дед Мороз Aviasales» можно выиграть путешествие, если поделиться ссылкой с друзьями.

77

Можно выиграть путешествие в Гонконг от «Aviasales», если поделиться ссылкой в социальной сети.

78

Используйте «социальный замок»

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

Установите на сайт плагин «Social Locker» или подобный ему, который скрывает часть контента. Сначала пользователь лайкает или репостит нужный вам контент в соцсети. А затем автоматически получает доступ к обещанному бонусу.

На образовательном проекте для призывников «Armydocs» часть контента доступна только подписчикам сообществ в социальных сетях.

79

Кнопки социальных сетей для сайта

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

Необходимость размещения значков соцсетей на сайте

Не стоит недооценивать роль этих элементов в продвижении ресурса в сети. Кнопки социальных сетей для сайта являются мощным рычагом. Их наличие повышает:

• Оперативность индексации проекта.
• Значимость web-ресурса для роботов поисковых систем.
• Посещаемость, число подписчиков.

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

Конструктор uSocial, его особенности

Мощный функционал конструктора uSocial сделал его лидером в категории социальных сервисов. Многие владельцы сайтов отдают ему предпочтение. У него есть своя функциональная кнопка, привлекающее посетителей pop-up окно. Конструктор предлагает инструмент, очищающий кэш, приложение для сообществ ВК. Кроме того, в функционале имеется опция, позволяющая скрывать промокоды, ссылки на ресурсе на определенное время или до выполнения условия использования кнопки «поделиться» в соцсетях. Также в конструкторе имеются:

• Большое количество настроек.
• Поддержка мобильного формата.
• Счетчик лайков.

Сервис отличается простым, удобным дизайном, есть окно для предварительного просмотра. Конструктор имеет русскоязычную и англоязычную версии. Перед тем как добавить кнопки социальных сетей на сайт, можно выбрать дизайн блоков «Мне нравится», «Поделиться», соответствующий специфике оформления ресурса. Кроме общего счетчика репостов можно учитывать лайки на каждой из кнопок. В личном кабинете предоставляется возможность редактировать, добавлять, хранить наборы. Работа с конструктором не вызывает сложностей даже у новичков.

Порядок установки значков социальных сетей на ресурсе

Конструктор uSocial окажет помощь тем, кто не знает, как добавить социальные кнопки на сайт. Для начала нужно подобрать сервисы, их форму, стиль для гармоничного дизайна. Следует выбрать удобное размещение, размер, установить отдельные счетчики и общий для всех значков. Затем подключается поддержка мобильных устройств и сервисы Телеграм, СМС, Вайбер, Ватцап. Можно использовать опцию «ловушка для глаз», призывающую пользователя поделиться ссылкой на ресурс в социальных сетях.

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

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

03.05.2021 12:05

10 плагинов для добавления кнопок социальных сетей в WordPress

И снова я вас приветствую, уважаемые посетители моего маленького блога!

Как-то я уже писал про добавление кнопок социальных сетей на свой сайт WordPress. А сегодня я бы хотел поделиться с вами плагинами, которые могут помочь вам добавить кнопки социальных сетей.

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

10 лучших плагинов WordPress для обмена информацией в социальных сетях

1. Easy Social Share Button for WordPress

Easy Social Share Button для Word Press — это плагин, позволяющий обмениваться информацией в социальных сетях. Он обеспечивает идеальную адаптивность и позволяет поделиться с 45 социальными сетями. Это не только большой выбор полнофункциональных кнопок социальных сетей, но и 52 шаблонных мультимедиа с различными вариантами дизайна. А также экспонат, который может быть собственной настройкой. По оценкам, уже более 60000 сайтов используют плагин Easy Social Share Button. Если вы хотите попробовать вы можете скачать его здесь.

Особенности плагина Easy Social Share Button

• Более 52 шаблонов
• Более 25 анимаций
• Различные стили и ширина кнопок
• Настройщики шаблонов
• Несколько стилей счетчиков
• Счетчики акций социального доказательства

2. WP Social Sharing

WP Social Sharing добавляет очень привлекательные, отзывчивые кнопки социальных сетей Facebook, Twitter, LinkedIn, Xing, Google+ для WordPress постов, страницы, медиа или любого другого типа поста. WP Social Sharing — бесплатный и легкий плагин, который позволяет вам добавлять к нему свои собственные CSS и JavaScript. Это не просто простой и легкий в использовании плагин, но также может похвастаться 100% отзывчивыми кнопками социального обмена.

Особенности WP Social Sharing:

• 100% отзывчивый
• Можно добавить текст перед кнопками общего доступа
• Автоматическое отображение в сообщениях, на страницах, мультимедиа и пользовательских типа сообщений
• Поддержка социальных сетей таких как Facebook, Google+, LinkedIn, Twitter, Xing и Pinterest
• Пользовательский текст социальных кнопок
• Легкое изменение порядка социальных значков
• Предоставляет шорткоды, которые можно легко интегрировать с любой темой
• Не изображения, кнопки созданы с использованием CSS3. Для устройства шириной менее 480 пикселей этот плагин использует одно изображение для отображения значков социальных сетей.

3. Custom Share Buttons with Floating Sidebar

Пользовательские кнопки «Поделиться» с плагином «Custom Share Buttons with Floating Sidebar» могут показать кнопки, чтобы поделиться в социальных медиа в любом месте, как в посте, на страницах вашего сайта, с вариантами отображения вверху или внизу контента, а также плавающим блоком справа или слева — как вам удобно.

Особенности Custom Share Buttons with Floating Sidebar:

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

4. Social Warfare

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

Особенности Social Warfare:

• Привлекательность
• Быстродействие
• Настраиваемость
• Изображения Pinterest
• Пользовательские твиты
• Общие цитаты
• Твиттер-карта
• Социальное доказательство
• Отзывчивость
• Защита контента

5. Mash share

Mash share — это лучшая социальная оптимизация вашего сайта. Этот плагин имеет полностью готовые кнопки общего доступа к социальным сетям, а вам лишь нужна простая в настройке привлекательная кнопка «Поделиться», которая заставит посетителей захотеть пролистать ваш потрясающий контент.

Особенности плагина Mash Share:

• Высокопроизводительные иконки для социальных сетей — простые в использовании — кнопки общего доступа для наиболее распространенных сетей
• Иконки векторного шрифта высокого разрешения без потери качества
• Показывает общее количество акций в социальных сетях
• Объектные и временные кэши обеспечивают невероятно высокую скорость выполнения значков социальных сетей
• Шорткоды
• Расширяемый с помощью множества надстроек (Google Analytics, больше социальных сетей, отзывчивый, YouTube Video Share и многое другое …)
• Настраиваемый

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

6. Sumo Me Share

Некоторые плагины позволят вашим читателям присоединиться к вашему списку адресов электронной почты, поделиться своими статьями в Facebook, Twitter, Pinterest и т. д., а также оптимизировать с помощью аналитики.

Особенности Sumo Me Share:

• 100% оптимизирован для мобильных устройств.
• Полный контроль над тем, какие функции включить
• Бесплатная и простая интеграция с любой темой WordPress
• Выбор времени подписки на электронную почту
• Просто удалите все твиты, которые вам не нужны
• Полный HTML-контроль контента
• Настройте шаблоны, чтобы ваше электронное всплывающее окно выглядело удивительно
• Асинхронная загрузка, которая не влияет на скорость загрузки страницы

7. Simple Share Buttons Adder Plugin

Плагин Simple Share Buttons Adder позволит посетителям с легкостью делиться вашим контентом, а вы, как поставщик, можете без проблем расширять свой сервис. С помощью простых кнопок общего доступа вы можете выбрать набор изображений, наилучшим образом подходящий для ваших проектов, а если этого недостаточно, вы можете просто использовать свой собственный!

Особенности Simple Share Buttons Adder:

• Отзывчивость
• Настраиваемость
• Сокращение URL
• Поделиться тегами
• Отслеживание кликов
• Шорткоды

8. Monarch

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

Особенности плагина Monarch Social Sharing:

• Создавайте и показывайте ваших социальных подписчиков
• Чистый настраиваемый дизайн
• Изящный и отзывчивый
• Молниеносный

9. Shareaholic for WordPress

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

Особенности плагина Shareaholic for WordPress:

• 100% настраиваемость
• Оптимизирован для мобильных устройств
• Создан для масштаба
• Монетизирован
• Быстрый и безопасный

10. Add To Any Share Buttons

Плагин Add To Any Share Buttons для WordPress увеличивает трафик и взаимодействие, помогая людям делиться своими сообщениями и страницами с любым сервисом. Для таких сервисов как Facebook, Twitter, Pinterest, Google, WhatsApp, LinkedIn, Tumblr, Reddit и более 100 других сайтов и приложений для обмена информацией и социальных сетей.

Особенности Add To Any Share Buttons:

• Стандартные кнопки общего доступа — делятся каждым фрагментом контента
• Плавающие кнопки обмена — отзывчивые и настраиваемые, вертикальные и горизонтальные
• Мобильный и отзывчивый
• Идеальные значки
• Создан для хорошего
• Интегрирован с Google Analytics
• Нет необходимости в аккаунте
• Счетчики общего доступа
• Плавающие бары
• Настраиваемый

Выбирайте любой, какой вам понравится.

До скорых встреч!

Навигация по записям

Юрич:

Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.

Не забудьте подписаться на обновления:

Похожие записи

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

Как создать кнопки социальных сетей для каждой крупной сети

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

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

Содержание

Типы кнопок социальных сетей

Кнопки социальных сетей для Facebook

Кнопки социальных сетей для Instagram

Кнопки социальных сетей для LinkedIn

Кнопки социальных сетей для Twitter

Кнопки социальных сетей для YouTube

Кнопки социальных сетей для Pinterest

Кнопки социальных сетей для Hootsuite

Типы кнопок социальных сетей

Наиболее распространенные типы кнопок социальных сетей предлагают функции «Поделиться», «Мне нравится» и «Подписаться».Каждый из них служит разным целям, и способы их работы в разных сетях несколько различаются. Но каждый тип обычно делает то, что подразумевает его название:

• Кнопки «Поделиться» позволяют пользователям делиться вашим контентом с друзьями и подписчиками
• Кнопки «Мне нравится» позволяют им виртуально показывать вашему контенту большой палец вверх
• Кнопки Follow подпишут их на ваши обновления в указанной социальной сети

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

Кнопки социальных сетей для Facebook

Facebook предлагает несколько кнопок социальных сетей: поделиться, подписаться, поставить лайк, сохранить и отправить.

Кнопка Поделиться в Facebook

Как это работает

Неудивительно, что добавление кнопки «Поделиться» в Facebook на ваш сайт позволяет посетителям делиться вашим контентом со своими друзьями и подписчиками на Facebook. Они могут поделиться вашим контентом на своей временной шкале, в группе или даже в личном сообщении с помощью Facebook Messenger.Пользователи также могут добавить свое собственное персонализированное сообщение к общему контенту перед публикацией.

Как добавить кнопку Поделиться в Facebook

Используйте конфигуратор кнопки «Поделиться» Facebook, чтобы создать код кнопки «Поделиться», который можно вставить в HTML-код своего веб-сайта.

Параметры кнопки «Поделиться» в Facebook

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

Кнопка подписки на Facebook

Как это работает

Кнопка «Follow» позволяет пользователям подписываться на общедоступные обновления с соответствующей страницы Facebook.

Как добавить кнопку подписки на Facebook

Используйте интерфейс кнопки «Follow» на Facebook, чтобы создать код, который можно скопировать и вставить в свой HTML.

Параметры кнопки подписки на Facebook

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

Facebook Кнопка «Мне нравится»

Как это работает

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

Как добавить кнопку «Нравится» в Facebook

Перейдите в конфигуратор кнопки «Нравится» Facebook, чтобы создать код для копирования и вставки в свой HTML.

Параметры кнопки «Нравится» в Facebook

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

Еще одна интересная опция заключается в том, что вы можете выбрать для кнопки «Рекомендовать» вместо «Нравится».”

Кнопка «Сохранить в Facebook»

Как это работает

Кнопка «Сохранить в Facebook» работает так же, как опция «Сохранить» в сообщениях Facebook. Он сохраняет ссылку в личном списке пользователей, чтобы они могли вернуться к ней позже, по сути, добавляя ее в закладки в Facebook и облегчая тем самым делиться ею позже.

Как добавить кнопку Сохранить в Facebook

Используйте конфигуратор кнопки «Сохранить» Facebook, чтобы создать код для вставки в HTML.

Кнопка отправки Facebook

Как это работает

Кнопка отправки Facebook позволяет пользователям отправлять контент с вашего веб-сайта непосредственно своим друзьям через личное сообщение в Facebook Messenger, что является формой темного обмена в социальных сетях.

Как добавить кнопку отправки в Facebook

Как вы уже догадались — у Facebook есть конфигуратор кнопки отправки, чтобы предоставить вам код, который нужно вставить в ваш HTML.

Кнопки социальных сетей для Instagram

Instagram не предлагает кнопки «Поделиться» или «Мне нравится», что имеет смысл, поскольку природа Instagram как мобильной платформы для обмена фотографиями и видео означает, что она не совсем подходит для лайков и обмена веб-контентом.

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

Это означает, что у вас осталось очень мало вариантов с точки зрения кнопок публикации в социальных сетях для Instagram. Но есть одно решение, и оно простое: встроить пост в Instagram.

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

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

Как встроить пост в Instagram с кнопкой подписки

1. Перейдите к конкретному сообщению, которое вы хотите встроить, или перейдите в свой профиль Instagram и прокрутите назад, чтобы найти соответствующий вариант.
2. Нажмите на сообщение
3. Нажмите кнопку «Дополнительно» (… ) в правом нижнем углу.
4. Выбрать Вставить
5. Выберите, хотите ли вы включить заголовок, а затем нажмите Копировать код для вставки
6. Разместите код в своем HTML

Кнопки социальных сетей для LinkedIn

LinkedIn предлагает настраиваемый код JavaScript для кнопок «Поделиться» и «Подписаться».

Кнопка публикации в LinkedIn

Как это работает

Кнопка «Поделиться» в LinkedIn сочетает в себе функции кнопок «Поделиться» и «Отправить» в Facebook. Он позволяет пользователям делиться вашим контентом в LinkedIn несколькими способами — в своем общедоступном профиле, со своими контактами, в группе или в сообщении одному или нескольким лицам. При нажатии на кнопку открывается всплывающее окно, в котором можно добавить личное сообщение к публикации, а также параметры общего доступа.

Как добавить кнопку публикации в LinkedIn

Перейдите к генератору подключаемых модулей LinkedIn share, чтобы создать код JavaScript, который можно вставить в свой HTML.

Параметры кнопки «Поделиться» в LinkedIn

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

Кнопка подписки на LinkedIn

Как это работает

Нажатие кнопки «Follow» в LinkedIn позволяет пользователям следить за вашей компанией в LinkedIn, не покидая вашего веб-сайта.

Как добавить кнопку подписки в LinkedIn

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

Параметры кнопки подписки в LinkedIn

Как и в случае с кнопкой «Поделиться» в LinkedIn, вы можете указать количество людей, которые уже подписаны на вашу компанию в LinkedIn, с помощью кнопки «Подписаться».

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

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

Кнопки социальных сетей для Twitter

В дополнение к стандартным кнопкам «Поделиться» и «Подписаться» Twitter предлагает кнопки для создания твитов с определенным хэштегом или для @-упоминания кого-либо одним щелчком мыши. Также есть кнопка, с помощью которой можно отправить вам личное сообщение в Twitter.

Кнопка Поделиться в Twitter

Как это работает

Когда пользователь нажимает кнопку «Твитнуть», открывается всплывающее окно с твитом, содержащим заголовок страницы и ее URL-адрес, либо вы можете установить собственный URL-адрес.Пользовательский URL-адрес позволяет вам включать параметры UTM, чтобы отслеживать, сколько трафика вы получаете с помощью кнопки «Поделиться» в Twitter. При желании пользователь может добавить текст перед отправкой твита.

Как добавить кнопку Поделиться в Twitter

1. Зайдите на publish.twitter.com, прокрутите вниз и нажмите Кнопки Twitter
2. Нажмите Кнопка «Поделиться»
3. Над полем кода нажмите Установите параметры настройки
4. Введите свои предпочтения для параметров твита и размера кнопки, затем нажмите Обновить
5. Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки «Поделиться» в Twitter

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

Кнопка подписки на Twitter

Как это работает

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

Как добавить кнопку подписки в Twitter

1. Перейти к публикации.twitter.com, прокрутите вниз и нажмите кнопок Twitter
2. Нажмите Кнопка следования
3. Введите свой дескриптор Twitter, включая символ @ (например, @Hootsuite).
4. Нажмите Предварительный просмотр
5. Над полем кода нажмите Установите параметры настройки
6. Введите свои предпочтения для параметров твита и размера кнопки, затем нажмите Обновить
7. Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки подписки в Twitter

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

Кнопка упоминания Twitter

Как это работает

Когда кто-то нажимает кнопку упоминания Twitter на вашем веб-сайте, появляется всплывающее окно с пустым твитом, начинающимся с @-упоминания вашего имени пользователя. Это может быть отличным способом побудить читателей пообщаться с вашей командой в Твиттере или стимулировать запросы в службу поддержки через сеть.

Как добавить кнопку упоминания в Twitter

1. Перейти к публикации.twitter.com, прокрутите вниз и нажмите кнопок Twitter
2. Нажмите Кнопка упоминания
3. Введите свой дескриптор Twitter, включая символ @ (например, @Hootsuite).
4. Нажмите Предварительный просмотр
5. Над полем кода нажмите Установите параметры настройки
6. Введите свои предпочтения для параметров твита и размера кнопки, затем нажмите Обновить
7. Скопируйте и вставьте предоставленный код в свой HTML

Варианты кнопки упоминания в Twitter

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

Кнопка хэштега Twitter

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

Как добавить кнопку хэштега Twitter

1. Перейти к публикации.twitter.com, прокрутите вниз и нажмите кнопок Twitter
2. Нажмите Кнопка хештега
3. Введите выбранный вами хэштег, включая символ # (например, #HootChat).
4. Нажмите Предварительный просмотр
5. Над полем кода нажмите Установите параметры настройки
6. Введите свои предпочтения для параметров твита и размера кнопки, затем нажмите Обновить
7. Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки хэштега Twitter

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

Кнопка сообщения Twitter

Как это работает

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

Кнопка сообщения Twitter будет работать лучше всего, если в вашей учетной записи разрешены прямые сообщения от кого-либо. В противном случае люди, которые не подписаны на вас, не смогут отправлять вам сообщения и в конечном итоге могут разочароваться в вашем бренде.

Как добавить кнопку сообщения Twitter

1. Войдите в свою учетную запись Twitter
2. В левом столбце нажмите Конфиденциальность и безопасность
3. Прокрутите вниз до раздела Личные сообщения и установите флажок рядом с Получать личные сообщения от кого угодно
4. В левом столбце щелкните Ваши данные Twitter. Возможно, вам потребуется ввести пароль для доступа к этому экрану.
5. Выберите и скопируйте свой идентификатор пользователя, который отображается под вашим именем пользователя
6. Перейти к публикации.twitter.com, прокрутите вниз и нажмите кнопок Twitter
7. Нажмите Кнопка сообщения
8. Введите свое имя пользователя в верхнем поле, включая символ @ (например, @Hootsuite).
9. Вставьте свой идентификатор пользователя в нижнее поле
10. Нажмите Предварительный просмотр
11. Над полем кода нажмите Установите параметры настройки
12. Введите свои предпочтения для параметров твита и размера кнопки, затем нажмите Обновить
13. Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки сообщения Twitter

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

Кнопки социальных сетей для YouTube

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

Кнопка подписки на YouTube

Как это работает

Как и кнопка подписки в Twitter, кнопка подписки на YouTube требует двух кликов. Во-первых, когда кто-то нажимает на вашу кнопку подписки, ваш канал YouTube открывается в новом окне с окном подтверждения подписки.Затем пользователь должен снова нажать кнопку «Подписаться», чтобы подписка вступила в силу.

Как добавить кнопку подписки на YouTube

Используйте страницу настройки кнопки YouTube, чтобы создать код, который нужно вставить в свой HTML.

Параметры кнопки подписки на YouTube

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

Кнопки социальных сетей для Pinterest

Pinterest кнопка сохранения

Как это работает

Кнопка «Сохранить» в Pinterest эквивалентна кнопке «Поделиться» для других сетей в том смысле, что сохранение вашего контента на доске Pinterest расширяет ваши возможности. Поскольку Pinterest представляет собой платформу на основе изображений для отслеживания информации и идей, она работает немного иначе, чем кнопки общего доступа в других сетях.Вы можете настроить кнопку сохранения Pinterest на своем сайте тремя различными способами:

1. Image hover : вместо того, чтобы размещать отдельную кнопку Pinterest на вашем веб-сайте, этот параметр создает код, который вызывает кнопку «Pin It», когда кто-то наводит курсор мыши на любое изображение на вашей странице. Этот вариант наиболее рекомендуется Pinterest.
2. Любое изображение : с помощью этого параметра вы размещаете кнопку Pinterest на своей веб-странице. Нажатие на нее дает пользователю возможность сохранить любое изображение с вашего сайта на своих досках Pinterest.
3. Одно изображение : В этом случае кнопка сохранения применяется только к одному изображению на вашей странице. Это самый сложный вариант с точки зрения кодирования.

Как добавить кнопку сохранения в Pinterest — наведение курсора или любой стиль изображения

1. Перейдите в конструктор виджетов Pinterest и нажмите кнопку «Сохранить»
2. Выберите, какой тип кнопки вы хотите использовать: изображение при наведении курсора или любое изображение.
3. Выберите желаемые параметры размера и формы кнопки
4. Наведите указатель мыши на образец изображения для предварительного просмотра кнопки
5. Скопируйте код кнопки и вставьте его в свой HTML
6. Для любого варианта изображения скопируйте и вставьте pinit.js из нижней части страницы конструктора виджетов в ваш HTML, прямо над тегом

Как добавить кнопку сохранения в Pinterest — один стиль изображения

1. Перейдите в конструктор виджетов Pinterest и нажмите кнопку «Сохранить»
2. Выберите желаемые параметры размера и формы кнопки
3. В новом окне браузера перейдите на страницу вашего веб-сайта, где отображается изображение, с которым вы хотите работать.
4. Скопируйте и вставьте URL этой веб-страницы в поле URL в конструкторе виджетов
5. На своей веб-странице щелкните правой кнопкой мыши изображение, с которым хотите работать, и выберите Копировать URL-адрес изображения
6. Вставьте URL-адрес изображения в поле Изображение в конструкторе виджетов
7. Введите описание изображения в поле Описание в конструкторе виджетов.Он появится под вашим изображением, когда кто-то сохранит его в Pinterest

.

8. Щелкните образец Pin It в конструкторе виджетов, чтобы протестировать кнопку
9. Скопируйте код кнопки и вставьте его в свой HTML
10. Скопируйте и вставьте скрипт pinit.js из нижней части страницы конструктора виджетов в свой HTML, прямо над тегом

Pinterest параметры кнопки сохранения

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

Pinterest кнопка подписки

Hootsuite

Как это работает

Когда кто-то нажимает кнопку подписки Pinterest на вашем веб-сайте, всплывает окно предварительного просмотра, в котором отображаются ваши последние пины. Затем они нажимают кнопку Follow в этом превью, чтобы подписаться на вашу учетную запись Pinterest.

Как добавить кнопку подписки на Pinterest

1. Зайдите в конструктор виджетов Pinterest и нажмите Подписаться
2. Введите URL своего профиля Pinterest
3. Введите название вашей компании в том виде, в котором вы хотите, чтобы оно отображалось на кнопке
4. Скопируйте код кнопки и вставьте его в свой HTML
5. Скопируйте и вставьте пинит.js из нижней части страницы конструктора виджетов в ваш HTML, прямо над тегом

Pinterest параметры кнопки подписки

Единственный вариант с кнопкой «подписаться» на Pinterest — это отображение названия вашей компании. Вы можете использовать свое имя пользователя Pinterest или полное название компании. В любом случае, придерживайтесь чего-то простого для понимания пользователями.

Кнопки социальных сетей для Hootsuite

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

Кнопка общего доступа Hootsuite

Как это работает

Когда пользователь нажимает кнопку Hootsuite на вашем веб-сайте, открывается окно с интерфейсом, содержащим ссылку на ваш контент. Пользователь может выбрать, в каких социальных сетях поделиться им: Twitter, Facebook, LinkedIn, Google+ или все вышеперечисленное. Они могут добавить личное сообщение перед тем, как поделиться, и решить, публиковать ли сразу, запланировать публикацию на определенное время в будущем или использовать функцию автоматического планирования Hootsuite.

Как добавить кнопку общего доступа Hootsuite

Перейдите на hootsuite.com/social-share, введите свой URL, скопируйте и вставьте код в свой HTML.

Опции кнопки обмена Hootsuite

Вы можете выбрать один из нескольких различных стилей кнопок.

Поднимите свои навыки работы с социальными сетями на новый уровень с помощью бесплатного онлайн-обучения и видео из Hootsuite Academy .

Начало работы

Как 9 брендов отображают социальные сети на своем веб-сайте

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

Социальная интеграция в заголовки

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

1. Whole Foods

Whole Foods поддерживает согласованные цвета заголовков, пропуская красочные значки и просто используя текстовые ссылки.

2. Tennis.com

Tennis.com упрощает работу с небольшими значками в правом верхнем углу строки меню, позволяя посетителям быть в курсе последних новостей тенниса в Twitter, Facebook и своих блогах.

3. Oreo

Oreo интегрирует яркие и смелые значки социальных сетей в заголовок своего веб-сайта. Однако социальная активность на этом не заканчивается — под их заголовком и изображением празднования 100-летия находятся дополнительные ссылки на социальные профили, включая еще три ссылки на их страницу в Facebook и виджет активности в Twitter.Даже в их нижнем колонтитуле есть дополнительные кнопки Facebook Like, Facebook Share, Twitter и +1.

Социальная интеграция в боковые панели

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

4. Mashable

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

5. Coca Cola

Домашняя страница

Coca-Cola на самом деле представляет собой гигантскую заставку, которая в конечном итоге направляет вас к различным объектам под брендом Coca-Cola о сохранении арктики, машин для фристайла, наградах и другой информации о компании. Прямо в середине их домашней страницы находится полностью социальная мини-боковая панель, оснащенная плагином Facebook и ссылками на другие их социальные профили.

6.Старбакс

Макет домашней страницы

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

Социальная интеграция в нижние колонтитулы

Хотите продемонстрировать социальное мастерство своего бренда, не отвлекаясь от основных точек конверсии веб-сайта? Эти бренды добавили свои социальные ссылки в нижнюю часть своих веб-сайтов и области нижнего колонтитула.

7. American Express

American Express использует простые значки 16 × 16 для отображения своих популярных социальных сетей. У них даже есть вращающийся баннер, который выделяет их профиль в Твиттере, а также программы баллов за членство, мобильные приложения и другие новости.

8. Toyota

Toyota, как и American Express, оставляет свои значки маленькими и ненавязчивыми, но их легко найти для тех, кто хочет общаться с ними в социальном плане.

9. Nikon

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

Ресурсы

Хотите добавить значки социальных сетей на свой веб-сайт? Вот официальные и неофициальные ресурсы.

Официальные значки и логотипы социальных сетей

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

• Логотипы и значки Twitter — Эта страница включает в себя версии логотипа Twitter и птицу в формате PNG и EPS для светлого и темного фона.
• Логотип Facebook — Facebook предлагает логотип кнопки «Мне нравится» в формате EPS и квадратный логотип «f» в форматах EPS, JPG, PNG и PDF.
• Значок Google+ — Google+ предлагает официальный статический значок нескольких размеров в формате PNG.
• Логотипы и изображения LinkedIn — LinkedIn предлагает квадратные и корпоративные логотипы со светлым и темным фоном в форматах JPG и PNG. У них также есть файлы TIFF с высоким разрешением для печати.
• Логотипы YouTube — YouTube предлагает различные логотипы, размеры кнопок и формулировки, которые вы можете использовать для своего веб-сайта. Для доступа к ним используйте раскрывающийся список в разделе «Нужен дополнительный выбор».
• Кнопки, ресурсы и значки Foursquare — Foursquare предлагает на выбор множество различных кнопок для вашего местного бизнес-сайта в формате PNG.

Неофициальные иконки социальных сетей

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

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

Официальные значки и плагины социальных сетей

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

• Кнопка подписки на Twitter — здесь можно получить официальную кнопку подписки на Twitter вместе с дополнительными кнопками публикации в Twitter.
• Facebook Like Button и Like Box — используйте их, чтобы побудить людей лайкнуть вашу фан-страницу в Facebook прямо с вашего веб-сайта.
• Кнопка подписки на Facebook — Хотите, чтобы люди подписывались на ваш личный профиль, а не на страницу Facebook для публичных обновлений? Вместо этого используйте эту кнопку.

Плагин профиля участника

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

Плагин

• LinkedIn Company Profile — продвигайте страницу своей компании в LinkedIn вместо своего профессионального профиля с помощью этого плагина, который позволяет посетителям веб-сайта немедленно следить за вашей компанией или навести указатель мыши, чтобы увидеть дополнительную информацию.
• Значок Google+. Используйте этот инструмент настройки, чтобы создать значок Google+ для своего веб-сайта, чтобы люди могли мгновенно добавить вашу страницу Google+ в свои круги.

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

6 способов интегрировать кнопки социальных сетей в ваш сайт

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

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

Вставить значки социальных сетей как изображения

Вы можете легко встроить значки социальных сетей в качестве изображений на свой веб-сайт, а затем связать их с адресами своих каналов. Но где их взять? В Интернете есть много хороших веб-сайтов, где вы можете бесплатно скачать символы в различных формах в виде файлов изображений.

Я рекомендую искать значок страницы.com, например.

Здесь вы можете просто ввести название нужного значка (например, «instagram»), и вы получите список бесплатно загружаемых файлов изображений в очень хорошем качестве.

Список других хороших поставщиков иконок или наборов иконок можно найти на buffer.com.

Теперь я покажу вам, как встроить иконку в ваш сайт. Мы предполагаем, что значок с именем «instagram.png» находится в той же папке, что и ваш HTML-файл.

Затем вы можете использовать следующий фрагмент кода:

Тег a используется, чтобы сделать значок ссылкой. Конечно, вы должны заменить адрес, показанный выше, на адрес вашего собственного профиля в Instagram. Установив свойство target = "_ blank" , вы убедитесь, что профиль открывается в новой вкладке браузера.

Если значок расположен во вложенной папке относительно файла HTML (например, «значки»), путь изображения должен быть соответствующим образом скорректирован:

Конечно, вы можете изменить размер значков в соответствии со своими потребностями. Я рекомендую вам определить класс CSS для всех значков, принадлежащих к общей группе, например "sm_icon" :

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

 .sm_icon {
 
  ширина: 50 пикселей;
  / * высота регулируется автоматически * /
} 

Выбор формата изображения: PNG или SVG?

Вы заметите, что файлы изображений доступны в различных форматах файлов, таких как JPG, GIF, PNG или SVG.Типы файлов имеют разные характеристики и, следовательно, определенные преимущества и недостатки использования на веб-сайтах.

Мы разделяем их на растровые форматы (JPG, GIF, PNG) и векторный формат SVG. Форматы на основе растра имеют фиксированное разрешение с определенной высотой и шириной в пикселях.

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

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

Это может произойти, например, если вы загрузите значок с разрешением 64x64px из Iconfinder, а затем определите ширину 200 пикселей в настройках CSS.

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

Таким образом, все размеры экрана и уровни масштабирования могут обрабатываться одним и тем же файлом.Вы можете обрабатывать векторные изображения так же, как любой другой формат, и включать их как img-теги с желаемой высотой и шириной в свой HTML-код:

Если вам все еще нужно использовать пиксельный формат, я рекомендую формат PNG. По сравнению с JPG или GIF он поддерживает прозрачные области изображения, которые часто необходимы для значков и логотипов.

Встраивание значков социальных сетей в качестве шрифта

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

Я объясню процедуру на примере библиотеки «Font Awesome»:

Создайте бесплатную учетную запись пользователя на https://fontawesome.com/ (теперь это требование для импорта бесплатных или платных значков).

• В личном кабинете вы найдете раздел «Комплекты». Ваш новый комплект имеет идентификатор, состоящий из нескольких цифр и букв. После нажатия на комплект вам будет представлен код сценария, который вам нужно вставить между тегами заголовка вашей HTML-страницы, чтобы импортировать библиотеку.

В следующем примере я замаскировал идентификатор с помощью x-символов:

• Затем вы можете искать значки, например «Инстаграм». Для каждого значка вы найдете инструкции о том, как включить его в HTML-код. Я выбрал значок с названием «instagram-square», который включен, как показано ниже.

• Вы можете стилизовать свой значок с помощью CSS, например, используя другой размер или цвет шрифта:

 .fa-instagram-square {
    цвет: зеленый;
    размер шрифта: 18 пикселей;
} 

Обратите внимание, что ссылка на скрипт font awesome устанавливает соединение с внешним сервером. Это может включать передачу личных данных посетителей вашего сайта в Font Awesome.

В зависимости от применяемых правовых норм (например,грамм. gdpr), возможно, вам придется проинформировать своих пользователей об этой услуге. Или вы можете перестраховаться и разместить библиотеку самостоятельно. Информацию об этом можно найти здесь: Хостинг Font Awesome Yourself

В качестве альтернативы Font Awesome я могу порекомендовать значки материалов от Google. Интеграция иконок здесь очень похожа на Font Awesome.

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

Если вы хотите добавить лайки, поделиться и другие интерактивные кнопки из Facebook, Twitter и др., вы должны использовать специальный HTML-код, предоставляемый отдельными платформами.

• На странице Facebook для разработчиков вы можете сгенерировать HTML-код для различных кнопок Facebook.
• На странице Twitter для веб-сайтов вы найдете инструкции по встраиванию кнопок Tweet, кнопок Follow или для встраивания Tweets.
• Другие сети, такие как Instagram, Pinterest, LinkedIn, также предлагают вам возможность встраивать кнопки или виджеты на ваш сайт.

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

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

Интегрируйте кнопки социальных сетей с помощью специальных провайдеров

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

Примером этого является sharethis. После бесплатной регистрации вы можете создать панель кнопок, содержащую до 43 кнопок социальных сетей!

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

Этот сценарий, конечно же, установит соединение с сервером sharethis. Вы должны сообщить об этом посетителям вашего сайта в своей политике конфиденциальности. Вы также можете перенаправить их на https://sharethis.com/privacy/.

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

Важно: вы также должны проинформировать своих пользователей о политиках конфиденциальности отдельных платформ, таких как Facebook, Twitter и т. Д., потому что sharethis передает данные пользователей на соответствующие платформы.

Альтернативный провайдер — addtoany. Выбор кнопок здесь еще больше, и вы можете получить код даже без регистрации.

В отношении защиты данных применяются те же рекомендации, что и для sharethis. Информация о сборе и использовании пользовательских данных представлена ​​на https://www.addtoany.com/privacy.

Конечно, существует гораздо больше провайдеров, таких как addthis.

Плагины социальных сетей для WordPress

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

wpbeginner: 10 лучших плагинов социальных сетей для WordPress (2020)

Кроме того, поставщики sharethis и addtoany также предлагают свои услуги в виде плагина WordPress.

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

Заключение

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

Ваш интерфейс загружает процессор ваших пользователей?

По мере того, как веб-интерфейсы становятся все более сложными, ресурсоемкие функции требуют все большего и большего от браузера. Если вы заинтересованы в мониторинге и отслеживании использования ЦП на стороне клиента, использования памяти и многого другого для всех ваших пользователей в производственной среде, попробуйте LogRocket.https://logrocket.com/signup/

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

Модернизируйте отладку веб-приложений — начните мониторинг бесплатно.

С чего начать размещение значков социальных сетей на своем веб-сайте

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

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

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

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

Выберите только значки социальных сетей, в которых ваш бизнес наиболее активен, например Facebook, Instagram и Pinterest, и разместите их на своем сайте.У вас может быть больше социальных сетей, в которых вы активны (Twitter, Google+, Linkedin и т. Д.), Но они могут быть не там, где находятся ваши клиенты, и, следовательно, контентом не будут делиться. Слишком много значков ослабляет ваши усилия, парализует посетителей вашего сайта при анализе — слишком много вариантов, они не могут принять решение.

Лучшее место для размещения этих кнопок — это, как правило, вверху или слева на странице из-за того, как мы читаем и просматриваем сайт. Кроме того, может показаться глупым размещать их над постом, но исследования показывают, что около 60% контента передается в социальных сетях еще до того, как его даже прочитают.

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

Плавающая панель социальных сетей

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

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

Где не размещать кнопки социальных сетей

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

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

Готовы разместить значки социальных сетей на своей домашней странице?

Загрузите Руководство по оптимизации домашней страницы

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

Важность кнопок подписки и публикации в социальных сетях на вашем…

Работая в интерактивном маркетинге, первое, что я ищу при первом посещении веб-сайта, — это активное присутствие на любых платформах социальных сетей, таких как Facebook, Twitter или LinkedIn.

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

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

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

Вот один конкретный пример того, почему важно сохранять эти ссылки и кнопки видимыми: согласно тематическому исследованию 2018 года, проведенному популярной службой создания закладок / обмена в социальных сетях AddThis, кнопки совместного использования в социальных сетях могут способствовать значительному росту числа репостов и новых пользователей.В примере, который компания осветила в своем тематическом исследовании, национальная некоммерческая организация увеличила свои общие доли на 400% после включения кнопок общего доступа в социальных сетях, а также увидела рост новых пользователей на 2,5%.

Готовы сделать так, чтобы кнопки социальных сетей не терялись в случайном порядке? Ниже приведены несколько советов по отображению кнопок социальных сетей на веб-сайтах.

Как отображать значки социальных сетей

Иконки социальных сетей будут направлять посетителей на страницы вашей компании в социальных сетях.На веб-сайте они должны быть легкодоступными и относительно большими.

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

Отображение кнопок социального обмена

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

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

В статье, предлагающей рекомендации по размещению кнопки совместного доступа, AddThis рекомендует пользователям сделать следующее:

· Поместите кнопки на видном месте на странице и в верхней части

· Поместите кнопки публикации рядом с контентом, которым вы хотите поделиться.

… в то время как служба создания закладок / совместного использования не рекомендует:

· Размещение кнопок общего доступа в инструментах навигации по страницам, в нижнем колонтитуле или боковой панели.

· Размещение кнопок общего доступа в нескольких местах на странице

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

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

Как вы используете значки социальных сетей и кнопки публикации на своем веб-сайте?

Об авторе

Эд Ламмон

Эд — управляющий редактор Agency Content.Эд родился в Алабаме и получил степень бакалавра журналистики в Обернском университете. Когда Эда нет в офисе, он любит ходить на концерты и смотреть футбол цвета Оберна.

Читать еще сообщения Эда Ламмона →

Определение наилучшего размещения значков социальных сетей

На скольких веб-сайтах вы были, на которых вы ищете кнопки социальных сетей, но не можете их найти? Затем, пока вы не прокрутите до конца страницы, до конца страницы, вы не увидите их в нижнем колонтитуле.Иногда они такие крошечные, что их может даже не быть.

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

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

Почему кнопки социальных сетей имеют значение?

Кнопки социальных сетей существуют уже давно. Сначала никто не знал, какую именно ценность они могут принести, кроме того, что они будут хорошим дополнением к чистому дизайну. Сегодня мы знаем, что наличие таких кнопок приводит к дополнительным упоминаниям и репостам, и цифры вполне реальны.Например, еще в 2011 году HubSpot сообщил, что включение кнопки «Поделиться» в Twitter увеличило количество упоминаний в Twitter в семь раз. Это здорово!

Но чтобы не забегать вперед, в то же время, слишком много кнопок социальных сетей, как правило, имеют противоположный эффект — уменьшение общего количества репостов из-за паралича принятия решений. Просто чтобы привести вам один пример, Нил Патель из QuickSprout однажды поделился, что, когда он добавил две новые кнопки социальных сетей для LinkedIn и Pinterest (помимо трех исходных — Facebook, Twitter и Google+), его доля упала на 29%. .

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

Как часто посетители ими пользуются?

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

Итак, действительно ли люди нажимают эти кнопки обмена?

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

Этот график Джошуа Бентона иллюстрирует результаты в социальных сетях 37 новостных сайтов:

Цитата из первоисточника:

Ось Y — это процент от 1000 последних твитов, которые, по утверждению Twitter, были созданы с помощью кнопки твита.Таким образом, 16,3 процента этих твитов на nytimes.com (The New York Times) были отправлены с такой кнопки по сравнению с 20,2 процента для wsj.com (The Wall Street Journal).

Следовательно. Должны ли мы включить кнопки социальных сетей в той или иной форме на сайтах наших клиентов? Да, конечно.

Типы иконок социальных сетей

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

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

Пример ссылки профиля:

Кнопки «Поделиться» , с другой стороны, не переводят посетителя сайта в социальные профили вашего клиента.Скорее, щелчок побуждает их поделиться текущей страницей в определенной социальной сети. В каждой социальной сети доступны эти кнопки совместного использования социальных сетей, которые можно установить через плагин или даже через внешний сервис, такой как Buffer. Они важны для расширения охвата сайта в социальных сетях. И, как вы, вероятно, знаете, это неотъемлемый компонент в формировании аудитории.

Пример:

А как насчет размещения значков?

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

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

Боковая панель: Размещение значков социальных сетей в верхней части боковой панели — еще один способ быстро убедиться, что посетители их увидят. Преимущество здесь в том, что они могут быть вызваны заметным заголовком виджета, например «Follow Me!»

Над или под сообщениями: Если ваши клиенты хотят обеспечить социальное взаимодействие, размещение кнопок «Поделиться» над и / или под сообщениями в блоге — хороший способ добиться этого.Это также самый популярный способ отображения кнопок общего доступа. Вы найдете примеры этого на таких сайтах, как TechCrunch, The Verge, Mashable и многих других.

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

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

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

Ищете что-то еще более интересное? Как насчет классного эффекта плавного появления, как у Upworthy? Это придает пиктограммам исключительную видимость, поскольку они буквально прыгают прямо на вас. При прокрутке вниз в заголовке появляется баннер, предлагающий посетителям поделиться страницей в Facebook. Для этого можно использовать несколько плагинов.

Влияние отрасли

Хотя каждая компания в любой отрасли может извлечь выгоду из взаимодействия с социальными сетями, не все созданы равными с точки зрения использования социальных сетей.Например, корпоративный веб-сайт может не использовать плавающие значки общего доступа в виде полос, потому что они не имеют профессионального вида. А на командном сайте — например, группе юристов — вероятно, не удастся использовать значки боковой панели, потому что они обычно появляются под биографией автора и / или снимком в голову, что заставляет их казаться неуместными.

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

Иконок и кнопок обмена может быть недостаточно

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

Вы можете легко воспользоваться Twitter API, чтобы показать поток твитов клиента, или использовать Facebook Like Box, чтобы продемонстрировать ее последние сообщения прямо в любой виджетной области на сайте. Боковая панель — самый распространенный выбор с точки зрения позиционирования, но вы можете найти встраивание этого контента на страницу, посвященную социальным каналам, лучшим вариантом.

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

Оценка эффективности

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

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

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

Заключение

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

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

👉 Хотите попробовать что-нибудь уникальное? Вам следует подумать о создании липких кнопок для публикации в социальных сетях.

Или начните обсуждение в нашей группе Facebook для профессионалов WordPress. Найдите ответы, поделитесь советами и получите помощь от других экспертов WordPress. Присоединяйтесь сейчас (это бесплатно)!

кнопок социальных сетей.Как использовать их для SEO

Кроме того, я научу вас, как добавлять их на свои веб-страницы, наряду с другими передовыми практиками, когда дело доходит до отображения кнопок общего доступа на вашем контенте.

Содержание :

Приступим.

Кнопки социальных сетей или кнопки социальных сетей — это интерактивные значки, отображаемые на некоторых ваших веб-страницах, чтобы посетители вашего веб-сайта могли делиться вашим контентом со своими личными профилями социальных сетей, такими как Facebook, Twitter, Pinterest, LinkedIn и другими платформами социальных сетей.Кроме того, значки общего доступа могут включать отправку фрагментов контента на адрес электронной почты.

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

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

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

Или вставьте живые кнопки публикации в социальных сетях здесь 🙂

Маркетинг в социальных сетях и поисковая оптимизация часто идут рука об руку в цифровом маркетинге. Чаще всего одно оказывается столь же важным, как и другое. И вот три основные причины, почему социальные сети важны для SEO:

Социальные сигналы указывают на качество контента

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

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

Социальные сети помогают охватить более широкую аудиторию

Знаете ли вы, что во всем мире насчитывается около 3,81 миллиарда пользователей социальных сетей и что потребители проводят в социальных сетях в среднем 3 часа в день? Это означает, что использование платформ социальных сетей может помочь вам удвоить или утроить ваш целевой рынок и расширить охват в этом чрезвычайно переполненном и высококонкурентном цифровом пространстве, называемом Интернет.

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

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

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

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

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

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

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

Но популярная CMS теперь имеет плагины, которые позволят вам легко использовать кнопки общего доступа на ваших веб-страницах. Итак, вот четыре различных способа добавить иконок социальных сетей для публикации на вашем сайте:

Добавление кнопок социальных сетей на ваш сайт WordPress

Владельцы сайтов WordPress могут легко установить плагин для социальных сетей.Выполните следующие действия:

1. Откройте серверную часть вашего сайта WordPress.

2. В левой части меню наведите указатель мыши на «Плагины» и нажмите «Добавить».

3. Перейдите к строке поиска в правом углу параметров плагина и введите название плагина с логотипами или кнопками социальных сетей, которыми вы хотите поделиться. Мы рекомендуем простые социальные иконки или дерзкие социальные иконки.

Затем щелкните установить. Вот и все!

Добавление значков социальных сетей на ваш сайт WIX

Владельцы сайтов

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

1. Откройте страницу с единственной записью.

2. Наведите указатель мыши на свободное место на странице отдельного сообщения, нажмите на три точки для выбора параметров и нажмите «Настройки».

3. Прокрутите вниз до параметров социальных кнопок

4. Снимите флажки рядом с кнопками социальных сетей, чтобы отображать или скрывать их на своей веб-странице.

Вот и все! Вы также можете щелкнуть поля значков социальных сетей, чтобы изменить текст, и перетащить ползунок, чтобы увеличить или уменьшить размер кнопок социальных сетей.

Добавление кнопок социальных сетей в магазин Shopify

Если у вас есть интернет-магазин с Shopify, вы можете выбрать два варианта при добавлении значков социальных сетей, установленных для совместного использования в вашем магазине:

1. См. Раздел социальных сетей в магазине приложений.
2. Загляните в магазин тем, потому что некоторые темы поставляются с уже включенными значками общего доступа в социальных сетях.

Чтобы проверить, включены ли в вашей существующей теме кнопки социальных сетей, перейдите в раздел «Настройка страницы темы» и проверьте домашнюю страницу, боковую панель, верхний и нижний колонтитулы.

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

Теперь, если вы запускаете веб-сайт, который не является WordPress, Wix или Shopify, вы можете скопировать и вставить HTML-код, чтобы активировать кнопки общего доступа для социальных сетей. Вы можете поискать хороший и удобный веб-сайт, чтобы скопировать код.

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

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

Эти передовые методы или размещение значков «Поделиться» на вашем веб-сайте помогут вам улучшить естественные ссылки на ваши веб-страницы из социальных сетей.

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

Поместите кнопки социальных сетей внизу страницы содержания

Видите ли, возможно, есть две основные причины, по которым ваши читатели достигают конца вашей страницы с контентом.

1. Они хотят сразу перейти к сути и прочитать ваше содержание или заключение.
2. Им очень понравился ваш контент, и они прочитали его значительную часть, если не всю страницу.

В любом случае, это веские причины разместить кнопки «Поделиться» в социальных сетях внизу страницы, чтобы напомнить вашим читателям о необходимости делиться вашим контентом с их профилями в социальных сетях.

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

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

Это выглядит так:

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

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

●

Сообщений в блоге

●

Примеры из практики

●

Результаты исследований

●

Должностей

Обеспечьте отображение кнопок общего доступа к популярным платформам социальных сетей

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

Вот ведущие платформы социальных сетей в 2020 году по данным Statista.com:

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

1. Facebook
2. YouTube
3. WhatsApp
4. Facebook Посланник
5. WeChat
6. Instagram
7. TikTok
8. QQ
9. QZone
10. Sina Weibo
11. Reddit
12. Куайшоу
13. Snapchat
14. Твиттер
15. Pinterest

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

Основные выводы

• Использование кнопок социальных сетей на вашем веб-сайте может показаться бесполезным, но они необходимы для поддержки ваших усилий по поисковой оптимизации , особенно когда речь идет о повышении видимости контента для вашего сайта и повышении качества обратных ссылок.
• Кнопки социальных сетей улучшают пользовательский интерфейс вашего сайта и помогают расширить охват контента и влияние на бренд.Кроме того, социальные сигналы указывают на качество контента.
• Лучшие практики добавления значков общего доступа включают размещение значков социальных сетей для обмена внизу страницы с контентом, а также отображение этих кнопок общего доступа вверху страницы с контентом, особенно когда они начинают накапливать фактические репосты, обеспечивая размещение общего ресурса. кнопки на веб-страницах с широким доступом, например в сообщениях в блогах, тематических исследованиях, результатах исследований и сообщениях о вакансиях. Кроме того, убедитесь, что вы включили популярные платформы социальных сетей, используемые на вашем целевом рынке.
• Добавить кнопки обмена в социальных сетях довольно просто, особенно в популярных CMS, таких как WordPress, Wix и Shopify. Но если у вас возникли проблемы с добавлением социальных кнопок на свой сайт или вы просто не знаете, какие платформы социальных сетей следует рассмотреть, не стесняйтесь обращаться к специалистам по социальным сетям и SEO.