Валидный код кнопки "Поделиться" (yandex.st/share/share.js) и Гугл плюс

[Admin]

На днях добавил на сайт кнопку "Поделиться" от Яндекса и столкнулся с проблемой валидности кода.

Изначально на сайт добавлялся такой код:

Код:

<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none"
data-yashareQuickServices="yaru,vkontakte,facebook,twitter,
odnoklassniki,moimir,lj,friendfeed,moikrug,gplus"></div>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>

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

Код:

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>

<script type="text/javascript">
new Ya.share({element:'ya_share',elementStyle:{'type':'none','quickServices':
['yaru','vkontakte','facebook','twitter','odnoklassniki','moimir','lj',
'friendfeed','moikrug','gplus','yazakladki','blogger','myspace','liveinternet',
'digg','delicious']},});
</script>

В том месте, где должен располагаться блок с кнопкой "Поделиться", используем <div id="ya_share"></div>.

С кнопкой Гугл плюс все проще.
В том месте, где необходимо разместить кнопку Гугл плюс добавляем тег <div class="g-plusone"></div> , а далее где-нибудь в конце странички добавляем:

Код:

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

Таким образом, Ваш сайт сможет легко пройти проверку на валидность.

[Udo1993]

Уважаемый Админ, в двух словах скажите, что дают эти кнопки и для чего их вообще размещать на сайте?

[Admin]

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

Кнопка "Поделиться" от Яндекса позволяет посетителям Вашего сайта в один клик поделиться ссылками на страницы Вашего сайта в социальных сетях. Тем самым Вы получаете обратные ссылки из социальных сетей и дополнительных посетителей для сайта.

Минусов от использования данных кнопок пока не замечено.

[3aiac]

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

И еще, когда поделился, на стену выкладывает изображение фиксированного размера, то есть, на сайте изображение 500 на 700, а вконтакте вылезает 500 на 200. Как это можно исправить?

[Admin]

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

[3aiac]

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