Öppna grafdata

Vad är Open Graph?

Open Graph är ett protokoll som utvecklades av Facebook (Meta) 2010 och som låter dig bestämma hur ditt innehåll ska visas när det delas på sociala medier. Utan Open Graph-taggar väljer plattformarna vilken titel, beskrivning och bild de visar och resultatet är ofta felaktigt eller oattraktivt.

Med rätt OG-taggar kan du styra vilken titel, beskrivning och bild som visas i förhandsgranskningskortet när någon delar en länk till din webbutik.

De viktigaste OG-taggarna

Här är de taggar som har störst betydelse för din webbutik:

• and:title, den titel som visas i delningen. Bör vara kort, exakt och fängslande (vanligtvis 40-60 tecken).
• and:description, beskrivningen under titeln. Ska sammanfatta innehållet på ett övertygande sätt (typiskt 100-160 tecken).
• and:image, den bild som visas i förhandsgranskningskortet. Den viktigaste taggen, eftersom bilder är det första som ögat fångar.
• and:url, den kanoniska URL:en för sidan. Säkerställer att alla aktier pekar på rätt sida.
• and:type, typ av innehåll. För produktsidor används "product", annars "website".
• and:site_name, namnet på din webbshop.
• and:locale, språket (t.ex. "da_DK" för danska).

Öppna grafen i Shoporama

Shoporama genererar automatiskt de grundläggande Open Graph-taggarna för alla sidor:

• Produktsidor: and:title, and:description och and:image (främst produktbild). and:type är vanligtvis inställd på "product".
• Kategorier och landningssidor: Titel, beskrivning och eventuellt kategoribild.
• Statiska sidor: Titel och beskrivning från sidans metadata.

Du kan åsidosätta de automatiska värdena genom att ställa in metatitel och beskrivning individuellt för produkter, kategorier och sidor.

Produktspecifika OG-taggar beror på tema

De utökade produkttaggarna (product:price:amount, product:price:currency, etc.) är inte en del av Shoporamas kärnplattform. De finns i vissa av de medföljande temana (t.ex. Delaware/DelawareDK) där de läggs till via temats mallar. Andra teman distribuerar dem inte nödvändigtvis automatiskt.

Om du behöver specifika produkttaggar kan du kontrollera temats mall (vanligtvis i partials/schema.product.html eller liknande) eller lägga till dem själv. För strukturerad data om produkter (pris, lager, varumärke etc.) använder Shoporama också JSON-LD automatiskt, vilket Google föredrar framför OG-produkttaggar.

Bilder för OG-taggar

Bilden är det viktigaste elementet i en social delning. Här är riktlinjerna:

• Storlek: Rekommenderad 1200×630 pixlar (1,91:1-förhållande). Bilder under 600×315 visas som en liten miniatyrbild istället för en stor karta.
• Format: JPG eller PNG. Håll filstorleken under 8 MB.
• Innehåll: Använd produktbilder av god kvalitet. Undvik för mycket text i bilden, Facebook kan dölja delningar med för mycket text.

Testa dina OG-taggar

Använd dessa verktyg för att testa och felsöka dina Open Graph-taggar:

• Facebook Sharing Debugger: Visar exakt hur din länk ser ut på Facebook och hjälper till att rensa cacheminnet vid uppdateringar.
• LinkedIn Post Inspector: Liknande för LinkedIn-andelar.
• Twitter Card Validator: För förhandsgranskning av Twitter/X.

Det är viktigt att testa för ändringar eftersom sociala medier cachelagrar OCH data. Använd debugger-verktygen för att tvinga fram en uppdatering.