SEO Вашего сайта | Кнопки «Поделиться»
4.6/5 — (5 голосов)
Кнопки «Поделиться» используются для передачи информации о странице в ленту соответствующей социальной сети. Следует понимать, что Ваш пост в ленте увидят не все друзья. Все социальные сети по своим алгоритмам принимают решение, что именно показывать в ленте. В среднем порядка 10-15% друзей увидят Вам пост.
Алгоритмы везде разные, а логика одинаковая — показывать только интересные (данному пользователю) посты:
— если Вы увлекаетесь котиками и Ваши друзья увлекаются котиками — то Ваш пост о котиках увидят под 90% друзей
+ = 90%
— если Ваш пост о собачках, а Ваши друзья увлекаются котиками — то Ваш пост о собачках увидят 5% друзей
+ = 5%
Котики, они лучше 🙂
Кроме комментария пользователя типа «Хорошо-то как» в социальную сеть передается: название страницы, url страницы, описание страницы, картинка
Для того, что бы передать пост с сайта в социальные сети, нам нужны две вещи:
а) скрипт, который будет показывать кнопки и передавать информацию
б) настройки, откуда брать данные для передачи информации (ранее было через параметры скрипта, теперь все основные социальные сети используют метатэги формата Open Graph).
Наиболее популярные сервисы, которые предоставляют скритпы кнопок «Поделиться»
Яндекс, смотреть здесь https://tech.yandex.ru/share/
Плюсо, смотреть здесь Pluso.ru
Сервис http://share42.com/ru
Сервис share42 наиболее удобен:
— сервис отдает Вам исходники своих скриптов для размещения на хостинге, т.е. скрипт стартует с Вашего сайта
— вариант «вертикальный плавающий столбец» работает сразу
— для Joomla удобно выбрать позицию debug — кнопки разместятся за пределами шаблона сайта
В документации можно посмотреть настройки для работы кнопок.
Поддерживаемые атрибуты
| Атрибут | Описание | Возможные значения |
|---|---|---|
| data-bare | Признак того, что загрузка стилей отключена. Если добавить атрибут, соцсети будут отображаться в виде текстового вертикального списка. | Наличие или отсутствие атрибута. |
| data-counter | Признак того, что на кнопке соцсети отображается счетчик публикаций. Внимание! На кнопке Твиттера счетчик публикаций отображаться не будет — Твиттер больше не поддерживает API с количеством публикаций. | Наличие или отсутствие атрибута. |
| data-copy | Позиция кнопки Скопировать ссылку. Кнопка Скопировать ссылку может отображаться, если используется атрибутdata-limit. |
Значение по умолчанию: last. |
| data-description | Текст, которым нужно поделиться. | Строка.Некоторые соцсети (например Твиттер) могут обрабатывать большие строки некорректно, поэтому длина строки будет зависеть от соцсети. |
| data-image | Изображение, которым нужно поделиться. | URL изображения. |
| data-lang | Язык блока. Локализуются подписи кнопок соцсетей и кнопка Скопировать ссылку. |
Значение по умолчанию: ru. |
| data-limit | Количество соцсетей, отображаемых в виде кнопок. Используется если нужно встроить в блок много соцсетей, а также чтобы блок занимал мало места на странице. Не вошедшие в лимит соцсети будут доступны по нажатию кнопки . | Натуральное число или отсутствие атрибута. |
| data-services | Список идентификаторов социальных сетей, отображаемых в блоке. | См. список идентификаторов поддерживаемых соцсетей. Несколько идентификаторов соцсетей указываются через запятую, без пробела.Значение по умолчанию:vkontakte,facebook,twitter |
| data-size | Размер кнопок соцсетей. |
Значение по умолчанию: m. |
| data-title | Заголовок, которым нужно поделиться. | Строка (длина зависит от сервиса).По умолчанию указывается заголовок страницы, на которой размещен блок. |
| data-url | Ссылка, которой нужно поделиться. | Любой URL.По умолчанию указывается URL страницы, на которой размещен блок.
|
Следует обратить внимание, что в настоящее время социальные сети берут настройки не из атрибутов, а из мета тэгов стандарта OpenGraph — это стандарт микроразметки на сайте, почитать можно здесь
Для наших целей (корректно передать информацию в социальные сети и отобразить ее в ленте/хронике) нужно четыре основных тэга:
— название url
— название заметки/поста
— описание поста
— картинка
Без заполненных метатэгов стандарта Open Graph каждая социальная сеть формирует эти данные по разному (по своему внутреннему алгоритму).
| <meta property=»og:url» content=»Адрес сайта»/> | Показ в посте адреса сайта |
| <meta property=»og:title» content=»Наименование»/> | Показ в посте наименования заметки (при отсутствии тэга иногда берется из Title) |
| <meta property=»og:description» content=»Описание»/> | Описание заметки (при отсутствии тэга иногда берется из Description) |
| <meta property=»og:image» content=»Расположение картинки»> — обязательно с полным путем с http | Адрес, где находится картинка (при отсутствии тэга каждая социальная сеть выбирает картинку для показа по разному, иногда первая по списку картинка в коде страницы) |
Для facebook есть специальный раздел, где можно проверить, как это все работает на странице — https://developers.
facebook.com/tools/debug/, вводите адрес страницы своего сайта и смотрите, как эту страницу видит социальная сеть.
Заполняем все 4 метатэга в разделе head, смотрим на результат
VKONTAKTE
МОЙ МИР
Итого мы видим — все, что написано в метатэгах OpenGraph, корректно отобразилось в наших постах в социальных сетях. Дополнительный бонус — если роботы поисковых систем видят корректно заполненные метатэги для продвижения в социальных сетях — значит сайтом занимаются — и это повлияет на выдачу в результатах поиска.
Конечно, мы не будем все это делать вручную, для своей CMS ищем плагин, который сделает большую часть работы (перепишет title / description в новые метатэги и т.д.)
И обязательно проверяйте (посмотреть итоговый код страницы) качество работы плагина, который Вы установили для Open Graph. Метатэги правильно называются <meta property=»og:url» content=»Адрес сайта»/>
некоторые плагины неправильно генерируют метатэги и делают их вида <meta name=»og:url» content=»Адрес сайта»/>
Часть соцсетей и так будет работать на этих кривых метатэгах, но FACEBOOK не будет их учитывать.
Примечание: в Одноклассниках можно в своей ленте поделиться одной и той же страницей ТОЛЬКО 1 раз. Вот такое ограничение. непонятно зачем. Т.е. понятно — что бы рекламой не забивали ленту, но можно было сделать 1 раз в неделю, например.
При повторной попытке Вы увидите:
И да, у Google+ Twitter свои метатэги (добавляем к CMS другие плагины). Стандартные метатэги OpenGraph учитываться не будут.
Google+
1 | <meta itemprop="name" content="Название сайта"/> |
2 | <meta itemprop="description" content="Описание сайта"/> |
3 | <meta itemprop="image" content="https://website./> |
com/image.jpg"1 | <meta name="twitter:card" content="summary"/> |
2 | <meta name="twitter:site" content="Название сайта"/> |
3 | <meta name="twitter:title" content="Название страницы"> |
4 | <meta name="twitter:description" content="Описание"/> |
5 | <meta name="twitter:creator" content="автор"/> |
6 | <meta name="twitter:image:src" content="https://website./> |
com/image.jpg"7 | <meta name="twitter:domain" content="website.com"/> |
Для Instagram не существует возможности «поделиться» с сайта. В Instagram загружаются фото, сделанные сам пользователем. Но можно установить у себя на сайте виджет вида «Мы в Инстаграм», что посетители сайта могли сразу видеть Вашу представленность в данной социальной сети.
Вот здесь можно прочитать подробнее и как реализовать для ленивых 🙂
http://habrahabr.ru/post/223739/ Пишем Instagram виджет для сайта.
http://inwidget.ru/ Instagram виджет для сайта бесплатно. Inwidget.
Как добавить meta property на свой сайт?
Для сайта на HTML — вручную. Для сайтов с использованием CMS — через плагины.
Что должен «уметь» хороший и правильный плагин?
— поддерживать добавление метатэгов для всех типов социальных сетей (не только OPEN GRAPH)
— небольшой плюс к SEO — при наличии метатэгов для Google+, сайт будет НЕМНОГО лучше показываться в выдаче Google
— иметь основные настройки для всего плагина (точнее для всего сайта)
— по умолчанию брать заголовок их title
— по умолчанию брать описание из description
— по умолчанию использовать указанную картинку для всех страниц сайта
— по умолчанию остальные тэги
— иметь возможность все вышеперечисленное редактировать у каждой страницы
Тогда удобно. Вы изначально задаете картинку по умолчанию для всего сайта, название и описание по умолчанию берутся из соответствующих meta, заполненных ранее для страниц. При необходимости для конкретной страницы Вы можете все это изменить.
Если неохота каждый раз вручную нажатием кнопки добавлять пост с сайта в хронику социальных сетей — можно перейти к следующему пункту автоматизации — Автопостинг в социальные сети.
Почитать в разделе
SEO — ЧТО ЭТО?
SEO — это на английском search engine optimization Т.е. буквально оптимизация сайта под индексирование поисковыми машинами (в первую очередь конечно Яндекс и Google). Проблема в том, что алгоритмы индексации являются закрытой информацией и можно только догадываться из опыта и здравого смысла, как эти алгоритмы работают (хотя и у Яндекса и у Google есть официальные требования к страницам, которые они индексируют).
Проблема в том, что сайт должен хорошо выглядеть для живых людей и быть правильным с точки зрения роботов. Если для людей все хорошо сделано, а для роботов ничего не сделано — сайт не будет в выдаче в первых страницах поиска и живые люди его не увидят. Вот такая ситуация -…
(Читать полностью…)
- Всего статей в разделе: 9
- Показано статей в списке: 8
- Сортировка: название по алфавиту
«Черное» SEO
Черное SEO — продвижение сайта за счет обмана поисковых систем.
(Читать полностью…)
Биржи ссылок
Поисковые роботы оценивают Ваш сайт. в том числе, насколько он интересен другим сайтам. Т.е. по объему ссылочной базы. Если никто не ссылается на Ваш сайт — значит там нет ничего интересного. Как пример — сайт www.adme.ru — порядка 1 млн. визитов в месяц при 300 000 страниц и 300 000 ссылок. Кстати, простая грубая оценочная модель:
— страниц и ссылок должно быть примерно поровну
— кол-во визитов на сайт в месяц = число ссылок *3 Поэтому стали появляться биржи…
(Читать полностью…)
Нужен ли www в начале адреса сайта
Почему существуют сайты в двух вариантах http://site.ru и http://www.site.ru Откуда это появилось? Когда Интернет был маленьким, а сервера слабые, то на на разных серверах стояло разное программное обеспечение для разных целей:
site.
(Читать полностью…)
Нужен ли слеш в URL?
Периодически на просторах интернета всплывает вопрос: «Нужен ли слеш (косая черта /) на конце адреса сайта?
Как правильно:
— так http://comphome.ru/2018/09/25/vybiraem-messendzher-na-zamenu-skype/
— или так http://comphome.ru/2018/09/25/vybiraem-messendzher-na-zamenu-skype Давайте по порядку.
Для всех страниц (за исключением Главной)
наличие / отсутствие слеша означает для поисковых машин 2 разных адреса.
Вот, например, страница
https://seotable.
(Читать полностью…)
Перелинковка
Зачем нужна хорошая перелинковка? Т.е. по смыслу — с отдельной Вашей страницы сайта из текста должны быть ссылки на другие страницы Вашего же сайта. Зачем?
Зачем нужна внутренняя перелинковска страниц сайта
Поисковые машины и так весь сайт проиндексируют.
Обратите внимание на страницы входа на Ваш сайт. Самая посещаемая страница — это не всегда главная страница сайта. В данном случае для сайта https://comphome.ru главная страница на третьем месте по посещаемости. В данном отчете учтены все входы (не только с поиска). Это означает, что такие страницы чем-то интересны пользователям, их более легко найти или на них большое число ссылок с других ресурсов.
Читаем статью
Семантическое.
(Читать полностью…)
Семантическое ядро
Семантическое ядро сайта — вот оно 🙂 Или все-таки не оно?
На Ваш сайт посетители переходят на конкретные страницы, а не в целом на сайт. Соответственно можно и нужно говорить о семантическом ядре каждой страницы.
Зачем это нужно?
К сожалению, роботы пока не такие умные, как хотелось бы.
Например, Вы написали статью про процессоры на socket 775 или LGA 775. А что ищут люди? Смотрим статистику Яндекса по словам https://wordstat.yandex.ru/
Ищут
Запросов в месяц 775 сокет
23685 socket 775
12398 lga 557
5313 Поиск в бытовом написании «775 сокет» самый популярный, в отличии от правильного написания. В результате, Вашу правильно…
Снипет
Снипет — это то краткое описание сайта, которое показывается в выводе поисковых систем. Название спипета — этот title Вашей страницы Описание сайта для Яндекса: — длина текста в спипете 240 символов (с пробелами) — по умолчанию робот сам составляет описание из текста страницы (иногда используя тэг Description) Описание сайта для Google: — длина текста в снипете 160 символов (с пробелами) — робот берет или из Description (длина до 160 символов) или сам составляет описание из текста страницы ВАЖНО: снипет не является неотемлимой частью страницы.
Заголовок снипета не меняется, а вот текст зависит от запроса, по которому была показана страница. Т.е. при показе…
(Читать полностью…)
Что хотят роботы поисковых систем
Как говорят математики — «существует необходимое, но недостаточное условие». Что это для SEO? Что бы поисковый робот не ругался 🙂 Если роботу изначально «не нравится» Ваш сайт — то дальнейшие усилия по продвижению не имеют смысла. Подробнее про хотелки роботов можно прочитать в Вебмастере.
Яндекс.Вебмастер любезно предоставляет список (скан первой части), что именно проверяет робот (конечно, список не полные и время от времени он меняется). Далее попробуем оценить со стороны этого здравого смысла, ЧТО НАДО и ЧТО НЕ НАДО делать, что бы поисковые машины хорошо относились к сайту. В целом любая поисковая машина/робот пытаются оценить два основных параметра сайта…
(Читать полностью…)
Поделиться ссылочкой, рассказать в ЖЖ
В шестой части серии «Как продвинуть сайт самостоятельно» давайте поговорим про использование социальных кнопок, виджетов, и плагинов, которые позволяют делиться информацией с вашего сайта с друзьями в VK, Twitter, Facebook, ЖЖ, Google и т.
д.
Как это работает
Установка кнопок означает, что у вас есть нечто такое, что люди захотят поместить у себя на страницах в Фейсбуке, Гугле, ВКонтакте. А значит, ваш сайт, или его отдельную страницу, увидят друзья этого человека. Таким образом, один клик/лайк будет продвигать ваш сайт в социальных сетях.
Скованные одной цепью
Сегодня оптимизация под социальность (social media optimization) – это часть SEO, и наоборот, поисковая оптимизация дополняет усилия по продвижению в социальных сетях. Например, когда пишут статью для блога, ориентированную на эффект в социальных сетях, также используют элементы SEO: подбор ключевых слов, заголовки, URL, внешние ссылки.
Использование
Работа с кнопками социальных сетей – это постоянный эксперимент и, своего рода, возможность «пощупать» рынок. Например, вы видите, что ваш сайт популярен среди пользователей Фейсбука, но вам хотелось бы достучаться и до VK. Используя соответствующие виджеты, можно быстро проверить, есть ли отклик.
Стоит помнить, что мы, пользователи социальных сетей, хотим делиться только тем, что сделает нас «лучше», интереснее, полезнее в глазах друзей. Чем больше мы понимаем, какой контент«пойдет на стены», тем лучше мы сможем оптимизировать наши усилия по созданию этого самого контента. Здесь мы вступаем на пограничную территорию между маркетингом и психологией.
Стоит отметить, что уже сложилось несколько мифов по отношению к социальным кнопкам. Например, что
- надо использовать как можно больше разных виджетов на сайте
- количество лайков и ретвитов данной страницы ведет к увеличению ее позиций в поисковиках
- люди
«шарят»то, что они купили, а значит, стоит обвесить все товары кнопками
Недостатки социализации сайта
Есть ряд подводных камней, которых стоит учитывать при использовании социальных кнопок. А именно, они
- влияют на скорость загрузки страницы («привет, SEO!»)
- уводят посетителей с сайта (а вы так старались привести их)
- временами «глючат» и, поэтому, могут поломать дизайн страницы
Самое простое – наблюдать за счетчиком кликов.
Но и не забываем, что в Google Analytics можно отслеживать трафик из социальных сетей. На основе полученных данных есть смысл дальше экспериментировать с идеями по SMO.
1. Назовем его Plug and Play. Пользователь не видит как работает код, а просто использует готовые плагины/виджеты тех или иных служб.
2. Девелоперский. В данном случае мы понимаем как работают эти кнопки изнутри, капаемся в коде, что-то изменяем под свои уникальные требования. В этом случае надо постоянно быть в курсе, что делают разработчики тех или иных служб.
Plug and Play виджетыПолезные ресурсы для разработчиков:
- Facebook: developers.facebook.com
- VK: vk.com/developers
- Google+: developers.google.com/+/
ВКонтакте– vk.
com/developers, могут быть интересны в первую очередь:
- Сообщества – свяжет сайт с группой или официальной страницей VK.
- «Мне нравится» – позволит пользователям выразить отношение к статье одним кликом или поделиться ссылкой на неё с друзьями.
Фейсбук
- Визитки: facebook.com/badges
- Социальные плагины Фейсбука: возможность ставить отметки «Мне нравится» и «Поделиться» на других сайтах.
Твитер: twitter.com/widgets
Mail.Ru Кнопки «Нравится» и «Класс!»: api.mail.ru/sites/plugins/share/
Сборные солянки:
- Яндекс: Блок «Поделиться» для вашего сайта — позволяет вашим посетителям размещать ссылку на страницу вашего сайта в социальных сетях или блогах.
- ShareThis
- AddThis
В следующем выпуске серии для начинающих вебмастаров у нас ньюансы технического тестирования сайта.
Stay tuned!
Voog в Твиттере и Facebook. Присоединяйтесь!
Как разместить кнопки социальных сетей на всех ваших веб-страницах
Одним из лучших способов маркетинга является использование социальных сетей. Использование социальных сетей для выхода на рынок — это мощный способ для компаний любого размера привлечь клиентов. Предоставление вашим посетителям возможности более легко делиться вашим контентом означает больше посещений, вовлеченности и обмена ссылками от других в вашей сети.
Что социальные сети могут сделать для вашего сайта?
- Привлекает целевых клиентов, потому что контентом делятся сами целевые клиенты
- Повышает SEO за счет увеличения социальных сигналов
- Позволяет взаимодействовать с клиентами
- Построение прочных отношений с клиентами
Как включить кнопки социальных сетей?
Есть несколько способов добавить кнопки социальных сетей. Решение действительно будет зависеть от того, как построен ваш веб-сайт и на какой платформе он построен.
Давайте рассмотрим некоторые из различных способов.
Как это работает
По сути, все, что вам нужно сделать, чтобы включить эти кнопки, — это просто добавить некоторый HTML-код, который будет отображать кнопку и выполнять определенные действия при ее нажатии.
Один из способов – зайти на сайт каждой социальной сети по отдельности и скопировать фрагменты HTML-кода для кнопок социальных сетей, но это очень неудобно, поскольку на это уходит не только много времени, каждая кнопка социальной сети может иметь свой Не хочу такого беспорядка на своей странице.
Не беспокойтесь, это можно сделать разными способами!
Кнопки социальных сетей для WordPress
Если вы используете WordPress, проще всего установить плагин для социальных сетей.
Шаги по установке плагина:
- Перейдите в область администрирования WordPress , затем Плагины » Добавить новый.
- Вы увидите панель поиска в правом верхнем углу страницы, щелкните ее и введите имя плагина или функциональность , которую вы хотите.
Для получения более подробных инструкций нажмите здесь
Некоторые рекомендуемые плагины для WordPress:
Оба следующих плагина перечислены в каталоге плагинов WordPress, поэтому вы можете использовать описанный выше метод для их поиска и установки.
- Простые социальные иконки
- Нахальная социальная акция
Кнопки социальных сетей для WIX
Если вы используете Wix, также очень легко добавить кнопку социальных сетей.
- Твиттер
- Пинтерест
- Гугл+
- Нравится этот пост (добавляет значок сердца с вашим настроенным текстом).
Нажмите на поля социальных кнопок, чтобы изменить текст в них.
Для получения дополнительных инструкций нажмите здесь
Вот несколько рекомендуемых плагинов для WIX:
- Поделись этим
- Монарх
Кнопки социальных сетей для Shopfiy
Для пользователей Shopfiy вы можете выполнить одно из следующих двух действий:
- Посетите раздел Социальные сети в магазине приложений.
- В некоторых темах из Theme Store уже включена эта функция. Проверьте, есть ли в вашей теме кнопка социальных сетей. Для этого перейдите на страницу «Настройка темы» и проверьте меню «Верхний колонтитул», «Боковая панель», «Главная страница» и/или «Нижний колонтитул».
Посетите здесь для получения дополнительных инструкций.
Если вы создали свой собственный сайт с нуля
Теперь, если у вас есть собственный веб-сайт, вы можете просто скопировать код и поместить его в HTML-код.
Есть много хороших и простых в использовании сторонних веб-сайтов, с которых вы можете получить код. Этот способ лучше, чем переход на каждую отдельную платформу социальных сетей, копирование и вставка кода обратно на ваш веб-сайт. Как упоминалось выше, это приведет к непоследовательному виду кнопок. Кроме того, эти сторонние сервисы, которые объединяют код, означают, что вам просто нужно перейти в одно место для всех ваших потребностей в социальных кнопках.
Вот некоторые из них, которые мы рекомендуем:
- AddToAny
- Добавить это
- дополнение к
В конце концов, вам стоит подумать о том, чтобы делиться информацией в социальных сетях, это весело. Не думайте об этом как о задаче! Кроме того, дополнительный совет — выберите время, когда люди активны в социальных сетях, прежде чем публиковать сообщения.
Приятного обмена!
Связанные категории
от ShareThis
Увеличьте посещаемость своего сайта, включив общий доступ в один клик
34 отзыва
Цена: Бесплатно
Раздел ключевых значений
Мобильный оптимизированный
Увеличивайте количество репостов в социальных сетях с помощью нашего адаптивного и легкого кода, который загружается асинхронно и не замедляет работу вашего сайта.
Настраиваемый
Настройте выравнивание, размер и дизайн в соответствии с вашим брендом.
Языковая поддержка
Наши кнопки доступны на 9 языках (английский, немецкий, испанский, французский, итальянский, японский, корейский, португальский, русский и китайский).
Галерея избранных изображений
shopify.com/sharethis-share-buttons» data-page-type=»listing» data-element=»gallery-screenshot-2″ data-element-group=»app-listing-gallery-thumbnail»>4,0 из 5 звезд
Общий рейтинг отражает текущее состояние приложения. Он учитывает все обзоры приложений, но отдает приоритет самым последним.
Подсчета за рейтинговый уровень
5 из 5 звезд
65% рейтингов — 5 звезд—
22
4 из 5 звезд
12% рейтингов 4 звезды—
4
.3 из 5 звезд
0% оценок 3 звезды—
2 из 5 звезд
3% рейтингов — 2 звезды—
1
1 из 5 звезд
21% из рейтингов 1 звезды—
7
Вид. 34 отзыва
Список отзывов
1 из 5 звезд
11 сентября 2022 г.
Расположение США
Время, проведенное в приложении 12 дней
Это приложение оставляет раздражающее всплывающее окно с настройками конфиденциальности на каждой странице. Даже после того, как вы настроите свои настройки и сохраните их… Это не исчезнет.
5 из 5 звезд
29 августа 2022 г.
Расположение Португалия
Время, проведенное в приложении 40 минут
Мне нравится приложение… Полезное и простое. Я буду рекомендовать его всем своим друзьям. Интересно и хорошо. По-прежнему отсутствуют некоторые опции, такие как TIKTOK и INSTAGRAM…
1 из 5 звезд
19 августа 2022 г.
Расположение США
Время, проведенное в приложении 35 минут
Если бы можно было поставить минус 1000 поставил бы.
Накосячил магазин, не добавили кнопки. Более того, я не могу его даже удалить. Я должен был отправить сообщение.
Накосячил магазин, не добавили кнопки. Более того, я не могу его даже удалить. Я должен был отправить сообщение.Facebook и Instagram
от Meta
Расскажите о своих продуктах людям на Facebook и Instagram.
3,3 из 5 звезд(3872отзывов)
Бесплатная установка
Pinterest
от PINTEREST inc
Предложите покупателям свою продукцию на Pinterest
4,8 из 5 звезд (5340отзывов)
Бесплатная установка
