Sternchenbewertungen in den SERP mit WordPress in 5 Minuten

Februar 28, 2012 by  
Filed under Google, Optimierung, SEO, WordPress

In den letzten Wochen und Monaten wurde der Klickraten-Vorteil durch Sternchenbewertungen von vielen SEOs heiß diskutiert. Seit der öffentlichen Anprangerung durch Arthur ist das Thema auch in öffentlichen Blogs und Foren. Ich zeige euch in diesem Artikel, wie ihr solche Bewertungen ganz einfach in eure WordPress-Artikel einbinden könnt.

Nachtrag: Bitte auch die Kommentare unter diesem Artikel bezüglich Manipulation durch Mitbewerber und Integration direkt ins Template (ohne Shortcode in jedem Beitrag) beachten.

Focus.de mit Sternen in den Google SERP für Tagesgeld.

Focus.de mit Sternen in den Google SERP für Tagesgeld

Anleitung

Als erstes müsst ihr das WordPress Plugin WP-PostRatings von Lester Chan installieren. Dafür einfach im WP-Backend nach WP-PostRatings suchen und auf installieren drücken.

Anschließend (und das ist jetzt der eigentliche Trick!) müssen die Tempaltes des Plugins so angepasst werden, dass die Ausgabe der Bewertungen von Google als hReview-aggregate erkannt werden kann, also als eine Zusammenfassung von Bewertungen.

Ratings Vote Text

Als Ratings Vote Text empfehle ich:

<span class="hreview-aggregate">
  <span class="item">
    <span class="fn">%POST_TITLE%</span>: %RATINGS_IMAGES_VOTE%<br />
  </span>
  <span class="rating">
    <span class="average"><b>%RATINGS_AVERAGE%</b></span>
    von
    <span class="best">5</span>
    Punkten, basierend auf
    <span class="votes">%RATINGS_USERS%</span>
    abgegebenen Stimmen.
  </span>
</span>

Diese Ausgabe ist für Besucher gedacht, die noch nicht abgestimmt haben.

Ratings Voted Text

Den Ratings Voted Text bekommen Besucher angezeigt, nachdem sie abgestimmt haben:

<span class="hreview-aggregate">
  <span class="item">
    <span class="fn">%POST_TITLE%</span>: %RATINGS_IMAGES_VOTE%<br />
  </span>
  <span class="rating">
    <span class="average"><b>%RATINGS_AVERAGE%</b></span>
    von
    <span class="best">5</span>
    Punkten, basierend auf
    <span class="votes">%RATINGS_USERS%</span>
    abgegebenen Stimmen.
  </span>
</span>
<br />Du hast bereits abgestimmt.

Für sauberes Copy & Paste gibt es beide Templates hier als Textdatei (Link geht in neuem Fenster auf).

Was darf ich verändern?

Der Code muss natürlich nicht exakt so eingebunden werden. Das wichtige sind die Klassen, mit denen die spans belegt sind. Was ihr weglassen könnt, ist den item-span. Ich benutze ihn, weil der Code aus einem Blog stammt, in dem jeder Artikel ein konkretes Produkt beschreibt. Das heißt %POST_TITLE% wird bei mir immer zum entsprechenden Produktnamen. Wenn das bei euch nicht gegeben ist (z.B. weil euer %POST_TITLE% der Titel eines News ist), dann würde ich das Weglassen sogar empfehlen.

Falls ihr das Template verändert, prüft es danach bitte mit dem Rich Snippet Testing Tool von Google. Es ist zwar noch in der Beta (was man leider manchmal merkt) aber für SEOs, die in semantisches Markup einsteigen wollen, extrem hilfreich. Das Ergebnis einer Prüfung im Tool sollte am Ende so (oder so ähnlich) aussehen:

Die Ausgabe des Rich Snippet Testing Tool von Google für focus.de

Die Ausgabe des Rich Snippet Testing Tool von Google für focus.de

Ich hoffe die Anleitung war nützlich. Falls ja, freue ich mich über Likes, Tweets und +1 ;-)

Video Anleitung

Ich habe in der Überschrift etwas von 5 Minuten gesagt. Das Video Tutorial mit allen Schritten ist nicht mal zweieinhalb Minute lang. Ich muss euch warnen: Weder Bild noch Ton sind mir gut gelungen.

Link zum Video auf YouTube (Link geht in neuem Fenster auf)

Wann werden die Sterne angezeigt?

Die Sterne sollten innerhalb weniger Tage in den SERP sichtbar werden. Natürlich muss Google jede Unterseite neu crawlen um das neue semantische MarkUp zu bemerken.

Ich habe übrigens Unterseiten mit nur einer einzigen Bewertung. Selbst für diese werden die Sterne angezeigt :-)

Über Malte Landwehr

Malte Landwehr

Malte Landwehr

Dies ist ein Gastartikel von Malte Landwehr. Malte ist Unternehmer und Consultant im Bereich Online Marketing mit Spezialisierung auf Suchmaschinenoptimierung (SEO), Social Media und Online Reputation Management (ORM). Er bloggt regelmäßig auf Landwehr Online Reputation Management und ist auch auf Google+ zu finden.

Über

Malte Landwehr bloggt hier über Suchmaschinenoptimierung und Social Media.

Malte beschäftigt sich seit 2003 mit SEO und betreibt seit 2007 mit LORM.de eines der größten deutschsprachigen Blogs zum Thema Online Reputation Management. Erfahrungen hat er unter anderem als Blogger für die Artaxo AG (2007), als Moderator im ABAKUS Internet Marketing Forum (2008 - 2011), als Mitgründer und Head of SEO der seoFactory GmbH (2008 - 2010) sowie durch den Betrieb vieler eigener Websites, Blogs und Foren gewinnen können.

128 comments on “Sternchenbewertungen in den SERP mit WordPress in 5 Minuten

  1. ich versuche die Sternchen bei mir einzubauen. Es funktioniert alles, aber leider sind die Sternchen Vertikal. Wie bekomme ich diese Horizontal. Hat jemand eine Idee?

  2. Dima
    Das klingt danach als wenn das CSS nicht korrekt eingebunden ist. Vermutlich fehlt es oder Namen von Elementen überschneiden sich mit einer anderen CSS-Datei (von deinem Teplate oder einem anderen Plugin).

    Wenn du alle anderen Plugins deaktivierst und das Standard-Template aktivierst, sind die Sternchen dann immer noch horizontal?

  3. Habt ihr auch Erfahrungen mit dem “Wiederverschwinden” der Sterne aus den Snippets gemacht? Bei uns ist es nämlich passiert. Wir verwenden zwar kein WordPress aber auch “hreview-aggregate”-Microformat. Vor dem Verschwinden hatten wir ein anderes Schema implementiert und hofften darauf, dass die Umstellung dazu führt, dass die Sterne wieder angezeigt werden. Geändert hat sich jedoch noch nichts.

  4. Ich sehe, der Beispiel-Beitr von focus.de hat auch keine Sterne mehr in den Snippets.

  5. Hallo Malte,

    klasse Anleitung. Habe ich gleich mal im Blog ausprobiert und gab natürlich Probleme… warum sollte auch alles glatt gehen. Aber das Problem war WordPress selbst. Nach einem Update auf die aktuellste Version ging es dann endlich.
    Jetzt heißt es warten ob Google es aufnimmt und anzeigt… und auf Bewerter natürlich :) Positiv of course :D

    Danke für deinen Artikel.
    Viele Grüße
    Gordon

  6. Nun ist der Artikel schon fast ein halbes Jahr alt und ich habe den erst heute gesehen ;)
    Ich werde dass auch gleich die Tage umsetzen, der Unterschied zu normalen Suchergebnissen ist schon erstaunlich.
    Da kann man sich wirklich ausrechnen wieviele Besucher mehr dem SERP Beachtung schenken.

  7. Super! Ich habe bereits 1h im Netz gesucht und irgendwie waren die Anleitungen weniger hilfreich – zumindest hat immer irgendwas gefehlt.
    Dein Report war “Idiotensicher”
    Danke dir und einen tweet bekommst du nun auch gleich von uns :-)

  8. Hallo Malte,

    vielen Dank für den Super Artikel. Hab dein Beispiel mit den Sternen direkt auf meinen Blog eingebunden. Wie kann ich denn jetzt für alle meine Artikel dieses Rating einbauen ohne sie erst alle zu bearbeitung und das [rating] Tag einzubauen? :/.

    Vielen Dank

    Chris

  9. Hallo Chris,

    du kannst das Rating auch direkt ins Template integrieren. Dazu einfach auf der offiziellen Plugin-Seite umschauen oder die Google-Suche bemühen.

    Gruß
    Malte

  10. Pingback: Spam Kommentare bei der Sternchenbewertung in WordPress

  11. Funktioniert einwandfrei diese Anleitung und ist auch eine nützliche und interessante Sache. So erhält man als Seitenbetreiber ja auch ein Feedback, wie die eigenen Artikel so ankommen.

  12. Geschenkefreunde on said:

    Super Artikel und interessante Idee. Ja, die Sternchen sieht man immer öfter in den SERPs. Artikel wird gespeichert und bei Gelegenheit ausprobiert. Danke dafür. :)

  13. Super Beitrag – und folgendes Problem. Die Implementierung klappt wunderbar, jedoch wird bei Google anstelle meines Inhalts der Seite immer “1 Star 2 Stars 3 Stars 4 Stars 5 Stars” angezeigt. Kann man das ganze umgehen? Oder sollte ich die Abstimmung an die Ende eines Artikels machen?!

    Grüße und Danke

  14. Timo:
    Du könntest zur Not einfach das Alt-Attribut der Sternchen löschen.

  15. Danke Malte, das wäre ein Notlösung. Hab gerade einen Artikel darüber geschrieben und hoff das jemand ähnliches berichten kann. Bei anderen Projekten von mir läuft es mit der gleichen Einstellungen auch ohne Probleme – was mich ziemlich verwirrt :-/

  16. Hallo malte,

    toller Artikel, wenn auch schon etwas älter. Ich habe das Problem, dass die Sterne zur Bewertung immer vertikal angeordnet sind, siehe als Bsp.: http://www.gewinnspiele24.org/3d-tv-gewinnspiel… Hat es da was im CSS zerhauen, oder wie siehts aus?

    Danke schon mal im Voraus für deine Hilfe ;)

  17. erstmal Danke für den Artikel aber leider funktioniert das bei mir nicht. Habe die Templates eins zu eins so kopiert wie oben aufgeführt.
    Templates werden mit Shortcode direkt auf der Home-Seite im Footer integriert (Nur eine einzelne Abstimmmöglichkeit ansonsten keine Unterseiten) Habe daraufhin für mich selbst abgestimmt, ansonsten liegen noch keine Stimmen vor.
    Wenn ich das Prüftool nutze bekomme ich nur die Anzeige: “Keine Vorschau verfügbar” bzw. “keine Daten erkannt”
    Für jede Hilfe wäre ich dankbar.

  18. Hallo Malte,
    das wordpress plugin “wp-postratings/wp-postratings.php” ist ja schon viel Code. Da ich leider Laie bin, hab ich keine Ahnung wo ich den “Rating vote text” genau einpflegen muss. Kannst du mir da helfen?
    Vielen Dank! Tim

  19. Markus
    Wenn bei mir das CSS eines Plugins nicht funktioniert, benenne ich alle Klasse im CSS um, zum Beispiel mit dem Plugin-Namen als Präfix. Das musst natürlich sowohl in der PHP-Datei, die das HTML ausgibt, als auch im Style Sheet tun.

    marc
    Grundsätzlich: Das Einbinden einer globalen Bewertung kannst du dir sparen, damit wirst du dauerhaft kein Rich-Snippet haben!
    Zu deinem Problem: Wird das MarkUp im Quellcode der Seite korrekt angezeigt.

    Tim
    An den PHP-Dateien sollst du doch gar nichts ändern. Ich finde das das Video unter http://www.youtube.com/watch?v=KFMPHiv6_Qs eigentlich alles sehr gut erklärt.

  20. Super Beitrag. Mit der Anleitung von Google ist’s irgendwie nicht so einfach zu durchblicken was jetzt genau genommen werden sollte. Da ließt man mal was von RDF bzw. RDFa oder dann wieder Microformats oder doch eine Mischung von allem die Google dann verwendet. … etwas verwirrend. Danke für das Licht im Dunklen :)

  21. Sehr schön, bin durch Zufall auf diesen Beitrag gestoßen und hab das Ganze gleich mal umgesetzt, ich hoffe, das hilft mir :-)

    Vielen Dank!

  22. Vielen Dank für die super Erklärung. Zum Thema Template: Ich habe folgenden Code in die loop.php (themeverzeichnis/includes/loop.php) eingefügt:


    Damit erscheint die Sternchenbewertung nun in jedem Beitrag.

  23. Vielen Dank für die super Erklärung. Zum Thema Template: Ich habe folgenden Code in die loop.php (themeverzeichnis/includes/loop.php) eingefügt:

    Damit erscheint die Sternchenbewertung nun in jedem Beitrag.

  24. mmhh, das Plugin habe ich schon seit ein paar Jahren bei mir am laufen, nur das Template brauchte noch die richtigen anweisungen (wie oben). mal sehen ob es was bringt??

  25. In meinem Blog werden die Sterne nicht angezeigt. Woran kann das liegen?

  26. Pingback: 2 Rich Snippet Plugins (Sterne Bewertung) für Wordpress › seo-gera.de

  27. Hallo Malte,

    danke für diese super Anleitung. Hab es direkt ausprobiert und es klappt wunderbar. Nur wenn ich die Seite bei “Rich Snippet Testing Tool von Google” eingebe erscheinen dort die Sterne bzw. die Bewertungen nicht. Brauchst das eine Weile oder ist das ein Einstellungsfehler?

    Viele Grüße
    Armin

  28. Geht das mit den Sternchen auch ohne Wortdpress?
    Habe den Blog bei Google und eine Webseite in Html

    Danke
    Patricia

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>