Shopify SEO · Produkterkennung
Shopify Meta Object Lookbook Image SEO Checkliste für die Produkterkennung
So machen Sie Ihre Lookbook-Bilder mit Shopify-Metaobjekten besser erkennbar. Es fasst beschreibende Alternativtexte und Dateinamen, serverseitiges Rendering, crawlbare „Produkt anzeigen“-Links, Metadaten von Metaobjektseiten, strukturierte Daten für Bilder, häufige Fehler und einen Messplan zusammen.
Hauptpunkte
Mit Shopify-Metaobjekten erstellte Lookbooks unterstützen die Produkterkennung nur dann, wenn Bilder als erkennbare Inhalte gerendert werden. Sie benötigen einen beschreibenden Alternativtext mit dem Produktnamen, einen beschreibenden Dateinamen vor dem Hochladen, einen crawlbaren „Produkt anzeigen“-Link von jedem Look zur Produktseite und serverseitig gerendertes Markup, damit Crawler es sehen können. Ein Metaobjekt ist nur ein Container, und die Anordnung der Bilder und Links sind die Signale.
Metaobjekt-Lookbook und wo SEO-Lecks auftreten
Das Metaobjekt von Shopify ist eine benutzerdefinierte Inhaltsstruktur, die für Lookbooks geeignet ist und bei der jeder Look ein Bild, eine Beschreibung und eine Produktliste enthalten kann. Das Problem besteht darin, dass SEO-Signale in den Details stecken, die oft übersehen werden. Der Alternativtext und der Dateiname jedes Bildes, ob das Produkt verlinkt ist und ob sie im HTML enthalten sind, das der Crawler liest. Metaobjektbilder werden als normale Bilder gerendert, daher gelten die Bildrichtlinien von Google genauso wie Produktfotos.
Shopify Metaobjects · Google Images SEO · Google Crawlable Links
Crawlbare „Produkt anzeigen“-Links sind die Erkennungsmaschine
Was ein dekoratives Lookbook von einem Entdeckungsort unterscheidet, ist, ob jeder Look über einen tatsächlichen Anker (ein a-Element mit einem href) mit dem Produkt verknüpft ist. Google folgt nur Links, die es crawlen kann. Hotspots mit nur Klick-Handlern werden nicht gecrawlt und geben keinen Erkennungswert weiter. Stellen Sie in Ihrem Metaobjekt ein Produktreferenzfeld bereit, damit die Vorlage Links zeichnen und beschreibende Ankertexte und Alternativen schreiben kann, die den Produktnamen enthalten.
SEO-Checkliste für Lookbook-Bilder
Jede Zeile ist ein Element, das jeweils in den Metaobjektprüfungen angezeigt wird. Der erste Gegenstand ist am wahrscheinlichsten, dass er verloren geht.
| Element | Empfohlen | vermeiden |
|---|---|---|
| Sehen Sie sich den Alternativtext des Bildes an | Beschreiben Sie die Szene und geben Sie den Namen des gezeigten Produkts an | Alt leeren/Dateinamen automatisch wiederverwenden |
| Name der Bilddatei | Linen-Blazer-tan-trouser-studio-lookbook.webp | IMG_4821.JPG wie abgebildet |
| Link „Produkt ansehen“. | Ein tatsächlicher href-Link zu jeder Produktseite | Flache Bilder ohne Links/nur JS-Hotspots |
| serverseitiges Markup | Vom Server erstelltes Bild, einschließlich Breite, Höhe und Links | Client-Zeichnung nur über die Storefront-API |
| Metadaten der Metaobjektseite | Beschreibender Titel/Meta-Beschreibung/Selbstreferenz kanonisch | Standardtitel des Themes/keine Beschreibung |
| Bildgröße und -format | Geben Sie Breite und Höhe für .webp in der entsprechenden Größe an | Riesiges Originalbild mit unbestimmter Breite und Höhe |
Produktionsablauf
- Entwerfen Sie Lookbook-Metaobjekte (Titel, Look-Image-Dateifeld, Beschreibung, Produktreferenzfeld).
- Geben Sie jedem Bild einen beschreibenden Dateinamen und Alternativtext, bevor Sie es dem Metaobjekt hinzufügen.
- Das Produktreferenzfeld verknüpft jeden Look mit dem aufgelisteten Produkt, sodass die Vorlage den Link zeichnen kann.
- Ausgabe als vom Server gezeichnetes Bild mit angegebener Breite und Höhe und Zeichnen des tatsächlichen Href-Links zu jeder Produktseite. Stellen Sie sicher, dass Markup vorhanden ist, bevor JavaScript ausgeführt wird.
- Geben Sie Ihrem Lookbook eine einzigartige crawlbare URL, legen Sie einen Titel, eine Meta-Beschreibung und eine kanonische Selbstreferenz fest und fügen Sie es in Ihre Navigation und Sitemap ein.
häufige Fehler
- Kombinieren Sie mehrere Produkte in einem Bild und stellen Sie keine Links bereit.
- alt ist leer oder es wird ein Dateiname verwendet.
- Verwenden Sie eine Headless-Konfiguration nur für Client-Zeichnungen.
- Verwenden Sie reine JS-Hotspots anstelle tatsächlicher Links.
- Die Lookbook-URL verfügt über keine Metadaten oder Sitemap-Registrierung.
- Denken Sie, dass Metaobjekte eine magische SEO-Funktion sind.
FAQ
Helfen die Metaobjekte von Shopify allein bei der Suchmaschinenoptimierung?
Von alleine funktioniert es nicht. Metaobjekte sind Inhaltsstrukturen und ihre Wirkung ergibt sich aus der Art und Weise, wie ihre Inhalte gezeichnet werden. Lookbooks tragen zum Ranking und zur Entdeckung bei, wenn Bilder beschreibende Alternativen und Dateinamen haben, der Link „Produkte anzeigen“ ein tatsächlich crawlbarer Anker ist und vollständig serverseitig gerendert wird.
Wo finde ich Alternativtext für Lookbook-Bilder?
Dies ist das Bild selbst auf Shopify und das, was das Theme beim Rendern des Dateifelds des Metaobjekts ausgibt. Legen Sie vor oder während des Hochladens ein beschreibendes Alt fest, damit die Vorlage dieses Alt zeichnet, anstatt es leer zu lassen. Beschreiben Sie ähnlich wie bei Produktfoto-Alternativen die Szene und geben Sie den Produktnamen an.
Kann ein Metaobjekt-Lookbook eine eigene URL haben?
Ja. Durch die Aktivierung des Storefront-Zugriffs und die Bereitstellung einer entsprechenden Theme-Vorlage kann Shopify qualifizierten Metaobjekteinträgen eine eigene Seite geben. Sobald Sie eine URL haben, behandeln Sie sie als indexierbare Seite mit einem Titel, einer Meta-Beschreibung, selbstreferenzierenden kanonischen Elementen, internen Links und einer Sitemap-Registrierung. Die neuesten Anweisungen finden Sie im Shopify-Hilfecenter.
Generieren Sie die Lifestyle-Fotos, die Sie für Ihr Lookbook benötigen
Ein Lookbook benötigt für jeden Look gestaltete Bilder. Prodofoto kann aus einem einzigen Produktfoto mehrere Shopify-Lifestyle-Bilder generieren, sodass Sie Ihr Metaobjekt-Lookbook mit beschreibenden, gut benannten Bildern füllen können, ohne ein Shooting buchen zu müssen.
Installieren Sie Prodofoto auf Shopify