Betheme_wordpress
Создание сайтов на уникальном шаблоне BeTheme для WordPress
22 декабря 2016
Socialnye-knopki-open-graph
Социальные кнопки – настройка мета тегов Open Graph
21 января 2017
Показать все

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

Knopki socsetey

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

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

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

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

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

  1. Какие кнопки и каких соц. сетей устанавливать.
  2. Как будут выглядеть Ваши посты на страницах социальных сетей,
    (заметьте, очень немаловажный вопрос) когда Вы нажимаете
    кнопку “Поделиться” у себя на сайте или блоге.
  3. Как получить полную и достоверную аналитику посещаемости.
    Откуда пришли, с каких сервисов, доступность Вашей целевой аудитории –
    компьютер или смартфон.

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

Как видите требований, в последнее время, предъявлено к нам немало.

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

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

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

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

Сервис, который я Вам предлагаю, англоязычный. Пугаться не надо, ибо разобраться в нем большого труда не представляет. Да и те коды, которые он предлагает устанавливать на сайт, совсем не обязательно. Сервис называется AddThis: http://www.addthis.com.
Пользуюсь я им уже, где-то, около полугода. Нареканий пока ни каких. Все что нужно, так это установить бесплатный плагин на блог, который он предоставляет, зарегистрироваться на самом сервисе и дальше происходит синхронизация блога и сервиса, что позволит Вам получать все аналитические данные по посещаемости сайта.

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

В данной статье я затрону один из видео-уроков из моего платного видео-курса: “БИЗНЕС-БЛОГ на Уникальном шаблоне BeTheme для WopdPress”, где подробно раскрывается эта тема.
Кстати, с помощью этого шаблона – язык не поворачивается назвать BeTheme шаблоном, ибо это уникальный конструктор сайтов, можно создавать любые продающие и подписные страницы – Lending Page, на которых также будет присутствовать плавающий сайт-бар из этих кнопок.

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

Да и экономятся средства на приобретение SSL-сертификатов. Пример – сайт на котором Вы находитесь. Продающих страниц в рубриках сайта нет, но они присутствуют в категории меню “Карта сайта”. Перейдя на них, Вы также увидите слева плавающий блок кнопок социальных сетей.
Ну, а теперь ближе к делу.

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

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

Я же хочу показать Вам, как это сделать на WordPress и, в частности, на предустановленном шаблоне BeTheme. С этим шаблоном уже шли свои кнопки, но их выбор и количество меня не сильно устраивало, потому и решил использовать сервис AddThis.

Заходите в Консоль или Панель управления блога – Плагины – добавить новый. В окно поиска плагинов вписываете – AddThis и нажимаете Enter на клавиатуре. В окне выдачи результатов, находите самый первый из списка плагин – Share Buttons by AddThis. Устанавливаете и активируете. Далее заходите в Настройки – Share Buttons by AddThis – кликаете по названию и попадаете в окно настроек плагина.

В окне настроек будет два основных раздела. Заходите в первый раздел вверху SHARING TOOLS – выбор настроек.
Ниже увидите четыре подраздела расположения социальных кнопок:

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

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

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

Во вкладке “OPTIONS” каждого подраздела, выбираете страницы блога, на которых будут отображаться кнопки.

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

В третьем – Sharing Sidebar – плавающий сайт-бар, ставите настройки расположения кнопок слева или справа.

Кнопки социальных сетей
В опциях, можете поставить галочки отображения на каждой странице сайта. Выставляете их количество – здесь это большой роли не играет. У меня поставлена цифра 9.
Не забудьте выбрать стиль кнопки “Скрыть-показать“. Которая помогает посетителям, в случае случайного скрытия сайт-бара, вновь его открыть. Советую выбрать стиль “Dark” – он более заметен на белом фоне.

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

Кнопки социальных сетей
Во вкладке “OPTIONS“, также делаете выбор всех страниц и ставите количество кнопок. У меня их восемь.

Кнопки социальных сетейПосле проведенных настроек, не забудьте нажать на кнопку, справа внизу, “Save Changes” – сохранить изменения.

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

Переходите снова в Консоль блога – Внешний вид – Виджеты и в списке доступных виджетов увидите – Share Buttons by AddThis.

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

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

Аналитика посещаемости сайта сервисом AddThis.

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

Теперь будьте внимательны! Сайт может показать Вам одну из двух своих входящих страниц. На первой будет выбор входа через Google, Facebook или Email. Выбираете Email, чтобы зарегистрировать свой блог.
Если же откроется страница, как на скриншоте внизу, нажимаете кнопку “Get Started“, по которой так же перейдете на страницу регистрации.

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

Вводите тот Email-адрес, по которому регистрировали свой блог или сайт (Посмотрите в настройках Консоли блога). Придумываете свой пароль для входа, подтверждаете его ниже, ставите галочку, если хотите получать письма с предложениями сайта и нажимаете на кнопку старт.

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

Дальше, снова заходите в настройки плагина Share Buttons by AddThis. В самом верху, переходите во второй основной раздел настроек – ADVANCED OPTIONS – расширенные опции.

В настройках опций опускаетесь по странице ниже, в подраздел AddThis Analytics. Там будет синяя кнопка – AddThis profile setup – нажимаете на нее. Перед Вами откроется окно входа на сервис AddThis.

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

После этого, опять, заходите в те же настройки плагина, во вкладке Language – выбираете Russian, ниже, в том же подразделе AddThis Analytics, снова нажимаете AddThis profile setup. В открывшемся окне подтверждаете получение профиля ID – нажимаете – Confirm and Save Changes – подтвердить и сохранить изменения. Все!

В настройках плагина автоматически подставиться ID Вашего профиля и вместо кнопки AddThis profile setup, появиться – Your analytics on addthis.com – Ваша аналитика на addthis.com.

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

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

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

Вверху идет общая таблица за выбранный период:

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

Кнопки социальных сетейТоп, ссылающихся на Ваш сайт, доменов и отдельно топ социальных ресурсов:

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

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

Для тех, кто любит получать информацию визуально, предлагаю посмотреть новое, дополнительное видео к одному из видео-уроков моего видео-курса:
“БИЗНЕС-БЛОГ на Уникальном шаблоне BeTheme для WopdPress”

Прошу прощения, если утомил Вас своей информацией. Но и это еще не все.

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

Рассмотрим расширенные настройки системы мета тегов Open Graph от Facebook и Twitter, которые и влияют на содержание и дизайн перепостов статей блога Вашими читателями.

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

Продолжение следует…

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