So binden Sie Vorschaubilder auf Ihren Webseiten ein
Vorschaubilder bzw. “Thumbnails” in Google Suchergebnissen (SERP) wecken bei Nutzern Interesse, da sie vor allem den visuellen Reiz ansprechen. Ergebnisse bzw. Links mit Vorschaubildern werden von Nutzern also eher wahrgenommen und regen auch eher zu einem Klick an. Zudem setzen Sie Ihre Website gegenüber anderen Ergebnissen ab und erhöhen so das Potenzial, die Sichtbarkeit Ihrer Website zu steigern.
Vorschaubilder oder auch Thumbnails genannt, können von Google entweder als Einzel- oder Multi-Bilder in der Suche angezeigt werden. Die sogenannten Multi Image Thumbnails können vor allem im E-Commerce Bereich, aber auch für andere Branchen von Vorteil sein und sollten deshalb nicht vernachlässigt werden.
Diese Vorteile bieten die Miniaturansichten in den Suchergebnissen
- Mehr Klicks für Ihre Website
Durch die visuelle Unterstützung der Vorschaubilder ziehen Sie die Aufmerksamkeit auf Ihre Website und erhöhen so die Wahrscheinlichkeit, dass Nutzer auf Ihr Snippet klicken. - Erhöhte Sichtbarkeit und Markenbekanntheit
Durch die höheren Klickraten und das dadurch resultierende Engagement steigern Sie gleichzeitig auch Ihr SEO-Ranking. Außerdem sorgen Sie durch richtig gewählte Bilder für eine konsistente Markenwahrnehmung und fördern somit Ihre Markenbekanntheit. - Verbesserte Sichtbarkeit auf Social Media
Die Vorschaubilder können nicht nur in den Google Suchergebnissen, sondern auch für Social Media genutzt werden. Wenn Sie oder Ihre Nutzer also eine Seite mit Vorschaubild über einen Ihrer Kanäle teilen, kann auch dort die gleiche Vorschau angezeigt werden. - Abhebung von Ihren Mitbewerbern
Vorschaubilder können Ihnen dabei helfen, sich von anderen Suchergebnissen zu unterscheiden. Dadurch heben Sie sich auch von der Konkurrenz ab. - Bessere Nutzererfahrung
Durch Bilder bieten Sie Ihren Nutzern direkt einen ersten Eindruck von dem, was sie nach dem Klick erwarten können. Dies kann dazu beitragen, dass sie schneller finden, wonach sie suchen. Vorschaubilder tragen somit direkt zu einer positiven Nutzererfahrung bei und reduzieren Absprungraten.
Wie richte ich Vorschaubilder für Google ein?
Wenn Sie zu Ihrem Suchergebnis bzw. Snippet in den Google Suchergebnissen ein Vorschaubild anzeigen möchten, gibt es dafür tatsächlich mehrere Wege. Google selbst schlägt hierfür zwei Möglichkeiten vor:
- Bilder über einen Meta-Tag (“thumbnail”) auf der jeweiligen Webseite einbinden oder
- im Meta-Bereich der jeweiligen Website einen ganzen Codeblock “PageMap” einbinden.
“thumbnail” über Meta-Tag einbinden
Fügen Sie hierbei einfach im < head > Ihrer HTML-Seite den folgenden Meta-Tag ein:
< meta name=”thumbnail” content=”http://beispielbild/my-image.jpg” />
Voraussetzung ist natürlich, dass Redakteure, die maßgeblich für die Aufbereitung und Optimierung von Webseiten verantwortlich sind, hierauf auch Zugriff haben. Wenn nicht, sprechen Sie dazu Ihre Webentwickler an! Entweder nutzen Sie hierfür Plugins oder Module innerhalb Ihres CMS bzw. Online-Shops oder legen Bilder zentral je Seite hierfür fest und lassen diese dann im HTML-Code ausgeben.
Einbindung von Vorschaubildern über PageMap
Auch über einen Codeblock lassen sich Thumbnails einfach einbinden. Dafür gibt es die sogenannten PageMaps. Dabei handelt es sich um ein Format von Google, um strukturierte Daten auf Websites einbinden zu können. So können Sie zum Beispiel auch sogenannte Aktionen und benutzerdefinierte Attribute zu Ihrem Stippet hinzufügen. Dazu zählen unter anderem auch Vorschaubilder für die Google Suche.
Bei der Verwendung einer PageMap können Sie im < head > Ihrer HTML-Seite ganz einfach einen Code Block einfügen, um die Thumbnails einzubinden. Hier finden Sie weitere Informationen zu Vorschaubildern, Page Maps und Meta-Tags.
Open Graph Tag “og:image” für Vorschaubilder
Eine weitere Möglichkeit, Vorschaubilder anzubieten – im Besonderen für soziale Netzwerke wie Facebook ist die Integration der sogenannten Open Graph Tags.
Hierfür müssen ebenfalls Elemente im Header – also im HTML-Quelltext einer Seite – eingebunden werden. Das vollständige Markup enthält dann auch Title, Description sowie eben das Vorschaubild und wird dann für die Anzeige im Social Graph verwendet. Das Open Graph Protocol wird nicht nur von Facebook, sondern auch von Twitter unterstützt.
Ein weiterer Vorteil von Open Graph Tags: Wenn Links auf die Website in sozialen Netzwerken geteilt werden, wird automatisch eine optimale Vorschau inkl. Vorschaubild generiert.
Über viele bekannte CMS, wie z.B. WordPress werden Open Graph Tags ganz einfach über Plugins erstellt bzw. auf Webseiten eingebunden.
Über Schema Markup Vorschaubilder einbinden
Schema-Markup erhöht nachweislich die Sichtbarkeit Ihrer Website in den Suchmaschinenergebnisseiten (SERPs) und steigert die Klickraten. Bei diesen Daten handelt es sich um strukturierte Daten, die (meist) im nicht sichtbaren Bereich einer Website entweder als HTML- oder im JSON-Format eingebunden sind. Aus diesen Daten generieren Suchmaschinen wie Google, Bing & Co. die sogenannten Snippets in den Suchergebnissen (SERPs). Hier geht es also um mehr als nur die Vorschaubilder.
Welches Markup wird von Google unterstützt? Eine Liste an strukturierten Daten stellt Google auf der Seite “Markup für strukturierte Daten, das von der Google Suche unterstützt wird” zur Verfügung.
Um zu prüfen, ob Ihre Seite bereits Rich-Suchergebnisse unterstützt bzw. beinhaltet, stellt Google ein Rich-Snippets-Testtool zur Verfügung. Hier können Sie Ihr Markup testen und eventuelle Fehler identifizieren.
Die von uns erstellen Blog-Artikel hier auf unserer Website werden alle als strukturierte Daten für Artikel (Article, NewsArticle, BlogPosting) ausgezeichnet.
Welche gestalterischen Anforderungen für Vorschaubilder bei Google gibt es?
Es ist ratsam, eine quadratische Form für das Vorschaubild zu wählen. Google könnte unter Umständen ein nicht quadratisches Bild falsch zuschneiden und der Bildinhalt könnte im mobilen Snippet unvorteilhaft angezeigt werden.
Komplexe oder kleinteilige Darstellungen auf dem Bild sollten auch vermieden werden. Daher sollte sichergestellt werden, dass sich das Bild gut auf kleine Größen skalieren lässt. Google zeigt das Bild mit einer Breite von etwas mehr als 100 Pixel an.
Logisch sollte das Bild auch das Thema bzw. den Inhalt hinter dem Link wiedergeben. Ideal ist hier ein Eyecatcher oder eben eine einfache Abbildung eines Produkts.
Sehen Sie sich auch die Best Practices für die Suchmaschinenoptimierung für Google Bilder an! Diese enthalten weitere viele nützliche Informationen, wie Sie Bilder für ein besseres Ranking in den Google Suchergebnissen erreichen.
Unser Fazit zu Vorschaubilder bei Google
Insgesamt bietet die Nutzung von Vorschauen für die Google Suche vielerlei Vorteile und hebt Ihr Suchergebnis von anderen ab. Einmal richtig auf Ihrer Website eingebunden und redaktionell gepflegt, schaffen Sie echte Mehrwerte für SEO – mehr Klicks und weniger Absprünge.
Ganz besonders relevant sind Vorschaubilder natürlich auch im E-Commerce. Bei vielen Shopsystemen wie z.B. Shopify oder woocommerce werden Daten bereits den Produktseiten hinzugefügt. Damit kann Google detaillierte Produktinformationen inkl. Vorschaubild als “Rich-Results” in der Google-Suche anzeigen.
Prüfen Sie in regelmäßigen Abständen Ihre Seiten auf die korrekte Einbindung bzw. Sichtbarkeit bei Google! Am einfachsten funktioniert das über die Google Search Console.
Und noch erwähnt: Google garantiert nicht, dass Vorschaubilder auch tatsächlich in den Suchergebnissen angezeigt werden. Hier experimentiert und optimiert Google noch immer. Aber die Chancen, dass Vorschaubilder als Image Thumbnail bei den mobilen Snippets angezeigt werden, sind groß.
Voraussetzung ist in jedem Fall immer auch, dass alle Bilder suchmaschinenoptimiert sind (Titel des Bildes, Alt-Texte, Dateiname des Bildes, bildumgebender Text).
Hier ein weiterer Artikel zum Thema GOOGLE THUMBNAILS
