2012-04-05 5 views
4

Während Sharing-Links für Facebook Erstellen Sie eine Freigabe-Verbindung, indem Sie so etwas wie personalisieren:Google+ teilen mit eigenem Text und Miniatur

<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> 

Gibt es eine Möglichkeit etwas ähnliches mit Google+ zu tun, anstatt zu füllen Sie die Meta-Tags in der Kopfzeile (weil ich viele Sharing Links auf einer Seite brauche)

Antwort

8

Sie können schema.org Mikrodaten dafür verwenden. Dies sind keine Tags, die im Kopf der Site erstellt werden, sondern Eigenschaften, die Sie den bestimmten Knoten zuweisen. Hier ein Beispiel, wie es funktionieren könnte:

Nehmen wir an, Sie haben einen Blog mit mehreren Artikeln, von denen jeder seine eigene + 1-Schaltfläche haben sollte. Im äußersten Knoten jedes Artikels (wenn Sie HTML5-Semantik verwenden, ist es wahrscheinlich <article>), definieren Sie einen neuen itemscope zusammen mit dem spezifischen itemtype (in diesem Fall "http://schema.org/BlogPosting", siehe list of all types).

Als Nächstes notieren Sie die Felder, die im Freisetzungsschnipsel enthalten sein sollen, indem Sie das Feld itemprop verwenden. Wenn der Artikel zum Beispiel ein Bild enthält, könnte der Knoten mit itemprop="image" und so weiter kommentiert werden.

Beachten Sie, dass diese Anmerkungen nur im aktuellen itemscope gültig sind. Die + 1-Schaltfläche muss ebenfalls innerhalb dieses Bereichs platziert werden, da nach dem ersten Objektbereich gesucht wird, der sich oberhalb der Schaltfläche in der DOM-Hierarchie befindet.

Die positive Seite davon ist, dass Sie mehrere Itemscopes pro Seite definieren können und somit einfach mehrere + 1-Buttons mit verschiedenen Share-Snippets integrieren können.

Weitere Informationen finden Sie auch auf der +1 button documentation.

+0

Übrigens, wenn Sie ein "reales Beispiel" von mehreren itemscopes und + 1 Buttons auf einer Webseite sehen wollen, schauen Sie sich den Quellcode meines Blogs an: http://martinmatysiak.de/blog - vielleicht hilft das, schneller zu beginnen :) –

+0

Klingt gut, aber in meinem Fall funktioniert das nicht. Ich habe (und habe sogar mit strukturierten Web-Tools getestet) mehrere Scopes auf meiner Site erfolgreich bearbeitet und teile sie jeweils in den zugehörigen Scopes. Dennoch ruft Google immer den ersten Titel oben auf der Seite für jeden Elementskopfreigabe-Button ab. – Garavani