Главная / Продвижение сайтов / Продвижение в социальных сетях / Google+1 и Мне нравится от Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

Google+1 и Мне нравится от Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

Google+1 и Мне нравится от Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

Здравствуйте, уважаемые читатели блога. Сегодня хочу поговорить на довольно интересную тему добавления и установки на свой сайт кнопок от социальных сетей vk.com, Google+ и Facebook.com («Мне нравится» или другими словами «like button»), а так же добавление новой кнопочки «Google +1».

Google+1 и Мне нравится от  Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

Думаю, что лайки от Вконтакте и Facebook стоят уже у многих, но все же в конце данной публикации скажу по поводу них пару слов. Но в основном хотелось бы сегодня поговорить про актуальность добавления на сайт счетчика «Гугл+1» (google plus one) и влияние его показаний на СЕО продвижение в этой поисковой системе.

Стоит ли добавлять кнопку Google +1 на свой сайт?

Кстати, не так давно на популярном буржуйском ресурсе Seomoz было проведено исследование о влиянии на продвижение сайта добавления анонсов статей в ленту Твиттера и Фейсбука. Судя по результатам данного исследования, использование кнопки «Мне нравится и ретвита имеет под собой основание.

Вообще, эти кнопочки добавить на свой сайт совсем не трудно, обладая хотя бы базовыми познания в Html и CSS (Html для чайников). Причем, не стоит беспокоиться об их кроссбраузерности, ибо во всех лучших интернет браузерах все будет выглядеть чики-пуки.

Да и в случае полного вашего нежелания лезть в код сайта можно воспользоваться соответствующими плагинами для WordPress или расширениями для Joomla. Но проблема состоит как раз в другом.

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

Отсюда следует вывод, что их добавление должно быть обосновано их целесообразностью. Если про „Лайк“ можно сказать, что скорее всего она будет полезна (лично я предпочитаю использовать не отдельный скрипт кнопок „Мне нравится“ от Вконтакте и Facebook, а единый скрипт „Поделиться“ от Яндекса), то про „Google +1“ все еще не совсем ясно и прозрачно.

Во-первых, ее использование только началось и по отдаче от ее добавления на сайт пока еще нет объективных данных, а во-вторых, в поисковой выдаче Google она доступна только для общемирового поиска Google.com и то, если вы зайдете как авторизованный пользователь:

Google+1 и Мне нравится от  Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

А в выдаче региональной поисковой системы Google.ru вы пока ее не увидите, хотя будет присутствовать информация, что кто-то этим поделился в каком-либо из социальных сервисов, указанных в аккаунте пользователя Гугла:

Google+1 и Мне нравится от  Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

Т.е., если сейчас брать в расчет только выдачу Google.com, то пользователи получили возможность рекомендовать понравившийся ему ресурс простым нажатием по кнопке „Гугл +1“ (при повторном щелчке можно будет забрать обратно свой отданный голос).

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

Ну, а для рунета вероятность такой лояльности будет не очень высокой. Поэтому Гугл и агитирует всех вебмастеров добавить на свой ресурс их кнопку „+1“. Ведь в этом случае пользователю не нужно будет возвращаться обратно в поисковую выдачу (которая к этому времени уже может быть в его браузере закрыта или погребена под ворохом открытых поверх страниц или вкладок), ибо он сможет отдать свой голос прямо на странице сайта с понравившейся ему публикацией.

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

Мне, кстати, Гоогл предложил установить кнопку „+1“ именно в моем аккаунте партнерской сети Адсенс:

Google+1 и Мне нравится от  Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

Вопрос, как всегда, шкурный, а значит стоит серьезно отнестись к влиянию кнопки „Google +1“ на продвижение вашего сайта — это может оказаться реально работающим инструментом. Но посмотрим как оно получится на самом деле. Если щелчки по ней реально являются одним из факторов ранжирования в региональных выдачах этого поиска, то ставим „гугл плюс“ обязательно, ну, а если нет, то ставим для эксперимента, чтобы убедиться в этом.

Как вставить кнопку Google+1 в блог на Вордпрессе?

Добавить ее на свой сайт, как я уже говорил, совсем не сложно. Сначала вам предстоит зайти в конструктор кнопки „+1“ и поставить галочки в нужное положение, выбрав тем самым язык подписи к ней и ее размер:

Google+1 и Мне нравится от  Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

Щелкнув по надписи „Расширенные настройки“, получите доступ еще и к возможности отключить счетчик количества кликнувших по „Google plus one“ простым снятием галочки в первом пункте:

Google+1 и Мне нравится от  Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

В назначении остальных настроек будущей кнопки я не уверен. Собственно, теперь остается только, следуя рекомендациям разработчиков, скопировать два фрагмента кода „Google +1“ и вставить их в требуемые места каких-либо файлов шаблона движка вашего сайта (cms).

Т.е. нам нужно вставить код вызова скрипта либо в голову веб страниц между тегами Head, либо в самый конец видимой части Html кода сразу перед закрывающим тегом Body:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: ‘ru’}
</script>

А второй фрагмент кода нужно вставлять уже непосредственно в то место шаблона сайта (читайте про шаблоны Joomla, а так же про то, как устроены темы WordPress), где вы хотите видеть симпатичную кнопочку „Гугл плюс один“.

<g:plusone size="tall"></g:plusone>

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

Для тех вебмастеров, которые еще не подружились с языком ХТМЛ и его тэгами, а так же с CSS, расскажу как вставить кнопку „Google +1“ (да и заодно „Мне нравится“ от Вконтакте и Facebook) в WordPress с помощью специально для этого заточенных плагинов, а в Joomla — с помощью универсального плагина MultiAds, предназначенного для вставки нужных вам элементов в начало или конец всех страниц сайта.

Итак, если вы не боитесь влезать в код темы оформления вашего блога на WordPress (предварительно сделав бэкап), то давайте приступим. Первую часть кода я вставил в файл footer.php, который вы сможете найти по следующему пути, подключившись к хостингу по FTP с помощью программы FileZilla, о которой можно тут почитать:

/wp-content/themes/папка с вашей темой оформления

В самом низу файла footer.php вы сможете найти закрывающий тег Body и сразу же перед ним вставить код вызова скрипта:

Google+1 и Мне нравится от  Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

Сохраняете произведенные изменения и открываете теперь на редактирование в простейшем Html и PHP редакторе Notepad++ (описанном здесь) файл single.php из все той же папки с используемой вами темой. Тут немного сложнее, но путем экспериментов вы сможете найти нужное место для вставки кнопки „Гугл+1“, заключив ее предварительно в контейнер из Html тегов Div.

Google+1 и Мне нравится от  Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

В контейнере Div я прописал класс class=»google», для которого в файле с таблицами каскадных стилей моей темы оформления (/wp-content/themes/папка с вашей темой/style.css) добавил CSS правило float:

.google {float: right; margin: 10px 10px 0 0;}

Если вам нужно будет вставить кнопку по быстрому, без прописывания CSS свойств в style.css, то можете воспользоваться Html атрибутом «style»:

<div style="float: right; margin: 10px 10px 0 0;"><g:plusone size="tall"></g:plusone></div>

Хотя, конечно же, лучше будет все CSS стили выносить из кода в отдельный файл. С помощью свойства «float: right» вы задаете прижатие вправо и обтекание вашей кнопки «Google+1» текстом, а второе css свойство «margin: 10px 10px 0 0» — задает внешние отступы слева и сверху от нее.

Если вы захотите добавить счетчик «+1» еще и на главную страницу WordPress, то описанный чуть выше Div контейнер нужно вставить еще и в файл index.php из папки с используемой вами темой. Подходящее место для нее, думаю, вы и без меня найдете, хотя бы методом тыка.

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

Но если все это вам не совсем подходит, то можете воспользоваться одноименным плагином для WordPress «Google +1». Установка плагина проходит обычным способом. Его настройки будут находиться в меню «Параметры» — «Кнопка +1».

Google+1 и Мне нравится от  Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

Как видите, настройки на русском не только очень простые, но и понятные. Повторюсь, что любой дополнительный плагин в WordPress — это зло и с ним нужно бороться. О том, как вставить Google+1 в Joomla, читайте в конце статьи. Собственно, с помощью описанного там плагина можно будет вставить в статьи совершенно любые вещи, например, блоки контекстной рекламы сети Яндекса (Рся) или Adsense.

Кнопки «Мне нравится» от Вконтакте и Facebook для сайта

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

Код «Мне нравится» (like button) от Facebook можно сгенерировать на этой странице. Если в поле URL вы вставите адрес вашей главной страницы, то нравиться будет именно она, а если это поле оставить не заполненным, то нравиться будет та страница, на которой установлена кнопка от Фейсбука. О как!

Google+1 и Мне нравится от  Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

Остальные настройки на ваш вкус, а то, что при этом получится, вы сможете увидеть в правом верхнем углу. Для получения кода жмете на «Get code». Там вам предложат два вариант кода. Использовать можно тот, который будет лучше работать.

Вставлять код кнопки «Мне нравится» в WordPress следует именно в то место, где вы хотите чтобы она отображалась, а для ее позиционирования заключите код в Div контейнер и пропишите в нем CSS свойства напрямую (через атрибут Style) или же через CSS класс (по аналогии с описанной чуть выше «Гугл +1»)

Теперь перейдем к Вконтакте и его варианту «Лайка». Получить код можно будет на этой странице. Можете выбрать внешний вид и надпись на кнопке, а затем скопировать ее код.

Google+1 и Мне нравится от  Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

По полной аналогии с описанной чуть выше «Google+1», код «Мне нравится» от Вконтакте тоже состоит из двух частей, которые вставлять нужно абсолютно так же, как и Гугловский шедевр. Думаю разберетесь.

А если все это для вас полная ахинея, то можете воспользоваться любым плагином кнопок социальных сетей для WordPress. Мне понравился полностью заточенный под социалки рунета плагин Social Share Buttons. Там, кроме «Мне нравится» от Вконтакте и Facebook, вы сможете добавить на свой блог еще и другие социалки, популярные именно у нас.

MultiAds — как добавить кнопки Гугл+1 и Лайк в Joomla

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

Скачиваете этот плагин и устанавливаете точно так же, как и любое другое расширение для Джумлы. Затем выбираете в верхнем меню админки «Расширения» — «Менеджер плагинов» и щелкаете по названию «Content — MultiAds». Собственно, настроек у плагина не очень много.

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

Google+1 и Мне нравится от  Вконтакте и Facebook — как добавить кнопки лайков в свой сайт

Таким образом вы сможете добавить на свой сайт любые кнопки социалок, включая и те, что мы рассмотрели в этой статье «Google +1» и «Мне нравится» от В контакте и Фэйсбука. Вы можете настроить выравнивание для них, выбрав нужный вариант из выпадающего списка, а так же задать нужные отступы.

Два верхних поля позволят вставить кнопки в верхнюю часть статьи, а два нижних, соответственно, в нижнюю. Какой именно вариант использовать, можно сказать только попробовав. Кроме описанных выше социалок так же советую обратить внимание на серьезно набирающие популярность фото-социалки Pinterest.com и Pinme.ru. По ссылке вы найдете способы установки их кнопочек на свой сайт.

О нас seoexpert

продвижение сайта,seo оптимизация,поисковое продвижение,раскрутка сайтов,поисковая оптимизация,продвижение сайта в гугл,seo раскрутка,продвижение сайтов в яндексе,продвижение сайта в google,продвижение сайтов в топ 10,Оптимизация и продвижение сайтов,услуги продвижения сайта,заказать продвижение,продвижение сайтов в топ,сео раскрутка сайта

Смотрите также

Блок Яндекса Поделиться и другие кнопки социальных сетей для сайта (Facebook, Google+, Twitter, ВКонтакте)

Блок Яндекса Поделиться и другие кнопки социальных сетей для сайта (Facebook, Google+, Twitter, ВКонтакте) Здравствуйте, ...