Google +snippets

Bild

Bild

In den ersten Tagen von Google+ habe ich mich intensiv mit dem Thema beschäftigt, wie man als Webentwickler bzw. Seitenbetreiber die Darstellung einer Webseite im Profil beeinflussen kann. Nun bietet der Google Webmaster Central Blog eine offizielle Antwort auf die Frage. Das Zauberwort heißt +Snippets und basiert auf dem Konzept von Microdata, das auf schema.org im Detail beschrieben wird.

Google+ verwendet zur Darstellung einer Webseite einen Titel (name), eine Beschreibung (description) und ein Bild (image). Der semantische HTML-Text für einen Blogbeitrag könnte also so aussehen:
[sourcecode language=“html“]<div itemscope itemtype="http://schema.org/Article">
<h1 itemprop="name">Titel&</h1>
<img itemprop="image" src="pfad-zu-dem-anzeigebild.png" />
<p itemprop="description">Hier eine Beschreibung des Artikels.</p>
</div>[/sourcecode]
Wir haben unseren Blog bereits angepasst. In unserem Fall sieht das Ganze wie folgt aus:
[sourcecode language=“html“]<div […] itemscope itemtype="http://schema.org/Article">[…]
<h3 itemprop="name">Google +snippets</h3>[…]
<p itemprop="description">In den ersten Tagen von Google+ habe ich mich intensiv mit dem Thema beschäftigt, wie man als Webentwickler bzw. Seitenbetreiber die […]</p>
[…]
<img itemprop="image" class="alignnone size-full wp-image-2826" title="google-plus-liechtenecker" src="https://liechtenecker.at/wp-content/uploads/2011/09/google-plus-liechtenecker1-1.jpg" alt="" width="540" height="250" />
[…]
</div>[/sourcecode]
Um das auszuprobieren könnt ihr ganz einfach den +1 Button am Ende dieses Beitrages klicken und wenn ihr „Share on Google+“ klickt solltet ihr ein ähnliches Ergebnis erhalten: