Пошук
Close this search box.
Пошук
Close this search box.

Як додати соціальні іконки на сайт.

Соціальні мережі

Поділитися в соціальних мережах

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

Чому б і ні? Це ідеально підходить.

Цілі маркетингу в соціальних мережах - просувати контент, обслуговувати клієнтів і будувати відносини. 

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

Існує досить багато варіантів підключення сайту до соц. мереж. 

П'ять основних типів інтеграції соціальних мереж:

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

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

Іноді інтеграція з соціальними мережами виходить незграбною, відволікаюча і неефективною.






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

1. Ніколи не кладіть соціальні іконки в шапку сайту.

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

Уявіть, що ви йдете в магазин, а на найбільшій вивіски написано «вихід». Це було б корисно? Можливо немає. Тоді чому на кожній сторінці вашого сайту є великі знаки виходу?

Чи не заохочуйте відвідувачів сайту йти. Не запрошуйте їх покинути ваш сайт.

Відправка відвідувача на платформу соціальних мереж дає їм можливість отримати прибуток в мільярдної компанії, яка повністю зосереджена на збереженні і монетизації цього відвідувача. Це добре для вашого маркетингу?

Ось як це виглядає в шапці:

соціальні іконки

Невелике дослідження стандартів веб-дизайну виявило, що в 2015 році 26% провідних маркетингових сайтів мали соціальні іконки в заголовку. У 2019 це число скоротилося до 20%. Це виходить з моди.

Кращий спосіб додати ваші соціальні іконки.

Ми рекомендуємо перемістити їх в нижній колонтитул і виділити їх сірим кольором. Тут їх можуть знайти люди, які хочуть стежити, ділитися і згадувати вас. І вони не будуть мотивувати відвідувачів йти з сайту.

Сірі кнопки соціальних мереж

Зверніть увагу, що кнопка реєстрації електронною поштою (цінніше взаємодія для бренду) більш помітна. Кнопки соціальних мереж (які є менш значимими для бренду) менш помітні.

Це не юридична консультація, але ...

Твіттер не хоче, щоб ви псували їх логотип. 

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

Соціальна іконка

Які соціальні іконки найчастіше натискають ваші відвідувачі?

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

За замовчуванням GA відстежує тільки переміщення зі сторінки на сторінку, а не кожен вихід з сайту. Але якщо ви налаштуєте відстеження подій для кліків виходу, ви можете побачити, які з них натискаються на будь-якій сторінці. Ось URL кожного кліка для кожного виходу з веб-сайту з нашої домашньої сторінки.

Кліки по соціальним мережам
Відсотки кліків іконка на кожну соціальну мережу

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

Де найкраще місце для додавання соціальних іконок?

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

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

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

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

Отже, коли ви повинні додати значок соціальної мережі?

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

  1. Ви розміщуєте контент там постійно? (Активний канал публікації)
    У соціальній мережі принаймні стільки ж релевантного контенту, скільки на вашому сайті.
  2. Ви спілкуєтеся з людьми в цій соціальній мережі? (Активний мережевий канал)
    Ви не просто присутні, але ви спілкуєтеся з людьми, спілкуєтеся і будуєте відносини. Якщо хтось ставить запитання, ви відповідаєте на нього.

Відповідь має бути «так» для обох. Якщо це не так, відкладіть інтеграцію з соціальними мережами, поки у вас не буде стратегії для соціальних мереж. Набагато краще не мати іконок, ніж кнопки, які нікуди не ведуть.

Наступне питання: куди помістити ці соціальні іконки?

3. Не додавайте кнопки загального доступу на службові сторінки.

Ви коли-небудь ділилися сервісної сторінкою? Ви коли-небудь бачили, щоб хтось ділився сторінкою сервісу? Це майже ніколи не відбувається.

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

UX рада. Не додавайте кнопки загального доступу на службові сторінки

А як щодо кнопок на сторінках продуктів електронної комерції?

Люди будь-коли діляться продуктами? Так, але майже ніколи. Коли ми подивилися веб-сайт електронної комерції і порівняли перегляди сторінок (Google Analytics) з соціальними акціями (Buzzsumo) і виявили, що такі акції рідкісні.

Тільки тоді, коли аудиторія захоплена продуктом, є якісь акції взагалі.

В онлайн-каталозі Vienna Beef найпопулярніші продукти діляться приблизно на 1 з 1000 відвідувачів. І ці акції майже все в Facebook.

Навіть відмінний продукт ділиться 1 з 1000 відвідувачів

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

Ми виявили, що обмін інформацією між 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/

<