Google+ поделиться с пользовательским текстом и миниатюрой

Question

При создании совместного использования ссылки на Facebook, вы можете настроить связь обмена, делая что-то вроде:

<a title='Share on Facebook' 
href='http://www.facebook.com/sharer.php?s=100 
&p[title]=TITLE_HERE 
&p[summary]=TEXT_HERE 
&p[url]=URL_HERE 
&p[images][0]=URL_TO_IMAGE' target='_blank' > 
<img alt="Facebook" src="ICON_URL" /> 
</a> 

Есть ли способ сделать что-то подобное с Google+, вместо того, чтобы заполнить метатеги в заголовке (потому что мне нужно много ссылок на одну страницу)

Answer 1

Для этого вы можете использовать микроданные schema.org. Это не теги, сделанные в голове сайта, а свойства, которые вы назначаете определенным узлам. Вот пример того, как он может работать:

Предположим, у вас есть блог с несколькими статьями, каждый из которых должен иметь свою собственную кнопку +1. В самом удаленном узле каждой статьи (если вы используете семантику HTML5, она, вероятно, будет <article>), вы определяете новый itemscope вместе с конкретным itemtype (в данном случае "http://schema.org/BlogPosting", см. list of all types).

Затем вы комментируете поля, которые должны быть включены в общий фрагмент, используя поле itemprop. Например, если в статье есть изображение, узел <img> может быть аннотирован itemprop="image" и так далее.

Обратите внимание, что эти аннотации действительны только для текущего предмета. Кнопка +1 также должна быть помещена внутри этой области, так как она ищет первые предметы, которые появляются над кнопкой в ​​иерархии DOM.

Положительная сторона состоит в том, что вы можете определить несколько предметов на странице, таким образом, легко интегрировать несколько кнопок +1 с различными фрагментами на нем.

Дополнительная информация также доступна на +1 button documentation.