Hjälp kunder och sökmotorer att förstå dina bilder, och kontrollera samtidigt att bilderna laddas snabbt och korrekt.
Guiden gäller bildarbete i Go, Plus och Pro. Hur bilder levereras och visas beror på aktivt tema, bildkomponent och bildtjänst. Automatisk bildoptimering ersätter inte bra original, beskrivande text och en kontroll av den verkliga sidan.
Välj ett lämpligt original
Använd en tydlig bild i en storlek som passar den plats där den ska visas. Undvik att ladda upp en mycket stor fil när motivet inte behöver den upplösningen. JPEG passar ofta fotografier, PNG kan behövas för transparens och GIF för befintliga animationer. Kontrollera vilka format just uppladdningsfältet accepterar; formatstödet kan skilja mellan olika bildfält.
Skriv begriplig text till bilden
Använd ett beskrivande filnamn och fyll i en relevant bildbeskrivning eller alternativtext där fältet finns. Beskriv motivet och det som är viktigt för produktvalet, exempelvis färg eller detalj. Undvik en lista med sökord. En dekorativ bild och en produktbild har olika syften; alternativtext ska hjälpa den som inte ser bilden.
Förstå automatisk bildleverans
Butikens bildlösning kan leverera anpassade storlekar och format, exempelvis WebP eller AVIF. Det betyder inte att varje uppladdad bild alltid konverteras till ett bestämt format eller att alla teman använder samma optimering. Bedöm den bild som faktiskt laddas på sidan, inte bara originalfilens filändelse.
Bildkomponenten kan också välja olika bildstorlekar för olika skärmar och ladda bilder längre ned på sidan senare. Lägg inte till ett separat skript som optimerar samma bilder utan att kontrollera att det fungerar med temat. Dubbla lösningar kan försämra visning och laddning.
Kontrollera resultat och felsök
Öppna en verklig produkt- eller innehållssida på mobil och dator. Kontrollera skärpa, beskärning och att alla bilder laddas.
Kontrollera att produkten och bilden är åtkomliga för besökare och att rätt bild är kopplad till produkten. En trasig eller privat bild blir inte sökbar genom att du lägger till sökord.
Om en ändring saknas, kontrollera rätt butik, språk och sparad produkt. Ladda därefter om sidan och undersök bildadressen vid kvarstående fel.
Mät en representativ sida om du vill bedöma laddning eller layoutförskjutningar. Ett annat bildformat garanterar inte ett visst Core Web Vitals-resultat eller en viss placering hos Google.
Snabbstart
Välj en tydlig, rimligt stor originalbild.
Fyll i en relevant bildbeskrivning.
Kontrollera bildens faktiska visning och laddning.
Mät sidan innan du tillskriver optimeringen ett resultat.
Bildarbete finns i Go, Plus och Pro. Temats och bildfältets faktiska stöd avgör vilka optimeringar och textfält som är tillgängliga.
