# Open Graph és X (Twitter) kártya metaadatok

> A Facebook Open Graph és az X kártya metaadatok beállítása globálisan és tartalmanként, valamint a gyakori hibák elhárítása.

Ha valaki megosztja az oldalad linkjét a Facebookon vagy az X-en, a megjelenő kártya címét, leírását és képét ezek a metaadatok adják.

## Globális beállítás

1. Nyisd meg a **SEO → Social Networks** oldalt, és ha még nincs bekapcsolva, kapcsold be a funkciót a kapcsolóval.
2. Nyisd meg a **Facebook (Open Graph)** fület, és kapcsold be az **Enable OG data** kapcsolót.
3. Szükség esetén add meg az alapértelmezett képet (**Default Open Graph Image URL**). Ezt akkor használja a bővítmény, ha egy tartalomnak nincs saját képe. Egyedi tartalomtípusonként külön alapkép is megadható.
4. Nyisd meg az **X (Twitter)** fület, és ott is állítsd be az X kártyát.
5. Kattints a **Save changes** gombra.

![A Facebook (Open Graph) fül: OG adatok bekapcsolása és alapértelmezett kép](./kepek/metaadatok-kozossegi-facebook.webp)

*A Facebook (Open Graph) fül: OG adatok bekapcsolása és alapértelmezett kép* (https://minta-bolt.hu/wp-admin/admin.php?page=seopress-social)

A képen az **Enable OG data** kapcsoló és az alapkép mezője látszik. Az alapkép ajánlott legkisebb mérete 200×200 képpont, ideális arány 1,91:1, legfeljebb 8 MB.

A **Override og:image globally** kapcsolóval az alapértelmezett képet minden oldalon használhatod; a tartalmaknál egyenként megadott og:image ilyenkor is megmarad. Ehhez előbb meg kell adni az alapképet.

![Az X (Twitter) fül: X kártya címkék bekapcsolása, tartalék OG adatok, alapkép és kártyaméret](./kepek/metaadatok-kozossegi-x.webp)

*Az X (Twitter) fül: X kártya címkék bekapcsolása, tartalék OG adatok, alapkép és kártyaméret* (https://minta-bolt.hu/wp-admin/admin.php?page=seopress-social)

Az X fülön az **Enable X Cards** kapcsoló teszi hozzá a kártya meta címkéket. A **Use Open Graph data as fallback** kapcsolóval, ha egy tartalomnak nincs külön X kártya adata, az Open Graph adatokat használja. Az **Image size for summary card** választóval a kártya típusát állítod: a „Large” nagyobb képet jelenít meg.

## Tartalmankénti beállítás

1. Szerkessz egy bejegyzést, oldalt vagy egyedi tartalomtípust.
2. A SEO metabox **Social** fülén add meg a következőket:

| Mező | Ha üresen hagyod |
|---|---|
| Facebook cím | a tartalom címe |
| Facebook leírás | a kivonat, vagy a tartalom eleje |
| Facebook bélyegkép | a kiemelt kép |
| X cím | a tartalom címe |
| X leírás | a kivonat, vagy a tartalom eleje |
| X bélyegkép | a kiemelt kép |

3. Mentsd a tartalmat.

## Az og:image kiválasztásának sorrendje

A bővítmény az `og:image` címkét ebben a sorrendben állítja elő, és az első találatot használja:

1. a SEO metaboxban megadott egyedi OG kép;
2. a tartalom (termék) kiemelt képe;
3. a **SEO → Social Networks → Facebook (Open Graph)** oldalon megadott globális kép;
4. a webhely ikonja a Testreszabóból.

## Gyakori hibák

### A Facebook bélyegképe nem jelenik meg

- A kép legyen elérhető a robotoknak (nézd meg a robots.txt fájlt, a tűzfalat és a biztonsági bővítményeket).
- A kép elég nagy legyen: legalább 200×200 képpont.
- A formátum JPG, GIF, PNG vagy WebP legyen.
- A fájl mérete legfeljebb 8 MB lehet.
- Ha lecserélted a képet, adj az új fájlnak más nevet, vagy ürítsd a gyorsítótárat a Facebook hivatalos hibakereső eszközével.

### Az X bélyegképe nem jelenik meg

- A kép legyen elérhető a robotoknak.
- Legalább 300×157 képpont legyen.
- A formátum JPG, GIF, PNG vagy WebP legyen.
- A fájl mérete legfeljebb 5 MB lehet.
- Ha a SEOPressből cserélted le a képet, adj az új fájlnak más nevet, vagy ürítsd a gyorsítótárat az X hivatalos hibakereső eszközével.

### Az X kártya nem működik

Ellenőrizd az URL-t az X hivatalos kártyaellenőrzőjével.

### A Facebook nem mutat előnézetet a megosztott linknél

Ellenőrizd az URL-t a Facebook hivatalos hibakeresőjével (Sharing Debugger).