Кнопки социальных сетей: как ими не раздражать посетителей вашего сайта

Опубликовано: 2017-11-05

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

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

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

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

Как раздражать

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

Тоже. Много. Кнопки.

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

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

Думаю, довольно очевидно, почему это раздражает.

Социальные всплывающие окна

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

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

Блокировка содержимого

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

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

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

Если сомневаетесь, опустите его (это то, что я всегда говорил своим ученикам, изучающим композицию, о запятых, кстати, #grammarlesson).

Обфускация собственных изображений

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

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

Почему? Потому что они пришли на ваш сайт за контентом, а вы ограничиваете их доступ к нему.

Как не раздражать

Мне очень хочется просто поставить стрелку вверх с надписью «не делай этого», но что в этом интересного?

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

Выберите одно место и будьте последовательны

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

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

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

Как правило, конец статьи (когда ваши читатели потрясены вашим великолепием и испытывают чувство «Боже, я должен поделиться этим!») Или плавающая влево боковая панель будет вашим лучшим местом для кнопок обмена (потому что, как и Co- В расписании указано, что левая верхняя часть области просмотра - это точка фокусировки читателя).

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

Меньше значит больше (или на самом деле меньше значит больше)

Велика вероятность, что наши посетители не будут делиться вашим контентом в WhatsApp. Они могут делиться им на Reddit, а если и делятся, то, вероятно, не используют вашу кнопку. И электронная почта? Этот, вероятно, будет использоваться меньше, чем туалетная бумага ядовитого плюща.

Таким образом, выбирая сети для выделения, лучше меньше, да лучше. Facebook очевиден. Твиттер тоже. Я стараюсь поддерживать только 3, поэтому, если вашим пользователям нравится Pinterest, используйте этот. Если вы пишете о чем-то деловом, выберите LinkedIn в качестве третьего (кстати, хорошие репосты LinkedIn могут привлечь массу новых посетителей и лидов, святая корова).

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

Бонусные баллы, если вы не поместите значки в центре изображения.

Вот и все!

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

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

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

Бонус: крик плагина Monarch

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

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

Миниатюра статьи Снопек Надя / shutterstock.com