Das max-image-preview Meta-Tag ist eine spezifische Roboteranweisung, die Google die maximale Bildgröße signalisiert, die für Ihre Seitenvorschauen in Google Discover verfügbar ist. Indem Sie dieses Tag zu Ihrer Website hinzufügen, erteilen Sie Google die Erlaubnis, größere, ansprechendere Bilder anzuzeigen, anstatt standardmäßig kleinere Thumbnails zu verwenden. Diese einfache Codezeile ist ein direkter Weg, um zu beeinflussen, wie Ihre Inhalte Millionen von Nutzern in ihren persönlichen Feeds angezeigt werden.
Wie funktioniert das max-image-preview-Tag in der Suche?
Google Discover arbeitet nach einem Prinzip, bei dem Visuals an erster Stelle stehen, und priorisiert Inhalte, die dem Nutzer sofort ins Auge springen. Das max-image-preview-Tag fungiert als klares Signal und teilt dem Crawler genau mit, welche Bildabmessungen zur Verwendung zur Verfügung stehen. Wenn dieses Tag fehlt, trifft Google eine automatisierte Entscheidung basierend auf vorhandenen visuellen Assets, was für Ihre spezifische Marke nicht immer zum visuell ansprechendsten Layout führt.
Beispielsweise wird ein Nachrichtenartikel oder eine Produkt-Feature-Seite, der bzw. die dieses Tag nicht hat, möglicherweise nur durch ein kleines, zugeschnittenes Thumbnail repräsentiert. Dies kann den Inhalt in einem Feed voller hochauflösender Bilder weniger relevant oder weniger dringlich erscheinen lassen. Indem Sie den Wert explizit auf ‘large’ setzen, stellen Sie sicher, dass Ihr Hauptbild für den maximal verfügbaren Platz in der Discover-Oberfläche berechtigt ist, was dazu beiträgt, dass sich Ihre Inhalte von Mitbewerbern abheben.
Was sind die spezifischen Einstellungen, die für dieses Tag verfügbar sind?
Sie haben drei klare Optionen beim Konfigurieren dieses Tags, von denen jede das Verhalten des Crawlers auf unterschiedliche Weise diktiert. Das Verständnis dieser Werte ist wichtig, um versehentliche Einschränkungen des Anzeigepotenzials Ihrer Inhalte zu vermeiden.
- none: Diese Einstellung verhindert, dass Google überhaupt Bildvorschauen für die Seite anzeigt, was für Content-Seiten selten gewünscht ist.
- standard: Dies ermöglicht eine normal große Bildvorschau, was oft das Standardverhalten ist, wenn kein Tag vorhanden ist.
- large: Dies teilt Google mit, dass Sie qualitativ hochwertige, große Bilder zur Verfügung haben, und fördert die Anzeige des größtmöglichen Vorschaustisformats bis zur Breite des Viewports.
Die Auswahl der Einstellung ‘large’ ist die gängigste Wahl für Publisher und E-Commerce-Marken, die das Engagement maximieren möchten. Sie zwingt Google nicht dazu, ein großes Bild zu verwenden, wenn keines verfügbar ist, aber sie entfernt die künstliche Barriere, die verhindern könnte, dass ein perfekt gutes Bild im großen Stil gezeigt wird.
So implementieren Sie das Tag in Ihrem HTML-Header
Die Implementierung ist ein unkomplizierter Prozess, bei dem eine einzelne Codezeile zum Head-Bereich Ihres HTML-Dokuments hinzugefügt wird. Sie müssen Ihre Datenbank nicht modifizieren oder ändern, wie Bilder auf Ihren Server hochgeladen werden; Sie müssen lediglich sicherstellen, dass die Anweisung für den Crawler sichtbar ist, wenn er Ihre Seitenquelle abruft.
Um dies zu implementieren, fügen Sie das folgende Tag in Ihr Website-Template ein:
Wenn Sie ein CMS verwenden, überprüfen Sie Ihre Plugin-Einstellungen oder die Header-Datei Ihres Themes. Viele Plattformen ermöglichen es Ihnen, benutzerdefinierte Meta-Tags hinzuzufügen, ohne den Kerncode zu berühren. Wenn Sie einen Custom Build verwenden, verifizieren Sie, dass dieses Tag in der rohen HTML-Ausgabe Ihrer Seiten erscheint. Ein schneller Weg zur Überprüfung besteht darin, den Quellcode Ihrer Seite in einem Browser anzuzeigen und nach der Zeichenkette ‘max-image-preview’ zu suchen.
Wie Alien Road dies in unseren Projekten anwendet
Bei Alien Road beginnt unser technischer Audit-Prozess mit einer vollständigen Überprüfung des Dokument-Heads. Wir behandeln Meta-Tags als kritische Infrastruktur, die unsere breitere Suchstrategie unterstützt. Für einen typischen Kunden priorisieren wir dieses Tag, da es minimalen Aufwand erfordert, aber sofortige Vorteile bei der Art und Weise bietet, wie Inhalte von Googles automatisierten Systemen interpretiert werden.
Wenn wir an einer Kundenseite arbeiten, befolgen wir ein Standardverfahren, um Konsistenz über alle Templates hinweg sicherzustellen:
- Überprüfen Sie die aktuelle Header-Konfiguration über Desktop- und Mobil-Templates hinweg.
- Stellen Sie sicher, dass die Website hochwertige Bilder bereitstellt, die die Mindestbreitenanforderung von 1200 px für große Vorschauen erfüllen.
- Implementieren Sie das Tag global auf allen indizierbaren Seiten, um ein einheitliches Verhalten sicherzustellen.
- Überwachen Sie den Leistungsbericht in der Google Search Console, um Änderungen bei den Impressionen aus Discover zu verfolgen.
Wir stellen oft fest, dass Kunden große, schöne Bilder haben, die in Discover nie angezeigt werden, da der Website die richtigen Anweisungen fehlten. Indem wir einfach das Tag hinzufügen, sehen wir oft eine Veränderung darin, wie die Inhalte im Feed präsentiert werden, was sich positiv auf das Nutzerinteresse auswirken kann. Wir hören nicht bei der Implementierung auf; wir leiten auch das Kreativteam an, um sicherzustellen, dass Bilder relevante Alt-Texte und einen klaren Fokus haben.
Meta-Tags sind HTML-Tags, die verwendet werden, um Suchmaschinen und anderen Clients zusätzliche Informationen über eine Seite zur Verfügung zu stellen.
Google Search Central
Warum ist die Bildgrößengrenze für Ihre Marke wichtig?
Visuelle Assets fungieren als der Haken für Ihre Inhalte in einer Feed-basierten Umgebung. Wenn Ihr Bild zu klein ist oder die Richtlinien für eine große Vorschau nicht erfüllt, wird Ihr Inhalt im Feed nach unten gedrückt. Nutzer klicken eher auf einen Artikel, der ein knackiges, hochauflösendes Bild aufweist, das die volle Breite ihres Mobilbildschirms einnimmt.
Darüber hinaus stellt die Einstellung ‘large’ sicher, dass Ihre Inhalte für moderne Displays mit hoher Pixeldichte optimiert sind. Wenn Sie ein Bild mit niedriger Auflösung ausliefern, kann das visuelle Ergebnis selbst dann verschwommen oder verzerrt sein, wenn das Tag auf ‘large’ gesetzt ist. Aus diesem Grund bestehen wir auf Qualitätskontrolle neben der technischen Konfiguration; das Tag erlaubt es, dass das Bild angezeigt wird, aber das Asset selbst muss von hoher Qualität sein, um die Aufmerksamkeit des Nutzers zu halten.
Wo Sie diese Woche anfangen sollten
Beginnen Sie mit der Prüfung Ihrer wichtigsten Landingpages, um zu sehen, ob das max-image-preview-Tag derzeit vorhanden ist. Wenn Sie feststellen, dass es fehlt, arbeiten Sie mit Ihrem Entwicklungsteam zusammen, um den Wert ‘large’ zu Ihrem globalen Header-Template hinzuzufügen. Überprüfen Sie nach dem Deployment Ihre Bildrichtlinien, um sicherzustellen, dass Ihre Website Bilder ausliefert, die mindestens 1200 Pixel breit sind, um diese Einstellung voll auszunutzen.
Behalten Sie nach dem Update Ihre Analysen im Auge, um zu sehen, ob es irgendeine Bewegung in Ihrer Discover-Performance gibt. Denken Sie daran, dass Änderungen in der Suche nicht sofort stattfinden, geben Sie dem Crawler also Zeit, Ihre Seiten erneut zu besuchen und die neuen Anweisungen zu erkennen. Wenn Sie auf Schwierigkeiten stoßen, überprüfen Sie Ihre CMS-Dokumentation auf eine eingebaute SEO-Einstellung, die dies möglicherweise automatisch verwaltet.