Кнопка поделиться в соц сетях



кнопка поделиться в соц сетях

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

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

api.yandex.ru/share/. который называется - Блок Поделится для вашего сайта

Итак! Для начала надо выбрать страницу и место куда мы будем вставлять наши кнопки соц. сетей.

Мы выбираем на сервисе БизИнКом инструмент Конструктор событий и в его текстовом редакторе будем вставлять кнопки Поделиться в соц сетях в уже созданный одностраничный сайт.

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

​ Так выглядет верхняя часть нашего одностраничника, сделанного на сервисе БизИнКом в Конструкторе Событий и в качестве примера этого урока мы вставим кнопки соц сетей под зеленой надписью в заголовке Вам надо делать рассылку сообщений по e-mail адресам ваших клиентов? (1)

Заходим на сервисе БизИнКом в Конструктор событий и здесь в редакторе будем вставлять наши кнопки (2)

api.yandex.ru/share/

Перед вами открывается страница, на которой вы выбираете те иконки соц сетей, которые хотите вставить в ваш сайт (1) .

Здесь же вы выбираете внешний вид блока с иконками (2) .

Как видите здесь их четыре: Кнопка , Ссылка , Иконки и меню , Только иконки .

Мы выбираем вид блока Кнопка . Выбранный вид выделяется серым цветом.

Следующим действием - выделяете код в поле Код (3). щелкаете по выделенному коду один раз правой кнопкой мышки, перед вами всплывает меню, в котором левой кнопкой мышки нажимаете надпись Копировать (4)

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

Перед вами открывается HTML код вашей страницы.

Возможно это самая не понятная часть процесса, но пугаться не стоит, сейчас по тихоньку с этим разберемся.

Если вы внимательно вглядитесь в эти не понятные знаки, то между всей этой абракадаброй вы увидите нормальные слова и фразы (6). которые вы сами же и написали в визуальном варианте редактора.

Так вот что теперь надо сделать! Среди всех этих значков находите текст, после которого вы хотите вставить кнопки соц сетей Поделиться (У нас этот - Вам надо делать рассылку сообщений по e-mail адресам ваших клиентов? ). ставите курсор мышки в свободное место после куска кодов с вашим выбранным текстом (7)

Далее щелкаете правой кнопкой мышки, перед вами появляется всплывающее меню, в котором нажимаете надпись Вставить (8)

Вы увидите что в текстовом редакторе, в том месте куда вы поставили курсор мышки, появилась новая абракадабра (9). которая и является кодом кнопок соц сетей Поделиться и этот код точно такой же какой вы скопировали на сервисе Яндекса - Блок Поделиться для вашего сайта

Все! Код кнопок соц сетей вставлен, далее нажимаете кнопку Предварительный просмотр (10) и смотрите как выглядят ваши кнопки!

Смотрим! Вот они, те самые иконки Поделиться в соц сетях , которые мы выбрали (11) и под той надписью, под которой мы решили их поставить.

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

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

В интернете многое познается Методом Тыка

Отличного бизнеса и прятного творчества!

С уважением, команда БизИнКом

Ставим на сайт кнопки #171 Поделиться статьёй в соц.сетях#187

Автор: Seorubl | Дата: 02.10. | Просмотры: 9004

Социальные сети всё больше и больше входят в нашу повседневную жизнь. Среди читателей блогов много участников социальных сетей, поэтому будет полезным дать им возможность поделиться информацией со своими друзьями и знакомыми. Не будем забывать про то, что поисковые системы #171 реагируют#187 на социальные сигналы. Особенно заметный эффект наличие ссылок с социальных сетей играет при необходимости быстрой индексации новых страниц на сайте. Далее подробно рассмотрим как установить кнопки соц.сетей на блог.

А поможет нам в этом вопросе замечательный сервис share42.com. Он позволяет подобрать иконки для кнопок, выбрать необходимые соц.сети и автоматически сформировать скрипт на javascript.

Инструкция в картинках:

1) Выбираем необходимые соц.сети и сервисы:

2) Устанавливаем свойства отображения кнопок, вписываем ссылку на RSS поток и путь планируемого размещения скрипта кнопок и картинки с иконками.

3) Получаем PHP код, который нужно вставить в файл шаблона, отображающей статьи сайта. Также можно настроить эффекты отображения, вставив CSS код в файл style.css.

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

Кнопка «Поделиться» и ее роль в продвижении сайта

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

Блок «Поделиться» предназначен для быстрого обмена ссылками на интересные страницы сайтов между пользователями в социальных сервисах, и как следствие для вебмастера - получение дополнительного трафика и повышение популярности ресурса.

Чтобы посетители пользовались кнопкой «Поделиться» - она должна иметь соответствующий вид, располагаться в видном месте, а контент быть поистине интересным и полезным.

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

После прочтения статьи или просмотра видео, посетитель получает определенные эмоции – от полного безразличия до эмоционального взрыва - типа «Круто!», «Я в шоке!», «Не может быть!», «Это должны знать все!». Именно эмоциональный взрыв побуждает посетителя нажать на кнопку «Поделиться».

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

Как ссылки в социальных сетях влияют на позиции сайта в выдаче?

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

Релевантность документа зависит от многих факторов и в первую очередь от качества контента. Если материал качественный, но в виду некоторых ошибок во внутренней оптимизации не может занимать высокие позиции в выдаче, огромная масса ссылок в социальных сетях может кардинально изменить ситуацию. Эти ссылки как бы «подсказывают» поисковику, что материал заслуживает более высокого ранжирования, так как он был «отмечен» многими живыми людьми как правильная, полезная, ценная и нужная информация.

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

Поисковая система Яндекс пока молчит о влиянии ссылок в соц. сервисах на выдачу, а Google и Bing официально заявили, что эти ссылки учитываются и влияют на ранжирование.

Сам скрипт кнопки «Поделиться в соц.сетях»

Получить скрипт кнопки «Поделиться» можно несколькими способами, из которых я выделяю два самых лучших и официальных источника. Их разница – в визуальном представлении кнопок и набором возможных социальных сервисов. Выбирайте для себя тот, который по душе. Этих двух источников вам хватит для реализации основной идеи и роли кнопок.

Сразу предупреждаю, не скачивайте скрипт с «сайтов-посредников», так как он может содержать внешнюю ссылку или даже заражен вирусом.

Скрипт «Поделиться» от поисковой системы Яндекс.

Для получения блока кнопок от Яндекса, вам не нужно совершать много действия и вникать в технические нюансы формирования скрипта. Процесс происходит за считанные клики мыши в интуитивно понятном интерфейсе сервиса api.yandex.ru

  1. Зайдите на сервис по ссылке - api.yandex.ru
  2. В левой части интерфейса выберите социальные сервисы, которые вы хотите видеть в блоке «Поделиться» (поставить или убрать галочки).
  3. В правой части - выбрать визуальное представление блока (кнопка, ссылка, иконки и меню, только иконки).
  4. Скопировать полученный код скрипта и вставить в HTML код шаблона в «Управлении дизайном» того или иного модуля в то место, где вы хотите видеть блок «Поделиться».

Основное преимущество кнопки «Поделиться» от Яндекса – это возможность отслеживания количества кликов по ней с помощью счетчика Яндекс.Метрики. Для этого в настройках счетчика необходимо установить галочку на пункте «Внешние ссылки, загрузки файлов и отчёт по кнопке «Поделиться». После этого обновить код на страницах. Теперь вы будете в курсе, какие материалы сайты пользуются большей популярностью среди посетителей.

Кнопки социальных закладок от сервиса SHARE42

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

  1. Перейдите на сайт - share42.com
  2. Выберите размер отображаемых иконок (32x32, 24x24, 16x16).
  3. Выберите социальные сервисы и порядок их следования в блоке (путем перемещения иконок мышью).
  4. Выберите нужные опции (тип панели – на ваш выбор, кодировка – UTF-8, добавить иконку сайта Share42.com и использование jQuery – тоже на ваше усмотрение).
  5. Cкачайте готовый скрипт (предварительно можно посмотреть, как он будет выглядеть).
  6. Содержимое архива извлеките и залейте в файловый менеджер (например, в папку «share42», которую вы должны создать самостоятельно).
  7. Вставьте ссылку на эту папку в специальное поле на сервисе SHARE42 в следующем пункте.
  8. Выберите наиболее подходящий тип сайта – «Любой сайт».
  9. Скопируйте полученный код и вставьте его в шаблон в то место, где вы хотите видеть отображение кнопок социальных сервисов.
  10. При желании можно изменить визуальное оформление скрипта с помощью CSS.

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

Я выделяю следующие:

«Вконтакте», «Фэйсбук», «Одноклассники», «Твиттер», «Google +», «Мой мир Mail.ru».

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

Где разместить кнопку «Поделиться?»

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

Например, для видеофайлов основным контентом будет видео, и не факт, что посетитель просмотрит страницу до футера или задержится на заголовке. Соответственно размещать кнопку «Поделиться» нужно сразу под или над видео плеером, а не возле заголовка, описания или перед комментариями (то же правило для изображений в фотоальбомах).

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

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

Честно сказать, меня раздражают «скользящие» иконки, а на блок с инфой о материале я не всегда обращаю внимание (чисто мое ИМХО).

Блок кнопок «Поделиться в социальных сервисах» является хорошим инструментом для популяризации ресурса среди посетителей. Один клик по кнопке – запускает механизм «Сарафанного радио», когда одни пользователи начинают рекомендовать ссылку другим, а те в свою очередь следующим и при этом им не нужно совершать «замудренных» действий и вникать в технические нюансы - для этого достаточно просто поставить «лайк», «класс» или «плюс». Помимо полученного трафика, массовые рекомендации пользователей учитываются поисковыми системами на благо релевантности страницы. Если вы завоевали определенный уровень авторитета среди людей, то очень скоро траст сайта повысится и в поисковых системах.

Чтобы запустить «Сарафан», всегда пользуйтесь кнопками сами. Для этого заведите страницы в тех сервисах, на которые стоят кнопки, добавьте как можно больше друзей и подписчиков, и уже потом каждый свежий материал сайта рекомендуйте путем нажатия на кнопку «Поделиться»!

Поделитесь записью в социальных сервисах!

Источники: http://bizincom.com/obuchenie/179-kak-vstavit-v-sajt-knopki-sots-setej-podelitsya-v-sots-setyakh, http://www.seorubl.ru/razrabotka-sajtov/stavim-na-sajt-knopki-podelitsya-statyoj-v-soc-setyax/, http://seo-for-ucoz.com/load/seo_sovety/knopka_podelitsja/4-1-0-58






Комментариев пока нет!

Поделитесь своим мнением