Sie kennen das sicher: Die kleinen Sterne in den Google-Suchergebnissen ziehen alle Blicke auf sich und können einen erheblichen Einfluss auf die Klickrate haben. Diese sogenannten Rich-Snippets verleihen Ihren Suchergebnissen zusätzlichen Glanz und machen sie für Nutzer deutlich attraktiver. Bisher wurden sie oft mit Produkten in Verbindung gebracht. Doch auch Dienstleister, Handwerker und Vertreter jeder anderen Branche können von den Vorteilen von Rich-Snippets profitieren.
Hier sind einige Beispiele von Websites, die durch den Einsatz strukturierter Daten beeindruckende Erfolge erzielt haben:
- Rotten Tomatoes implementierte strukturierte Daten auf 100.000 Einzelseiten und steigerte die Klickrate um 25 % im Vergleich zu Seiten ohne strukturierte Daten.
- Food Network stellte 80 % seiner Seiten auf die Nutzung von Spezialformaten um und verzeichnete einen Anstieg der Besucherzahlen um 35 %.
- Rakuten beobachtete, dass Nutzer auf Seiten mit strukturierten Daten 1,5-mal mehr Zeit verbringen und die Interaktionsrate auf AMP-Seiten mit diesen Formaten 3,6-mal höher ist als auf AMP-Seiten ohne.
- Nestlé konnte eine 82 % höhere Klickrate bei Seiten mit Rich-Suchergebnissen im Vergleich zu Seiten ohne diese erweiterten Ergebnisse feststellen.
Diese Beispiele zeigen, dass strukturierte Daten ein effektives Mittel sind, um die Sichtbarkeit und Attraktivität Ihrer Website in den Suchergebnissen zu erhöhen. Quelle: Google
In diesem Blogbeitrag zeigen wir Ihnen, wie Sie Rich-Snippets unkompliziert und kostenlos mit dem Google Tag Manager auf Ihrer Webseite integrieren können. Zudem geben wir Ihnen hilfreiche Tipps und Tricks an die Hand.
Inhalt
GTM Integration mit Bestpreisgarantie
Was sind Rich-Snippets?
Rich-Snippets sind erweiterte Suchergebnisse, die zusätzlich zur standardmäßigen Beschreibung und dem Link zur Webseite zusätzliche Informationen enthalten. Diese Informationen können Bewertungen, Preisangaben, Veranstaltungsdaten, Rezepte, Produkte, FAQs und vieles mehr sein. Sie werden in den Suchergebnissen von Suchmaschinen wie Google angezeigt und heben sich visuell durch spezielle Formatierungen wie Sternebewertungen, Bilder oder Preisangaben hervor.
Der Hauptzweck von Rich-Snippets ist es, die Relevanz und Attraktivität einer Webseite in den Suchergebnissen zu erhöhen, was potenziell zu höheren Klickraten führt. Sie werden durch strukturierte Daten ermöglicht, die in den HTML-Code einer Webseite eingebunden werden. Diese strukturierten Daten helfen Suchmaschinen, den Inhalt einer Seite besser zu verstehen und relevante Informationen direkt in den Suchergebnissen anzuzeigen.
Einfluss auf das SEO-Ranking
Rich-Snippets beeinflussen nicht direkt das SEO-Ranking Ihrer Website. Google hat bestätigt, dass sie keine speziellen Ranking-Vorteile bieten. Dennoch können Rich-Snippets durch ihre visuelle und informative Attraktivität einen entscheidenden indirekten Einfluss auf Ihre Suchergebnisse haben.
So verbessern Rich-Snippets Ihr Ranking indirekt:
- Erhöhte Sichtbarkeit und Klickrate: Rich-Snippets ziehen die Aufmerksamkeit der Nutzer auf sich und bieten nützliche Informationen auf einen Blick. Dies kann die Klickrate (CTR) Ihrer Suchergebnisse erheblich steigern. Eine höhere CTR signalisiert Google, dass Ihre Seite für bestimmte Suchanfragen besonders relevant ist, was sich positiv auf Ihr Ranking auswirken kann.
- Verbesserte Nutzererfahrung: Indem Sie Nutzern zusätzliche Informationen direkt in den Suchergebnissen präsentieren, erleichtern Sie ihnen die Entscheidungsfindung. Dies kann zu einer längeren Verweildauer und einer geringeren Absprungrate führen – zwei Faktoren, die Google bei der Bewertung Ihrer Seite berücksichtigt.
- Stärkung der Markenpräsenz: Ein Rich-Snippet kann Ihre Marke in den Suchergebnissen hervorheben und Ihre Sichtbarkeit steigern. Ein gut gestaltetes Rich-Snippet vermittelt Vertrauen und Autorität, was die Wahrnehmung Ihrer Marke positiv beeinflussen kann.
Rich-Snippets für Dienstleistungen: So geht’s
Wenn Sie als Dienstleister im Internet sichtbarer werden und mehr potenzielle Kunden erreichen möchten, sind Rich-Snippets ein unverzichtbares Werkzeug. Doch wie setzt man sie erfolgreich ein, ohne tief in die Tasche greifen zu müssen? In diesem Beitrag zeigen wir Ihnen Schritt für Schritt, wie Sie Rich-Snippets für Ihre Dienstleistungen implementieren können – ganz ohne teure Tools oder kostenpflichtige Bewertungsplattformen.
Der erste Schritt: Die richtige Plattform wählen
Der erste und vielleicht wichtigste Schritt ist die Wahl einer geeigneten Plattform, um Kundenbewertungen zu sammeln. Viele Unternehmer glauben fälschlicherweise, dass Rich-Snippets nur über kostenpflichtige Bewertungsplattformen realisierbar sind. Doch es gibt auch kostenfreie Optionen, die ebenfalls effektive Ergebnisse liefern.
Google My Business: Der kostenlose Alleskönner
Google bietet mit Google My Business eine kostenfreie Möglichkeit, Ihr Unternehmen zu präsentieren und wertvolle Kundenbewertungen zu sammeln. Diese Bewertungen können direkt mit Ihrer Webseite verknüpft werden und in Form von Rich-Snippets in den Google-Suchergebnissen erscheinen, wodurch Ihre Sichtbarkeit deutlich erhöht wird.
Weitere Informationen und die kostenlose Registrierung für Google My Business finden Sie hier: Google my Business.
ProvenExpert: Mehr als nur ein kostenpflichtiger Anbieter
Neben Google gibt es spezialisierte Anbieter wie ProvenExpert, die sowohl kostenpflichtige als auch kostenfreie Pakete anbieten. Zwar ist das Free-Paket in seiner Funktionalität eingeschränkt, doch es kann dennoch eine sinnvolle Ergänzung sein, beispielsweise um bis zu 10 öffentlich sichtbare Bewertungen zu sammeln.
Ein gravierender Nachteil des Free-Pakets ist jedoch das Fehlen der Google-Sterne. Doch hier gibt es einen Trick, um diese Einschränkung zu umgehen.
So umgehen Sie die Einschränkungen des Free-Pakets von ProvenExpert
In diesem Beitrag konzentrieren wir uns auf das kostenfreie ProvenExpert-Paket und zeigen Ihnen, wie Sie die fehlenden Google-Sterne clever umgehen können. So wird das Free-Paket für viele Website-Betreiber deutlich attraktiver, und Sie können von den Vorteilen der Rich-Snippets profitieren, ohne direkt in ein kostenpflichtiges Paket investieren zu müssen.
Alles, was Sie dafür benötigen, ist eine Anmeldung bei ProvenExpert und die Integration des Google Tag Managers auf Ihrer Webseite. Mit dieser Kombination können Sie die fehlenden Google-Sterne überlisten und Ihre Bewertungen auch im kostenfreien Paket als Rich-Snippets darstellen.
Vorbereitung auf die Implementierung:
- ProvenExpert-Konto anlegen: Falls Sie noch kein ProvenExpert-Konto haben, empfehlen wir Ihnen, sich über unseren Affiliate-Link zu registrieren. So profitieren sowohl Sie als auch wir.
- Bewertungen sammeln: Starten Sie damit, Kundenbewertungen über ProvenExpert zu generieren. Für die Umsetzung mit dem Google Tag Manager benötigen Sie mindestens eine Bewertung. Tipp: Bitten Sie Ihre bestehenden Kunden höflich um eine Bewertung und senden Sie ihnen die Umfrage bequem per E-Mail.
- Google Tag Manager integrieren: Stellen Sie sicher, dass der Google Tag Manager bereits auf Ihrer Webseite eingerichtet ist. Falls Sie Unterstützung benötigen, stehen Ihnen unsere Experten gerne zur Seite.
Schritt-für-Schritt-Anleitung: So implementieren Sie Rich-Snippets mit dem Google Tag Manager
Nachdem Sie den Google Tag Manager und das Bewertungssiegel erfolgreich auf Ihrer Webseite installiert und die erste Bewertung erhalten haben, können wir mit der Implementierung der Google-Sterne beginnen.
Hinweis: Diese Anleitung bezieht sich auf das Bewertungssiegel von ProvenExpert, das am unteren Rand des Browsers installiert wurde. Die Vorgehensweise kann bei anderen Siegelvarianten wie Slidern, Empfehlungssiegeln oder Bewertungs-Widgets abweichen.
Rich-Snippets werden sowohl für Produkte als auch für Dienstleistungen verwendet. Sie beschreiben Produkte oder Dienstleistungen durch sogenannte Produkt-Properties. Eine vollständige Liste der möglichen Properties finden Sie hier: schema.org
In unserer Anleitung konzentrieren wir uns auf die wesentlichen Properties und verwenden nur die erforderlichen.
1. Ordner für Rich-Snippets im Google Tag Manager (GTM) erstellen
Um Rich-Snippets im Google Tag Manager (GTM) übersichtlich zu verwalten, sollten Sie einen speziellen Ordner erstellen. So behalten Sie die Übersicht, da Sie insgesamt zwei Variablen, einen Tag und einen Trigger anlegen werden.
Damit die Integration reibungslos funktioniert, sollten Sie die von uns empfohlenen Bezeichnungen für Variablen, Tags und Trigger verwenden.
So erstellen Sie einen Ordner in GTM:
- Öffnen Sie den Google Tag Manager und wählen Sie das gewünschte Konto sowie die zugehörige Containeransicht aus.
- Gehen Sie im linken Menü zu „Ordner“.
- Klicken Sie in der oberen rechten Ecke auf „Neuen Ordner erstellen“.
- Geben Sie dem Ordner einen aussagekräftigen Namen, z. B. „Rich-Snippets“.
- Speichern Sie den Ordner.
Nun können Sie die Variablen, den Tag und den Trigger in diesem Ordner ablegen, um die Struktur und Organisation Ihrer GTM-Container zu verbessern.
2. Variablen für ratingCount und ratingValue erstellen
Damit die Produkt-Snippets von Google akzeptiert werden, müssen entweder „Offers“, „Review“ oder „aggregateRating“ angegeben werden. In diesem Beispiel verwenden wir „aggregateRating“. Zur Implementierung benötigen wir zwei Variablen (ratingValue und ratingCount) sowie zwei Konstanten (bestRating und worstRating).
Variable für ratingCount erstellen:
- Klicken Sie im neu erstellten Ordner oben rechts auf die drei Punkte und wählen Sie „Neue Variable hinzufügen“.
- Geben Sie der Variable einen eindeutigen Namen, z. B. „rs_js_rating_count“.
- Wählen Sie als Variablentyp „Benutzerdefiniertes JavaScript“.
- Fügen Sie den folgenden JavaScript-Code in Ihre Variable ein.
- Klicken Sie auf „Speichern“.
function extractNumberFromElement() {
var element = document.querySelector('#ProvenExpert_widgetbar_container > div > div:nth-child(2) > a > div:nth-child(3)');
if (element) {
var textContent = element.textContent.trim();
var number = textContent.replace(/\D/g, '');
return number;
}
return null;
/*
Author: Ruslan Orlov
Email: info@adwort.de
Website: https://adwort.de/
Version: 1.0
Last Update: 04.09.2024
*/
}
Unser JavaScript-Code macht folgendes:
- Selektiert ein Element auf der Webseite, das durch den CSS-Selector #ProvenExpert_widgetbar_container > div > div:nth-child(2) > a > div:nth-child(3) identifiziert wird.
- Wenn das Element vorhanden ist, wird der Textinhalt extrahiert und von nicht-numerischen Zeichen befreit.
- Die verbleibende Zahl wird zurückgegeben. Bei Nichtfinden des Elements wird „null“ zurückgegeben.
Variable für ratingValue erstellen:
- Klicken Sie im Ordner erneut auf die drei Punkte und erstellen Sie eine weitere Variable.
- Geben Sie der neuen Variable einen passenden Namen, z. B. „rs_js_rating_value“.
- Wählen Sie als Variablentyp „Benutzerdefiniertes JavaScript“.
- Fügen Sie den folgenden JavaScript-Code in Ihre Variable ein.
- Klicken Sie auf „Speichern“.
function convertTextToNumber() {
var element = document.querySelector('#ProvenExpert_widgetbar_container > div > div:nth-child(2) > a > div:nth-child(5) > div:nth-child(2)');
if (element) {
var textContent = element.textContent.trim().toUpperCase();
var rating = 0;
switch (textContent) {
case 'SEHR GUT':
rating = 5;
break;
case 'GUT':
rating = 4;
break;
case 'ZUFRIEDENSTELLEND':
rating = 3;
break;
case 'AUSREICHEND':
rating = 2;
break;
case 'MANGELHAFT':
rating = 1;
break;
default:
rating = 0; // Standardwert, wenn kein passender Text gefunden wird
}
return rating;
}
return null;
/*
Author: Ruslan Orlov
Email: info@adwort.de
Website: https://adwort.de/
Version: 1.0
Last Update: 04.09.2024
*/
}
Dieser JavaScript-Code macht folgendes:
- Selektiert ein Element auf der Webseite anhand des CSS-Selectors #ProvenExpert_widgetbar_container > div > div:nth-child(2) > a > div:nth-child(5) > div:nth-child(2).
- Extrahiert und bereinigt den Textinhalt und wandelt ihn in Großbuchstaben um.
- Wandelt den Text in eine Zahl um, basierend auf einer switch-Anweisung.
- Gibt die entsprechende Zahl zurück. Bei fehlendem Element oder nicht zugeordnetem Text wird „null“ oder 0 zurückgegeben.
3. Tag für Rich-Snippets mit Produktbewertungen erstellen
Nachdem Sie die Variablen ratingValue und ratingCount erstellt haben, können Sie den Tag erstellen. Dieser wird im JSON-LD-Format erstellt.
So erstellen Sie einen Tag für Rich-Snippets:
- Klicken Sie im Rich-Snippets-Ordner auf die drei Punkte und dann auf „Neues Tag hinzufügen“.
- Vergeben Sie Ihrem Tag einen aussagekräftigen Namen, z. B. „rs_html_product_review“.
- Wählen Sie als Tag-Typ „Benutzerdefiniertes HTML“.
- Kopieren Sie das folgende Script in Ihren Tag:
- Wichtig: Ersetzen Sie die grünen Textpassagen unserer Platzhalter in description, name und image durch Ihre eigenen Informationen.
- Speichern Sie den Tag vorerst ohne Trigger.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "{{rs_js_rating_value}}",
"reviewCount": "{{rs_js_rating_count}}",
"bestRating": "5",
"worstRating": "1"
},
"description": "AdWort Marketing: Ihre Performance Marketing Agentur für Google Ads, Analytics, SEO, Tracking und Conversion-Optimierung.", //Platzhalter: Beschreibung
"name": "AdWort Marketing", //Platrzhalter: Firmenname
"image": "https://adwort.de/wp-content/uploads/2024/01/AdWort-Marketing-Logo-mit-Schriftzug-1.png" // Platzhalter: Firmenlogo
}
</script>
4. Trigger für den Tag erstellen
Jeder Tag benötigt einen Trigger zur Auslösung. In diesem Fall sollte der Trigger erst nach dem vollständigen Laden der Seite aktiv werden, um sicherzustellen, dass die JavaScript-Variablen ihre Aufgabe abgeschlossen haben. Daher empfehlen wir als Trigger-Typ „Fenster geladen“.
So erstellen Sie einen Trigger:
- Klicken Sie im Ordner auf die drei Punkte und wählen Sie „Neuen Trigger hinzufügen“.
- Geben Sie Ihrem Trigger einen sprechenden Namen, z. B. „rs_trigger_product_review“.
- Wählen Sie als Trigger-Typ „Seitenaufruf – Fenster geladen“.
- Klicken Sie auf „Speichern“.
Zum Schluss müssen Sie den Tag und den Trigger miteinander verbinden. Gehen Sie dazu zu den Tag-Einstellungen, fügen Sie den erstellten Trigger hinzu und speichern Sie die Änderungen.
5. Testing, Live-Gang und Qualitätssicherung
Nachdem Sie die beiden Variablen, den Tag und den Trigger erstellt und miteinander verknüpft haben, sollten Sie die Einstellungen vor dem Live-Gang im Vorschau-Modus des Google Tag Managers auf ihre Funktionalität testen.
So testen Sie im Vorschau-Modus:
- Klicken Sie im Google Tag Manager oben rechts auf „In Vorschau ansehen“.
- Kopieren Sie die URL Ihrer Webseite, fügen Sie sie in das Dialogfeld ein, und klicken Sie auf „Connect“.
- Nach der Verbindung im Vorschau-Modus erhalten Sie eine Übersicht der ausgeführten Events und Tags.
- Klicken Sie links in der „Summary“ auf das Event „Window Loaded“. Sie sollten den ausgelösten Tag „rs_tag_product_review“ sehen.
- Klicken Sie auf den Tag, und überprüfen Sie, ob bei den Variablen „ratingValue“ und „reviewCount“ die entsprechenden Bewertungszahlen angezeigt werden.
Live-Gang des GTM-Containers und Qualitätssicherung:
- Wenn die vorherigen Schritte erfolgreich abgeschlossen wurden, können Sie die Änderungen mit einem Klick auf „Senden“ veröffentlichen.
- Nach der Veröffentlichung empfehlen wir eine Qualitätssicherung mit einem Tool zur Prüfung von Rich-Suchergebnissen. Besuchen Sie dafür den folgenden Link, geben Sie Ihre URL in das Textfeld ein und klicken Sie auf „URL testen“.
- Wenn die Anleitung korrekt befolgt wurde, sollten Sie eine Erfolgsmeldung in Form von grünen Häkchen sehen.
- Andernfalls erhalten Sie Hinweise darauf, was bei der Implementierung korrigiert werden muss.
Fazit:
Die Integration von Google-Sternen mittels Rich-Snippets über den Google Tag Manager kann die Sichtbarkeit und Attraktivität Ihrer Website in den Suchergebnissen erheblich steigern.
Durch die präzise Einrichtung von Variablen, Tags und Triggern sowie sorgfältige Tests im Vorschau-Modus stellen Sie sicher, dass die Sterne korrekt dargestellt werden. Nach dem erfolgreichen Live-Gang empfiehlt es sich, eine abschließende Qualitätssicherung vorzunehmen, um sicherzustellen, dass alle Implementierungen wie gewünscht funktionieren.
Mit dieser Anleitung haben Sie alle notwendigen Schritte an der Hand, um die Vorteile von Rich-Snippets optimal zu nutzen und Ihre Webseite erfolgreich aufzuwerten.
Falls Sie Unterstützung bei der Umsetzung benötigen, vereinbaren Sie gerne einen kostenlosen Beratungstermin mit unseren Experten.
