Tovább a tartalomhoz

Megosztási kép

A teszt azt nézi, van-e og:image meta elem a nyitóoldalon. Nélküle a közösségi oldalakon megosztott link kép nélküli vagy véletlenszerű előnézetet kap.

Amikor valaki megoszt egy linket közösségi oldalon vagy üzenetben, az előnézet képét az Open Graph protokoll og:image eleme adja. Ha nincs, az előnézet kép nélküli lehet, vagy a platform találgat a lapon lévő képek közül.

A riport a nyitóoldal HTML-jében megkeresi azt a <meta> elemet, amelynek property értéke og:image (kis- és nagybetűre érzéketlenül).

  • Megfelelő: van ilyen elem.
  • Hiba: nincs.
  • Nem mérhető: nem sikerült HTML-t kapni.

A teszt súlyossága a riportban: alacsony. Mit nem néz a teszt:

  • A content értékét nem vizsgálja: egy üres vagy hibás című og:image is megfelelőnek számít.
  • Nem tölti le a képet, és nem ellenőrzi a méretét vagy a formátumát.
  • Csak a nyitóoldalt méri.

Az ajánlott méret nem része a protokollnak

Szekció neve “Az ajánlott méret nem része a protokollnak”

A riport kártyája 1200 × 630 pixeles képet javasol. Az Open Graph protokoll oldala (ogp.me) nem ír elő méretet: az og:image:width és og:image:height opcionális tulajdonságok, amelyekkel megadhatod a kép méretét. Az 1200 × 630 elterjedt gyakorlat, nem szabvány-előírás.

  1. Készíts egy megosztási képet (a riport javaslata 1200 × 630 pixel, a képeket weben érdemes WebP-ben vagy más tömörített formátumban tartani), és tölts fel a webhelyre.
  2. Add meg a képet a <head> részben. Az Open Graph a name helyett property attribútumot használ:
HTML
<meta property="og:image" content="https://pelda.hu/megosztas.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

A content értékébe a feltöltött kép teljes címe kerül. Az ogp.me ajánlása szerint az og:image mellé og:image:alt is tehető a kép leírásával.

WordPressben a bejegyzéshez és oldalhoz tartozó megosztási képet általában a SEO-bővítmény oldalanként állítja be, és sok bővítmény alapértelmezett képet is enged a nyitóoldalhoz. Ha kézzel írod, a téma fejlécébe tett sor minden oldalon ugyanazt a képet adná, ezért oldalanként változó, feltételes kód vagy bővítmény kell hozzá. Ellenőrizd, hogy a kimenetben csak egy og:image sor szerepel-e.

  1. Futtasd újra a riportot.
  2. Parancssorból:
Terminál
curl -s https://pelda.hu/ | grep -i "og:image"
  1. Nyisd meg a kép címét böngészőben: elérhető-e, és jó-e a méret.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások