Az eszközről
Az Open Graph (OG) címkék szabályozzák, hogy egy oldal hogyan jelenjen meg közösségi platformokon. A Facebook, a LinkedIn, a Slack, a Discord és még sokan mások OG-címkéket olvasnak az előnézeti kártyák létrehozásához. Megfelelő OG-címkék nélkül a megosztott hivatkozások hibásnak tűnnek – általános kedvencek, hiányzó képek, csonkolt címek. Náluk a részvények csiszoltnak tűnnek, és jelentősen javulnak az átkattintási arányok.
A szabványos OG-címkék: og:title (az előnézetben látható cím), og:description (a szövegrészlet), og:image (az előnézeti kép, ideális esetben 1200 × 630), og:url (gyűjtő URL), og:type (általában „webhely” vagy „cikk”). A Twitter-kártya címkék rétege felül: twitter:kártya, twitter:cím, twitter:leírás, twitter:kép. A legtöbb eszköz visszakerül az OG-hoz, ha a Twitter-specifikus címkék hiányoznak.
Ez a generátor OG és Twitter kártya címkék teljes készletét állítja elő az Ön bemenetéből. Illessze be a kapott HTML-kódot az oldal <head> részébe. Az eredmény a megfelelő előnézeti megjelenítés az összes főbb közösségi platformon.
Miért érdemes OG címkegenerátort használni?
Az OG-címkék nélküli oldalak rosszul néznek ki megosztáskor. Üres kép, általános cím, hiányzó leírás – az előnézet gyengén versenyez a feedekben megfelelően címkézett oldalakkal. Tartalommarketing és linkmegosztás esetén ez közvetlenül befolyásolja az átkattintási arányt.
Az OG-címkék kézi írása ismétlődő. Minden oldalnak saját készletre van szüksége. Az a generátor, amely néhány bemenetből megfelelő címkéket állít elő, elkerüli az elírásokat és a kihagyott tulajdonságokat, amelyek megszakítják a közösségi előnézeteket.
Műszaki részletek
Az OG címkék a meta property attribútumot használják (nem a nevet): <meta property="og:title" content="..." />. A property attribútum szükséges az OG-hoz; néhány elemző elfogadja a nevet tartalékként, de a tulajdonság helyes.
Képkövetelmények: 1200×630 pixel a retina rendereléséhez, 1,91:1 képarány. Az og:image:width és og:image:height címkék segítenek a platformoknak a képek helyes gyorsítótárában. Az og:image:alt kisegítő szöveget biztosít.
A Twitter-kártya címkéi a következő név attribútumot használják: <meta name="twitter:title" content="..." />. A Twitter visszavált az OG-címkékre, ha a Twitter-specifikus címkék hiányoznak, így gyakran elegendő a jól beállított OG. A twitter:card hozzáadása kifejezetten a kártya típusát választja (a legtöbbször a summary_large_image).
Gyakran ismételt kérdések
- Testreszabhatom a generált kimenetet?
- Igen. Az eszköz különféle testreszabási lehetőségeket kínál, hogy a kimenetet az Ön egyedi igényeihez igazítsa. Módosítsa a beállításokat a generálás előtt, vagy generálja újra a különböző opciókkal.
- A létrehozott tartalom ingyenesen használható?
- Igen. Minden, amit ezzel az eszközzel generál, az Öné személyes, oktatási vagy kereskedelmi célokra, korlátozások és forrásmegjelölési követelmények nélkül.
- Kell ehhez fiók?
- Nem. Az eszköz azonnal használatra kész regisztráció, e-mail és regisztráció nélkül. Csak nyissa meg az oldalt, és kezdje el a generálást.
- A bevitt adataimat titkosan kezelik?
- Igen. Minden feldolgozás a böngészőjében történik. A bemeneti adatok és a generált kimenet soha nem kerül elküldésre semmilyen külső szerverre.
- Használhatom ugyanazt az OG képet minden oldalon?
- Lehetséges, de nem optimális. Az oldalspecifikus képek jobban teljesítenek, mint az általános webhelyszintű képek az átkattintáshoz. Használjon alapértelmezett beállítást tartalékként, de készítsen oldalankénti képeket a fontos tartalomhoz.
- Szükséges-e képméret deklaráció?
- Hasznos, de nem feltétlenül kötelező. Az og:image:width és az og:image:height lehetővé teszi a platformok számára a képek gyorsítótárazását a méretek meghatározásához anélkül, hogy újra lekérték őket. Felgyorsítja a további megosztásokat.
- Fel vannak töltve az adataim?
- Nem. A generálás a böngészőjében történik.
- Hogyan tesztelhetem az OG címkéket?
- Facebook Sharing Debugger, Twitter Card Validator és LinkedIn Post Inspector mindegyik letölti és érvényesíti. Használja őket az új OG-címkék telepítése után.