Open Graph generátor

Így használd az Open Graph generátort

1. Add meg a Cím és a Leírás értékét, amelyet az emberek látni fognak, amikor megosztják a linkedet. Eltérhetnek az SEO-címedtől: közösségi hírfolyamnak írd őket.
2. Add meg az oldal URL-jét (Az oldal URL-je, a kanonikus cím) és a Kép URL-je értékét. Mindkettőnek abszolútnak kell lennie, https:// előtaggal.
3. Írd le a képet a Képleírás (alt szöveg) mezőben, hogy a képernyőolvasót használók tudják, mit mutat.
4. Válaszd ki vagy húzd ide ugyanazt a képet az Előnézeti kép alatt. Az eszközödön marad: az eszköz csak az előnézetek megrajzolásához és a Kép szélessége (px) és Kép magassága (px) kitöltéséhez használja.
5. Állítsd be az Oldal neve, a Tartalom típusa és a Nyelvi beállítás (locale) értékét, majd válaszd ki az X (Twitter) kártya stílusát, és ha van, add meg az oldal és a szerző X-fiókját.
6. Nézd meg az előnézeteket és az Ellenőrzések listát, majd Másolás vagy Letöltés, és illeszd a címkéket az oldal <head> részébe.

Az eszköz a böngésződben fut. Semmit, amit beírsz, nem küld el a szervernek.

Mit csinálnak az Open Graph címkék

Amikor egy linket beillesztenek a Facebookba, LinkedInbe, X-be, Slackbe, Discordba, WhatsAppba, iMessage-be és sok más alkalmazásba, egy robot letölti az oldalt, és kiolvassa az Open Graph (og:) meta címkéit, hogy kártyát építsen: képpel, címmel, rövid leírással és a domainnel. E címkék nélkül az alkalmazás találgat, gyakran egy logót, egy süti-bannert vagy a menü első mondatát választja.

A négy alapvető tulajdonság az og:title, og:type, og:image és og:url. Az eszköz hozzáadja az og:description, og:site_name, og:locale és a képadatokat is (og:image:width, og:image:height, og:image:alt). A képméret megadása lehetővé teszi, hogy egyes platformok már az első megosztáskor megjelenítsék a kártyát, ne várjanak a kép letöltésére.

Az X a saját twitter: címkéit olvassa, de ha az X-változatok hiányoznak, az Open Graph címére, leírására és képére esik vissza, ezért az eszköz csak azt adja hozzá, amire az X-nek valóban szüksége van: a twitter:card értéket, a nem kötelező fiókokat és a képleírást. Így nem kell minden értéket megkettőzni.

Képméretek, amelyek mindenhol működnek

Használj JPEG- vagy PNG-fájlt, tartsd a fájlt észszerűen kicsinek (jóval 5 MB alatt), és ne tegyél fontos szöveget a szélek közelébe, mert minden platform kicsit másképp vág. Az eszköz előnézetei ezeknek az elrendezéseknek a közelítései, nem képernyőképek.

Közzététel után

A közösségi platformok gyorsítótárazzák a linkelőnézeteket, néha napokig. A címkék módosítása után kérd meg őket az oldal újraolvasására a Facebook Sharing Debuggerrel vagy a LinkedIn Post Inspectorral. Az oldalnak nyilvánosan elérhetőnek kell lennie: a robotok nem látják a bejelentkezés mögötti vagy localhost címen lévő oldalakat.