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


Оформляем кнопки соц сетей для сайта

Эффекты для кнопок социальных сетей для сайта

Как Вы думаете, можно ли совместить кнопки социальных сетей и изображения? Чтобы и то и другое смотрелось очень красиво и креативно. Да, можно это сделать очень интересным способом. И даже не одним, а несколькими. А если быть точнее, то в статье Вы найдете 12 способов сделать классные эффекты для кнопок социальных сетей при наведении на изображение. В некоторых случаях необходимо не просто наведение, а еще и клик мыши, что также добавляет интерактива. Необычный способ выделить свой сайт, используя именно такие эффекты при наведении на изображение.

Все 12 примеров смотрите и скачивайте по ссылке ниже:

Смотреть примерыСкачать

Кстати, по поводу эффектов при наведении, на сайте по этой теме есть еще парочка статей:

Понравился эффект — используйте!

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

California surf

(наведите на изображение)

Довольно привлекательный способ выделить самые важные изображения как на сайте так на одностраничном продающем сайте. Но, как я уже писал, эффектов значительно больше (12!).

Шаг 1 — HTML

Для иконок, которые Вы видите на кнопках социальных сетей, используется FA (Font Awesome). Подключаются эти иконки одной строкой между блоками <head></head>:

HTML КОД

1 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

После того, как Вы скачали все исходники, необходимо выбрать понравившийся эффект. Мой эффект находится в файле index.html. В этом же файле находятся и все необходимые стили для того, чтобы создать эффект при наведении.

Копируем оттуда блок со всеми кнопками социальных сетей и изображениями. Этот блок <div> находится под список меню со всеми эффектами. В моём случае этот блок имеет такой вид:

HTML КОД

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <div> <div> <a href="#"> <i></i> Вконтакте </a> <a href="#"> <i></i> Facebook </a> <a href="#"> <i></i> Twitter </a> </div>   <div> <img src="images/tree.jpg" alt="California surf"> </div> </div>

Вся необходимая структура есть. Осталось задать только стили в CSS. Поэтому переходим ко 2-му и, одновременно, последнему шагу.

Шаг 2 — CSS

Стили находятся в каждом HTML файле между блоками <head></head>. То есть в каждом файле с разными эффектами, в этом блоке вверху документа находятся соответствующие стили.

Вам необходимо взять эти стили и поместить их в Ваш файл стилей:

CSS КОД

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 .image-effect-fall-back { width: 500px; height: 300px; position: relative; margin: 0 auto; -webkit-perspective: 800px; perspective: 800px; }   .image-effect-fall-back .image-layer{ position: absolute; top:0; left: 0; height: 300px; -webkit-transition: 0.6s; transition: 0.6s; z-index: 1; }   .image-effect-fall-back:hover .image-layer{ -webkit-transform: rotateX(70deg); transform: rotateX(70deg); overflow: visible; }   .image-effect-fall-back .image-layer img{ height: 100%; }   .image-effect-fall-back .image-layer:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 100px 50px rgba(0, 0, 0, 0.5); opacity: 0;   -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: rotateX(114deg) translateZ(-26px) translateY(110px) scale(0.75); transform: rotateX(114deg) translateZ(-26px) translateY(110px) scale(0.75); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; }   .image-effect-fall-back:hover .image-layer:before { opacity: 0.3; }   .image-effect-fall-back .share-layer{ position: absolute; bottom: 100px; left: 0; width: 100%; height: 100px; opacity: 0; z-index: 10;   -webkit-transition: 0.6s; transition: 0.6s;   -webkit-transform: rotateX(70deg); transform: rotateX(70deg); }   .image-effect-fall-back:hover .share-layer { opacity: 1;   -webkit-transform: rotateX(0deg) translateY(-70px); transform: rotateX(0deg) translateY(-70px); }   /*стили для всех кнопок*/ .share-button{ display: inline-block; text-decoration: none; color: #ffffff; padding: 12px; width: 90px; border-radius: 2px; margin: 25px 10px; }   /*цвет кнопок социальных сетей*/ .share-via-vk { background-color:#4C75A3; }   .share-via-facebook { background-color:#3b5998; }   .share-via-twitter { background-color:#00aced; }

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

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

Вывод

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

Успехов!

Источник: Оригинал

С Уважением, Юрий Немец

Эффекты кнопок социальных сетей для сайта 4.83/5 (96.67%) 6 голос(ов)

Понравилась статья - расскажи друзьям! :)

Facebook

Twitter

Вконтакте

Одноклассники

Google+

www.sitehere.ru

Ссылки из социальных сетей для SEO ― польза или плацебо?

Согласно данным SimilarWeb за октябрь 2016 г., самый популярный сайт в мире ― facebook.com. В России на первом месте ― vk.com. При этом социальные сети входят в ТОП-10 самых посещаемых ресурсов практически каждой страны. Значит ли это, что соцсети и их ссылки могут влиять на позиции вашего сайта?

Такие «невесомые» ссылки

Начнем с того, почему многие SEO-специалисты считают, что ссылки из социальных сетей не имеют прямого влияния на продвижение. Все дело в ссылочном весе, который они не передают. Система оформления исходящих ссылок несколько отличается в разных социальных сетях, но имеет схожий принцип, запрещающий передавать вес сторонним ресурсам.

  • Ссылки из Facebook и Google+ закрыты атрибутом rel= “nofollow”, благодаря чему они не попадают в схему Сети ни Google, ни Яндекс, ни любой другой поисковой системы.

Например, вот так выглядит ссылка из профиля SE Ranking на Facebook:

scrin-facebook

По ссылкам, закрытым через rel= “nofollow” поисковые системы не переходят, соответственно такие ссылки не могут влиять на ранжирование сайтов.

  • Ссылки из Twitter проставляются через редирект, то есть сначала URL перенаправляется на другой сайт, а только потом через 301-редирект на указанный ресурс. Плюс к этому Twitter тоже закрывает ссылки от передачи веса через rel= “nofollow”.По ссылкам, закрытым через rel= “nofollow” поисковые системы не переходят, соответственно такие ссылки не могут влиять на ранжирование сайтов.

Примерно так выглядит ссылки из профиля SE Ranking в Twitter:

scrinshot-twitter

Здесь видим не привычный нам rel= “nofollow”, а с добавлением me. Twitter использует его в качестве указателя на то, что сайт, на который ссылается профиль, принадлежит владельцу профиля. Наличие или отсутствие me ничего не значит с точки зрения SEO.

  • Ссылки из ВКонтакте ведут на сайт через скрипт away.php, который проверяет подозрительность внешнего URL. Если ссылка не проходит проверку, пользователь видит предупреждение о ее вредоносности. Если все нормально, идет перенаправление на указанный URL.

Пример ― ссылка из профиля SE Ranking во ВКонтакте:

scrinshot-vkСоциальные сети намеренно не передают ссылочный вес, чтобы не поощрять различные ссылочные манипуляции. Поэтому с этой точки зрения ссылки из социальных сетей ― плацебо для  продвижения сайта. Но зачем же тогда их продают и покупают?

Социальные сигналы и их влияние на ранжирование сайта

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

Сотрудники компании Tasty Placement провели эксперимент. Они создали 6 сайтов одной тематики, рассчитанные на 6 одинаковых по численности населения города США. Спустя 10 месяцев с каждым из них была проведена работа, связанная с различными социальными активностями. Результаты ― в таблице.

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

Приток трафика с социальных ссылок

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

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

Быстрая индексация социальных сетей

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

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

Резюме

Обратные ссылки ― важный показатель SEO, который может как отправить ваш сайт «на отдых» в Минусинск под ручку с Google-Пингвином, так и постелить ковровую дорожку в ТОП. Социальные ссылки не нанесут сайту вреда, а помогают разнообразить ссылочный профиль, а также дают дополнительные переходы заинтересованных пользователей.

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

ПОДЕЛИТЬСЯ

seranking.ru

Ссылки из социальных сетей / Хабр

Социальные сети постепенно заменили для многих пользователей большое число различных ресурсов, отчего считаются самыми посещаемыми ресурсами в мире. Незачем посещать разные сайты, когда почти все крупные и средние компании имеют свои сообщества в социальных сетях. Самой популярной сетью в России считается Вконтакте, уже только после нее идет Яндекс. Невольно задумываешься, а какой процент контента попадает в индекс поисковых систем? И какой процент ссылок из социальных сетей учитывается поисковиками? Ссылки из каких социальных сетей учитывает Яндекс?

Обо все по-порядку. В качестве метода анализа были проанализированы ссылки в панели для вебмастеров Яндекса (крупные информационные порталы, интернет-магазины). Подтолкнуло то, что раз эти ссылки здесь отображаются, значит, Яндекс их как-то учитывает. Среди ссылок выделил только популярные социальные сети, такие как: Вконтакте, Facebook, Twitter, Google Plus, YouTube, Instagram, Одноклассники, Pinterest.

Любимый в России Вконтакте, в обратных ссылках Яндекса отображается конструкцией vk.com/away.php, которая 302 редиректом ведет на нужную страницу. Из Вконтакте Яндекс отображает только последние добавленные материалы. У крупного информационного портала, на который ведут тысячи ссылок из социальных сетей, Яндекс учитывает только чуть более 300 ссылок. Сравнивая крупные сайты с большой посещаемостью с более мелкими, заметил, что временной интервал, в котором Яндекс учитывает ссылки, разнится, вероятно, есть определенный лимит на ссылки из социальных сетей.

Ссылки с Facebook не отображаются в панели вебмастера Яндекс, однако, начав работать с таблицей в Excel я обнаружил выгруженные ссылки с Facebook. Опять же, крупный информационный портал, который активно ведет страницу на Facebook, имеет несколько рабочих ссылок, которые учел Яндекс.

В Twitter для Яндекса важны ретвиты из статусов, а также он может отображать некоторые профили. Из 30 ссылок 20 являются профилями, и только 8 статусами. По примеру решил сравнить данные в панели вебмастера Яндекс и в экспортируемой таблице в Excel – снова число ссылок разное (в таблице Excel гораздо меньше).

С Google Plus ситуация подобна Twitter. Учитываются ссылки в основном из личных профилей и сообществ.

То, ради чего, собственно, и было начато моё исследование – это поиск взаимодействия поисковой системы Яндекс и ссылок с YouTube. Проанализировав информацию, отметил, что Яндекс учитывает ссылки из описания к видео, не смотря на то, что они закрыты в nofollow. Кроме этого, учитываются ссылки со страницы официального канала сайта.

Instagram не любит лишних ссылок и вставить ссылку можно лишь в профиле. Такие ссылки Яндекс учитывает и отображает на панели вебмастера и в экспортируемой таблице.

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

И по просьбам нашего маркетолога я проверил, как Яндекс относится к Pinterest. Меня приятно удивило, что хотя данная социальная сеть и не входит в число популярных (возможно, пока), но поисковая система учитывает обратные ссылки из нее как те, что указаны в профиле пользователя, так и те, что размещены вместе с пинами.

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

Однозначно отмечу, что есть польза при продвижении сайта в использовании ссылок из Twitter, Pinterest, Google Plus, Вконтакте, Instagram и YouTube. Не выясненная эффективность у ссылок с Facebook и Одноклассников. Эксперимент продолжается. Надеюсь, информация была полезна.

habr.com

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

Добавить кнопки социальных сетей на сайт – быстро и легко!

В последнее время оптимизация веб-сайтов под поисковики становиться все более сложным процессом, сочетающим в себе множество нюансов. Вот, например, продвижение сайта в социальных сетях (SMM и SMO) хоть и выделено в отдельный вид раскрутки, но все же эффективнее работает в комплексе с SEO, ответвлением которого оно по факту и является. Работа с соц. сетями очень важна, поскольку поисковики все охотнее учитывают при ранжировании полученные из них одноименные сигналы.

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

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

Устанавливаем кнопки «Нравится» от социальных сетей

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

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

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

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

a) Вконтакте предлагает для установки кнопки для «лайков» посетить раздел для разработчиков (developers) и сгенерировать виджет кнопки социальной сети путем указания адреса веб-сайта, выбора ее вида, размера и названия:

b) У Facebook присутствует аналогичный функционал для разработчиков, в котором указываются все необходимые параметры для картинки кнопки социальной сети и генерируется код для последующей вставки на веб-страницу.

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

d) Как и во всех предыдущих вариантах кнопка «+1» (аналог «Нравится» в Google+) настраивается буквально в несколько кликов:

 

Кнопки «Поделиться в социальных сетях» установить тоже несложно

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

Учитывая то, что процедура получения ссылок кнопок социальных сетей для репостов довольно схожа с вышеописанными способами установки кнопки «Нравится», мы не будем подробно все расписывать. Поэтому – коротко по каждой соц. сети с иллюстрациями:

a) Во Вконтакте существует возможность получения не только виджета кнопки социальной сети в виде скрипта, но и прямой ссылки для размещения на веб-сайте без поддержки JavaScript. При этом обратите внимание, чтобы эти ссылки открывались не в том же окне, тем самым уводя ценных посетителей с веб-ресурса, а в новом. Для этого в их составе должен быть атрибут: target="_blank".

  b) В соответствующем разделе «facebook for developers» нужно выполнить минимальное количество настроек и нажать «Получить код»:

  c) В Google+ кнопка «+1» выполняет двойную функцию «like + repost». Как ее установить смотрите выше (пункт d из предыдущего подраздела).

d) Чтобы разместить под статьей кнопку Twitter, нажатие на которую приведет к выкладке с аккаунта посетителя твита со ссылкой на нее, нужно перейти по адресу на скриншоте, выбрать требуемый тип кнопки и скопировать код для вставки на веб-сайт.

  e) В одном из своих сервисов Яндекс предлагает вариант получения кода для кнопок соц. сетей по принципу «одним махом»:  

f) Аналогичные возможности предоставляются многими онлайн-сервисами. Например, UpToLike предлагает получать в виде общего кода не только кнопки «Поделиться в социальных сетях», но и «Лайки», а также «Подписаться».

 

Виджеты кнопок социальных сетей для подписки 

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

На скриншотах ниже приведены настройки кнопок для:

  1. Google+:

     

  2. Вконтакте:

     

  3. Facebook:

     

  4. Twitter («Follow button» на скриншоте из пункта d в предыдущем подразделе).

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

Тем, кто не желает вникать в ручную настройку виджетов кнопок социальных сетей и копаться в HTML-коде, подойдут упрощенные варианты – специализированные плагины. Практически для всех популярных CMS найдутся готовые решения, которые устанавливаются в несколько кликов.

Например, в WordPress стоит лишь ввести в строке поиска на странице добавления плагинов что-то вроде social like и Вашему взору станут доступны десятки вариантов, после установки, настройки и активации которых на всех (или отдельно указанных) страничках появятся интерактивные картинки кнопок социальных сетей.

Теперь у Вас есть кнопки

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

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

 

seo-akademiya.com

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

Оставить комментарий

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

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

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

Рассмотрим второй вариант. Здесь при наведении курсора подсвечивается активная ссылка пользователя ВКонтакте.

В итоге, при использовании активной ссылки на человека, можно выделить следующие преимущества:

  • ваши подписчики cмогут увидеть и познакомиться с человеком, которого мы упоминаем в записи;
  • пользователь, на которого ведет ссылки, получит уведомление, и он без труда узнает, что где-то появилась запись с упоминанием на его профиль.

Как сделать ссылку на пользователя

Такие сообщения доступны во многих социальных сетях. Я покажу как сделать активную ссылку: ВКонтакте, Google+, Twitter и Facebook. Но давайте еще раз посмотрим, чем полезны такие записи.

  1. Упоминая людей в своих группах, вы можете привлекать целевых пользователей в сообщества.
  2. Коммерческие страницы-профили могут эффективнее работать со своей аудиторией или клиентами.
  3. Вы получите больше шансов, на то, что ваша запись получит хороший «резонанс», то есть больше лайков и репостов.

В общем, использование активных ссылок на профиль пользователя — это SMM-инструмент для работы с аудиторией в популярных социальных сетях.

Ссылка пользователя ВКонтакте

Что бы сделать ссылку пользователя ВКонтакте, необходимо использовать следующую конструкцию в записи.

@id58447324 (Константин Кирилюк)

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

Ссылка пользователя Google+

Что бы создать ссылку в Google+, необходимо что бы упоминаемый пользователь был добавлен в любой из ваших «Кругов».

+Константин Кирилюк

При наборе «+» так же сработает поиск по вашим «Кругам», где будет предложено выбрать пользователя.

Ссылка пользователя Twitter

Активные ссылки пользователей в Twitter встраиваются следующим образом.

@wmascat

Как и ВКонтакте, после «@» используем уникальный ID страницы. Так же можно набирать сразу же имя пользователя, где будут предложены варианты.

Ссылка пользователя Facebook

И ссылка пользователя в записи Facebook. Как видите, ничего нового.

@Константин Кирилюк

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

seo-it-in.ru

Share ссылки популярных социальных сетей / Блог им. holyback / PHP Time

Часто ли вам во время работы требуется создать кнопки share для социальных сетей Вконтакте, Facebook, Twitter и тд? У меня в работе они возникают с завидной регулярностью. Для того, что бы не перерывать тонны мануалов на десятке сайтов соц-сетей для разработчиков, я решил написать этот пост-заметку со списком ссылок для создания share кнопок. Список будет дополняться.

Переменные в листингах:

  • [URL] — url страницы, которой Вы собираетесь делиться в соц сетях. Например http://www.example.com/catalog/good/1.html.
  • [TITLE] — заголовок записи, который будет опубликован в соц сети. Например Продукт нашего завода.
  • [DESC] — описание записи, которое будет опубликовано в соц сети. Например Этот неведомый продукт был выпущен на нашем заводе «Торгпромсельмашхимстрой комбинат номер 5».
  • [IMAGE] — изображение, которое относится к публикуемой в соц сети записи. Например http://www.example.com/images/good-1.jpg.
Для начала в блоке head страницы, нужно добавить четыре мета тега:<meta property="og:url" content="[URL]"> <meta property="og:title" content="[TITLE]"> <meta property="og:description" content="[DESC]"> <meta property="og:image" content="[IMAGE]"> А теперь размещаем ссылки.
Вконтакте
http://vk.com/share.php?url=[URL]&title=[TITLE]&description=[DESC]&image=[IMAGE]&noparse=true
Одноклассники
http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=[URL]&st.comments=[TITLE]
Mail.ru
http://connect.mail.ru/share?url=[URL]&title=[TITLE]&description=[DESC]&imageurl=[IMAGE]
Facebook
https://www.facebook.com/sharer/sharer.php?u=[URL]
Twitter
https://twitter.com/share?url=[URL]&text=[TITLE]
Google+
https://plus.google.com/share?url=[URL]
Tumblr
http://www.tumblr.com/share?v=3&u=[URL]&t=[TITLE]
Pinterest
http://pinterest.com/pin/create/button/?url=[URL]&media=[IMAGE]&description=[DESC]

www.phptime.ru

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

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

Нужны ли кнопки социальных сетей для сайта?

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

Почему не стоит стоит ставить кнопки социальных сетей просто так, на всякий случай?

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

2. Каждая кнопка при загрузке обращается к своей социальной сети, и это хорошо показала программа Charles.

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

Вчера я случайно наткнулся на статистику кнопок Pluso, которые как раз стоят на этом сайте. И что я увидел?

социальные кнопки

85 миллионов посещений в месяц - откуда? Это в 6 раз больше, чем у самого крутого торрент трекера рунета. Известно откуда, с наших сайтов. Поэтому все кнопки социальных сетей нужно обязательно оборачивать в noindex.

Но это только полумера, но хотя бы так. Так что если кнопки не нужны, то лучше и не ставить.

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

Лично я ставлю кнопки в первую очередь для себя. После написания статьи, я сразу защищаю её от воров, а потом кликаю по всем кнопкам, публикуя анонс статьи в социальные сети.

Начинаю я всегда с кнопки, которая вытягивает тег дискрипшенс (я начинаю с В кругу друзей) и копирую это описание, которое у меня уникально, не взято со статьи. И потом, где нужно, я вставляю этот кусок текста, как анонс. Таким образом уникальность текста ни на грамм не теряется. Что это даёт?

1. Статья быстрее проиндексируется.

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

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

Какие ссылки учитывает Яндекс Вебмастер?

1. Твиттер. (но ссылка закрыта)

2. Живой журнал. (даже если ссылка закрыта)

3. В кругу друзей. (хоть ссылка закрыта)

4. Tumblr. (ссылка открыта)

5. Blogspot. (ссылка открыта)

6. Liveinternet. (ссылка закрыта)

7. WordPress.com (ссылка открыта)

8. Pinterest. (ссылка открыта на фото, но чтобы Яндекс скушал его, нужно побольше текста описание.)

9. Ya. (блоги Яндекса - ссылка открыта)

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

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

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

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

Очень простой и удобный конструктор, много социальных сетей, разное оформление и размер.

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

Минус - кнопки, на которых есть счётчик, не могут сканировать сеть и показывать, кто сколько накликал мне за всё время. Статистика ведётся со времени установки кнопок, и если кликнут кнопку сразу несколько раз, то счётчик засчитает всё. Это все нехорошо....

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

Статистику можно посмотреть в своём аккаунте, судя по этой статистике, какая то ерунда, так как первая строчка совсем не понятна: всего два клика и почему-то сервис впереди?

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

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

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

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

Я не могу вспомнить, почему я перестал пользоваться этими кнопками, была какая то причина. Может потому что у них нет счётчика? Но в целом это хороший выбор.

И ещё одни кнопки, которыми я пользовался до последнего времени и которые можно назвать самыми продвинутыми, так как они связаны с сервисом SeoPult и биржей ссылок Webartex.

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

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

Всё отлично, но есть одно НО.

социальные кнопки uptolike

Сервис сделан так, что после публикации по кнопке анонса статьи в социальной сети, к ссылке вашей страницы приписывается префикс, вида ?_utl_t=tb. И в целом, если расшарить эту статью, то получится такая ссылка:

_https://zmoe.ru/knopki-socialnyx-setej/?_utl_t=tb

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

Выход кажется один: закрыть индексирование этих дубликатов в robot.txt, дописав туда строку:

Disallow: /?*

Но тут получается другая незадача. Если у вас стоит реклама от Google Adsense, то на этих страницах рекламу посетители не увидят, так как Adsense не показывает рекламу, на страницах закрытых от индексации.

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

Кстати, сам Google Adsense подсказал мне этот прокол.

какие кнопки для сайта выбрать

Uptolike как отключить префикс в ссылках?

Решается вопрос просто: нужно написать вот по этому адресу: [email protected]

Вот моя переписка:

Здравствуйте! Пользуюсь вашем сервисом, все нравится. Но вот возниквопрос. Когда кто то делится страницей, то страница имеет адрес вида:

http://МОЙ САЙТ/?_utl_t=tb

Получается дубль страницы. Все бы ничего, я сделал правило в robot.txt,чтобы не индексировать такие страницы, но google adsense ругается, иговорит, что не может показывать релевантные объявления тем, кто пришёлпо этим ссылкам, так как они не проиндексированы у него.

Как можно решить проблему?

Ответ:

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

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

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

В последнее время я остановился именно на этих кнопках и на это есть причины.

социальные кнопки от Яндекс

1. Если Яндекс выбрал именно эти социальные сети (а их НАМНОГО больше на свете), значит они для него самые важные. А мы ведь хотим угождать Яндексу?

2. Все социальные сигналы идут через Яндекс, а это значит, что он ТОЧНО будет в курсе.

3. И последнее, вытекающее из второго - это надежда на более быструю индексацию новой статьи.

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

Так же можно избавиться от ссылки на внешний скрипт, который находится на yastatic.net и переместить его себе на сайт. Это немного ускорит сайт. Но все же последние мои тесты показали, что эти кнопки замедляют мой блог в ДВА РАЗА, на 3 секунды - убрал!

А какими социальными кнопка пользуетесь вы на своём сайте и чем они вас привлекли?

СОВЕТ ВЕБМАСТЕРУ: Умение зарабатывать в интернете - это только пол дела, вторая половина - это умение ВЫГОДНО обналичивать электронные деньги. Вот список офшорных банковских карт, на которые можно выводить средства и потом снимать с них хрустящие купюры:

1. Epayments - можно открыть счет в долларах, евро и рублях. Формально банка нет, юридический адрес в Лондоне, но можно получить реквизиты банка в Латвии.

2. AdvCash - Офшорный банк находится в Белизе, можно открыть счет в долларах, евро, фунтах и рублях.

3. Payeer - Штаб квартира этой платежной системы находится в Грузии, тут так же можно открыть счет в долларах, евро и рублях.

4. Capitalist - Можно создать счета в долларах, евро и рублях. Низкие тарифы на вывод. Компания зарегистрирована в юрисдикции Британских Виргинских Островов.

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

zmoe.ru