Bilder neben dem Suchergebnis anzeigen

Disclaimer: Ein Post mit genau dem Thema wurde vor Tagen schon von Andrè Alpar auf Searchengineland veröffentlicht, diesen findet ihr hier: http://searchenginewatch.com/article/2123992/Rich-Snippets-for-Apps-A-New-Way-to-be-Seen-in-SERPs – die Überschneidung war sicherlich nicht gewollt und daher gehört aller Respekt hier dem Andrè für die Erkenntnisse!

Update: Google hat zu den Rich-Snippets eine Präsentation erstellt welche man HIER finden kann


In der letzen SEO-House Show wurde recht ausgiebig über SEO IT palavert und über korrekte Integration und Umsetzung von technischen Aspekten der SEO philosophiert.

Ganz nebenbei lies hier der Jens ein kleines Beispiel fallen welches auch bei mir die gleiche Reaktion wie vom Kai erreichte: ein einfaches “WOW!”

Daher: einfach mal bei Google nach dem Begriff “Antivir” suchen [hier]

Man sieht dann folgendes Suchergebnis:

Suchergebnisanzeige mit Microformat Bild

Neben dem Bild zum Produkt erscheinen auch direkt die Bewertungen und wie viele von diesen User hier eine solche abgegeben haben.

Integration mittels Schema.org

Wie ist diese Anzeige nun möglich? Alleine schon wegen der “click sexy look” Anezige will ja sicher ein jeder sowas auch gleich haben, oder?

Quellcode Beispiel von Schema.org Integration

Die Antwort ist denkbar einfach: der Quellcode von der chip.de Landing Page wurde mittels schema.org Formatierung aufgepeppt und sogar zum Teil grenzwertig erweitert ;)

Folgendes ist die Anleitung für Interessierte:

  1. Auf schema.org raussuchen welches Schema denn am Besten auf das eigene Produkt/Geschäft/Person/Dienstleistung passen würde.
    Bei chip.de wird z.B. das Schema http://schema.org/SoftwareApplication eingesetzt
  2. Mittels der Schemata kann der Quellcode “aufgerüstet” werden und so sind neben Geo/Kontaktdaten auch die Integration von Bewertungen möglich (benutze ich bereits in einem anderen Projekt) und auch die eines Bildes per itemprop=”image” Code.
  3. Das itemprop=”image” Tag wird hier ganz einfach beim HTML Img Tag inkludiert und sorgt so dafür dass ein Thumbnail in den SERPs erscheint (was auch nochmals optimiert sein sollte, grösste 256×256 oder 128×128)
  4. Die itemprop=”name” ergibt dann denn in fett gedruckten Produktnamen, des weiteren sind noch weitere itemprop Codes im Quelltext versteckt: viel Spass beim Suchen :)
  5. Auf jeden Fall gehen die Kollegen von chip.de hier noch etwas über die Grenzen hinaus und legen ganz lausbübisch einen <span style=”display: none;”> Tag um das Bild damit dieses dann auf der Website nicht erscheint. Ob und wie das eigentlich erlaubt ist muss wohl Google selbst wissen, auf jeden Fall scheint es kein Problem zu sein (man kann darauf schließen dass Google hier einfach nur die semantische Information auswertet und nicht das ganze rundherum)
Und wohin das nun führen kann (und auch wahrscheinlich wird) kann sich wohl jeder denken: Von Modeshops bis Handys, von Hotelfotos bis Schuhe, die SERPs werden sich wohl zukünftig auch nochmals grafisch komplett verändern. Und damit werden die Karten wohl für die CTRs neu gemischt, der erste Platz wird wohl nicht mehr der wichtigste sein :)

This entry was posted in Microformat, SEO and tagged , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Who is "Lobster up the Sea" ?

8 Comments

  1. Posted 2011/11/10 at 17:38 | Permalink

    Klingt nach dem gestern von mir bei SEW veröffentlichten Artikel, siehe http://searchenginewatch.com/article/2123992/Rich-Snippets-for-Apps-A-New-Way-to-be-Seen-in-SERPs

    • Posted 2011/11/10 at 19:13 | Permalink

      Das war der Tweet mit dem “ersten deutschen SEO bei Searchenginewatch”, oder? Hatte das noch nicht gesehen sondern nur die Erwähnung von Jens Fauldrath – das hatte er wohl dann von Dir :) Sorry denne

  2. Posted 2011/11/11 at 00:46 | Permalink

    Hey,
    mich würde interessieren, ob es bereits andere Beispiele gibt, die bereits die Runde gemacht haben? Danke für den Post auch an Andre.

    • Posted 2011/11/12 at 22:52 | Permalink

      Ja es gibt von Google eine Präsentation vom 21. September 2011:

  3. Sebastian
    Posted 2011/11/12 at 18:08 | Permalink

    Servus Fritz,

    hab ich grad entdeckt: Heise machts auch, sogar ohne display:none, also scheinbar skaliert Google das Bild dann selbstständig auf die benötigten Maße?
    Such auf Google einfach mal nach arbeitszeituhr windows, Platz 3 in den SERPs
    Viele Grüße
    Werkstudent Sebastian :)

  4. Posted 2012/05/18 at 01:38 | Permalink

    Dann sehen wir mal, ob alles richtig gemacht habe!!!

  5. Johannes
    Posted 2012/08/10 at 08:17 | Permalink

    Hab bisher noch kein online-Shop gesehen, dessen produktbilder als snippets angezeigt werden. Unterdrückt google das? Oder was ist der Grund? Lohnt es sich das einzurichten oder würde es ohnehin nicht lange angezeigt werden?

    • Posted 2012/08/16 at 09:11 | Permalink

      Google hat dies inzwischen wieder gekickt (leider) – Bilder sind derzeit nur über “Gesichter” auf Google Plus Basis möglich

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

css.php