In Shopify können Sie Bilder zu Ihren Produktvarianten hinzufügen, um Ihren Kunden zu zeigen, wie jede Variante eines Produkts aussieht. Aufgrund der Regulierung durch Shopify können Sie jedoch nur ein Bild einer Variante zuordnen. Die Frage ist also: Wie können mehrere Bilder einer Variante zugeordnet werden?
In Be Yours gibt es eine Antwort, in der man bestimmte Bilder für eine Optionsvariante angeben kann . Diese Funktion eignet sich besonders für die Farboption, Sie können sie jedoch auch für andere gewünschte Zwecke verwenden.
Auf dieser Seite
- Anforderungen
- Wähle eine Option
- Bearbeiten Sie den ALT-Tag der Bilder
- Legen Sie meinen eigenen Alternativtext fest (oder behalten Sie ihn bei).
Anforderungen
- Be Yours 4.0.0 oder höher
Sie müssen die Option deaktivieren , mit der die Medien anderer Varianten ausgeblendet werden, nachdem Sie eine Variante ausgewählt haben . Diese Option ist mit dem nativen Shopify-Verhalten kompatibel – es wird nur ein Bild einer Variante zugeordnet.
In Be Yours ist diese Option in den folgenden Abschnitten verfügbar:
- Abschnitt „Empfohlene Produkte“.
- Produktinformationsbereich (auf Produktseiten)
- Produktinformationsbereich (auf Produktmodal)
Wählen Sie eine gewünschte Option
Schauen Sie sich Ihr Produkt in Ihrem Admin an und wählen Sie eine Option aus, mit der Sie Ihre Bilder klassifizieren möchten. Im folgenden Beispiel habe ich mich für Farbe entschieden. Mein Produkt ist in den Farben Schwarz , Grün und Pink erhältlich und ich möchte die entsprechenden Bilder nur anzeigen, wenn ein Benutzer eine Variante auswählt.
Bearbeiten Sie den ALT-Tag der Bilder
Sie müssen das Alt-Tag bearbeiten, um die Variante anzugeben, zu der das Bild gehört:
- Bewegen Sie den Mauszeiger über das Bild und klicken Sie auf die Schaltfläche mit den sechs Punkten, um die Bildinformationen zu öffnen
- Klicken Sie auf Alternativtext hinzufügen
- Verwenden Sie den von Ihnen gewählten Optionsnamen in Kombination mit dem Variantennamen . Die Syntax ist hier sehr wichtig und muss in der folgenden Reihenfolge vorliegen:
#
(Hashtag-Zeichen)
option name
(Kleinbuchstaben)
_
(Unterstrichzeichen)
variant-name
(Kleinbuchstaben, alle Leerzeichen durch Bindestriche ersetzen)#color_black
lauten - Klicken Sie auf Alternativtext speichern , um die Änderungen zu speichern
- Führen Sie den gleichen Vorgang für andere Bilder durch
Legen Sie meinen eigenen Alternativtext fest (oder behalten Sie ihn bei).
Was ist, wenn ich meinen eigenen Alt für SEO-Zwecke festlegen (oder behalten) möchte? Fügen Sie einfach vor dem # -Zeichen etwas in das Alt-Feld ein, etwa so:
Wir wissen, dass den meisten Kunden SEO am Herzen liegt, und Sie können Ihre SEO-Effizienz verbessern, indem Sie allen Bildern Alt-Tags gemäß den obigen Anweisungen hinzufügen.
SEO: Image Optimizer Page Speed von AVADA ist eine sehr empfehlenswerte App für Bild-SEO, die Ihnen hilft, Ihre Konkurrenten in den Suchergebnissen zu übertreffen. Diese App nutzt Ihre SEO auf einfache Weise durch Automatisierung durch:
- Optimieren von Bild-ALT/Meta-Tags/JSON-LD, um für die Google-Suche geeignet zu sein.
- Optimieren Sie die Bildgröße ohne Qualitätsverlust, um Ihre Website zu beschleunigen.
>> Erfahren Sie noch heute mehr über SEO: Image Optimizer Page Speed !
Share:
So richten Sie Farbfelder in Be Yours 7.1.0 oder höher ein
Nutzen Sie Ihre Anpassung, indem Sie dynamische Quellen und Metafelder verwenden