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

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (0 оценок, среднее: 0,00 из 5)

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

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

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

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

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

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

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

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

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

1. Как добавить кнопки социальных сетей с помощью плагина?

Плагинов для добавления кнопок социальных сетей на сайт можно найти огромное количество. Мы воспользуемся плагином “Social Share Buttons for WordPress”.

Устанавливаем плагин “Social Share Buttons for WordPress”.

В меню админки WordPress у нас появится новый пункт «Share Buttons». Заходим «Share Buttons» -> «Главные настройки». Вводим текст, который мы ходим видеть перед кнопками. Выбираем где и как будут размещаться кнопки. Вводим Ваш ник, в Twitter без @ и кликаем «Сохранить изменения»

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

Далее заходим «Share Buttons» -> «Share настройки». Здесь настраиваем внешний вид, порядок кнопок и выбираем социальные сети, которые мы ходим видеть у себя на сайте. Сохраняем.

Как добавить на сайт кнопки социальных сетей, добавляем кнопки социальных сетей на сайтЗатем настраиваем «Like» кнопки. Для этого заходим «Share Buttons» -> «Like настройки». Выбираем список социальных кнопок. Настраиваем желаемый внешний вид всех кнопок. Для сетей «Facebook» и «ВКонтакте» нужно зарегистрировать свой «api_id» иначе кнопки  «Like Facebook» и «Like ВКонтакте» работать не будут. Нажимаем «сохранить изменения».

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

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

Как добавить на сайт кнопки социальных сетей, социальные сети на вашем сайте, кнопки социальных сетей

Вот и все. Наслаждаемся результатом.

А вот так будут выглядеть Ваши социальные кнопки.

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

2. Как добавить кнопки социальных сетей специального сервиса?

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

Вот только некоторые из подобных сервисов: share42.com, AddThis.com, share.pluso.ru, api.yandex.ru/share.

Лично мне приглянулся сервис share42.com (быстро, просто, красиво и без регистрации) на нем и остановимся.

Заходим на сайт Share42.com. Выбираем желаемый размер иконок 32×32, 24х24 или 16х16. Затем выбираем социальные сети, которые Вы желаете видеть у себя на сайте.

Как добавить на сайт кнопки социальных сетей, социальные сети на вашем сайте, продвигаем сайт в социальных сетяхЗатем выбираем тип панели с иконами (горизонтальная или вертикальная «плавающая»), при желании можем ограничить количество отображаемых иконок. Можно добавить иконку Share42.com (в благодарность разработчику). Вводим ссылку на RSS Вашего сайта. И выбираем показывать или нет счетчик публикаций.

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

Затем на сайте Share42.com указываем путь до папки с файлами, которые вы только что загрузили на сервер. Указываем систему управления сайтом, которую вы используете (в моем случае это будет WordPress). И получаете код который необходимо вставить на Ваш сайт для отображения кнопок и код для файла стилей. Код для файла стилей можно не вставлять, если не планируете изменять оформление кнопок панели с кнопками.

Как добавить на сайт кнопки социальных сетей, добавляем к сайту социальные сетиИтак, код у нас есть, файл на сервер загружен. Осталось вставить код в шаблон нашего сайта. Для этого заходим в панель управления сайтом. Затем «Внешний вид» -> «Редактор». Первую часть кода я вставил в файл HEADER.PHP (у меня панель вертикальная, горизонтальную я бы вставил в файл single.php), для этого находим нужный файл, вставляем наш код после тега <body> и нажимаем «Обновить файл».

Как добавить на сайт кнопки социальных сетей, социальные сети на вашем сайте, продвигаем сайт в социальных сетяхТеперь вставляем код в файл стилей. Для этого находим файл style.css, и вставляем в него код, после чего нажимаем «Обновить файл», для сохранения изменений.

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

Вот и все. Любуемся результатом.

Желаю успехов во всех ваших делах.

С уважением Сергей,
Автор блога Pammap.ru

Если вам понравился сайт, вы можете подписаться на RSS или E-mail рассылку. Для получения обновлений по электронной почте, введите ваш e-mail адрес в эту форму (Доставка от FeedBurner):

Читайте также:

2 комментария к записи “SMO оптимизация сайта. Как установить кнопки социальных сетей.(оставь свой комментарий)

  • Константин Кислов сказал:

    Я тоже пользуюсь сервисом Share42.com, у них и кнопки стильные получаются и грузятся они быстро.

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Вы можете использовать HTML теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>