Устанавливаем кнопку Google +1 у себя на сайте

Google +1 - это кнопка работающая по принципу FaceBook "Like" и других подобных кнопочек от Twitter, Вконтакте и др. Google +1 – отличный социальный СМИ инструмент, который можно легко реализовать на своем сайте.

Для начала, немного технической информации о Google +1:

1. Любой пользователь, пользующийся поиском под своим аккаунтом Google может нажать +1 в выдаче возле вашего сайта, тем самым поделившись ссылкой на ваш сайт. Также любой пользователь может нажать на установленную на вашем сайте кнопку +1.
2. Накрутить кнопку Google +1 не так просто. К примеру, если у вас есть 2 аккаунта в Google, то только через первый вы сможете видеть в выдаче кнопку +1 и иметь возможность на нее нажать. Зайдя на второй аккаунт с того же IP адреса даже через другой браузер, вы не сможете увидеть эту кнопку.
3. Кнопку Google +1 нельзя установить на закрытых и/или персональных страницах. Нельзя поставить кнопку на страницу, доступ к которой есть только у вас и, к примеру, у нескольких ваших друзей. Нельзя поставить кнопку на страницах, которые недоступны поисковым роботам. Страница должна быть открытой для просмотра всем пользователям – только тогда на нее можно установить кнопку.
4. В идеале, один URL на вашем сайте должен соответствовать одной кнопке Google +1. Но можно на одной странице разместить несколько кнопок, об этом поговорим чуть ниже.

Основной код для установки

Для того чтобы установить кнопку на сайте или блоге, достаточно всего лишь добавить перед тегом </body> следующий код:

Код: html

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

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

Чтобы подписи у кнопки были на русском языке, заменим код выше, кодом ниже:

Код: html

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

А теперь в том месте, где вы желаете увидеть кнопку Google +1, добавьте следующий код:

Код: html

<g:plusone></g:plusone>

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

Параметры кнопки:

Кнопка имеет несколько атрибутов (size,count,href).

• size - очевидно размер кнопки, принимает значения small,medium,big;
• count - отображение количества нажатий, принимает значения true,false для включения о отключения вывода, соответственно;
• href - о нем немного позже.

Как вы думаю заметили указание этих параметров не является обязательным, вот примеры:

Код: html

<g:plusone size="small" count="false"></g:plusone>

Код: html

<g:plusone count="false"></g:plusone>

Мучаем кнопку с помощью CSS:

Главный блок кнопки имеет id="___plusone_0". Зная это можно обратится к CSS свойствам кнопки, пример:

Код: css

#___plusone_0 {	cursor: pointer;	margin: 0 6px 0 0 !important;	vertical-align: top;}

Добавление нескольких кнопок Google +1 на 1 страницу:

Бывают случаи, когда необходимо добавить несколько кнопок Google +1 на одну страницу. К примеру, разместить кнопки рядом с навигационными ссылками, чтобы пользователи могли "плюсануть" даже не переходя на другие страницы. В этом случае нужно воспользоваться атрибутом href, смотрите пример:

Код: html

<g:plusone href="http://example.com/page1.html"></g:plusone><g:plusone href="http://example.com/page2.html"></g:plusone>

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

Возможные проблемы с каноническими URL:

Если вы используете код кнопки Google +1 без атрибута href, т.е. вот такой:

Код: html

<g:plusone></g:plusone>

то кнопка Google +1 будет использовать только канонический url-адрес. Поясню. К примеру, у вас есть 2 страницы с одинаковым контентом:

Код:

http://example.com/index.php?id=3 (Канонический URL)http://example.com/index.php?id=3&sort=decreasing

В таких случаях лучше прописать атрибут rel="canonical" в заголовке этих двух страниц, чтобы не было путаницы:

Код: html

<link rel="canonical" href="http://example.com/index.php?id=3" />

Когда это сделаете, на обеих страницах можете использовать простой код Google +1:

Код: html

<g:plusone></g:plusone>

Почему Google +1 имеет важное значение в SEO?

Большинство сайтов в мире установили кнопки от FaceBook – Like, Twitter и др.. Кнопка Google +1 появилась недавно и только небольшая часть сайтов ее себе установили. Но это крайне важно для поисковой оптимизации по следующим причинам:

1. Google обращает внимание на социальные сигналы и оценивает с помощью них качество и полезность контента в сети, чтобы лучше ранжировать более полезные для пользователей материалы. Если их правильно использовать, это может неплохо влиять на позиции сайта;
2. Дополнительный целевой трафик – это всегда отличная новость для любого веб-мастера. Пользователь, который делиться ссылками со своими друзьями дает им новую информацию – если она их интересует, они обязательно зайдут к вам на сайт и, возможно, кто-то из них станет вашим клиентом.

Сгенерировать кнопку и узнать о ней подробнее можно здесь http://www.google.com/webmasters/+1/button/.

источникhttp://wcoders.com