# 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.

## Hogyan mérjük

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

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.

## Hogyan javítsd

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 title="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.

### WordPress

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.

## Hogyan ellenőrizd

1. Futtasd újra a riportot.
2. Parancssorból:

```bash title="Terminál"
curl -s https://pelda.hu/ | grep -i "og:image"
```

3. Nyisd meg a kép címét böngészőben: elérhető-e, és jó-e a méret.