Open Graph online ellenőrzése: Hogyan jelenik meg egy weboldal linkje a közösségi médiában, és hogyan javítható

A rövid válasz: az Open Graph online ellenőrzéséhez illessze be az oldal címét az ingyenes Open Graph Debugger PromoPilot programba. Beolvassa az összes og:* és Twitter Card címkét, ellenőrzi a kép meglétét és méretét, kiértékeli a jelölőnyelv teljességét, és megjeleníti Facebook, az X (Twitter) és a LinkedIn linkelőoldalainak előnézetét – valamint javaslatokat tesz a hozzáadandó elemekre. Nincs szükség regisztrációra. Az alábbiakban megtalálja a szükséges címkéket, a szükséges og:image méretet és azt, hogyan frissíthet egy „beragadt” előnézetet.

12 éve foglalkozom weboldalak készítésével, és gyakrabban hallom az ügyfelektől a „Miért nincs kép Telegram linken?” kérdést, mint a rangsorolással kapcsolatos kérdéseket. Ez általában egy ötperces munka – ha tudod, hol keresd.

Mit ellenőrzi az Open Graph Debugger?

Amikor egy linket beillesztesz egy bejegyzésbe vagy üzenetbe, a platform az oldalon keresi az Open Graph címkéket. Ha talál ilyet, akkor egy lapot húz. Ha nem, akkor elveszi a talált tartalmat, vagy egy üres URL-t jelenít meg. Az eszköz csak azt ellenőrzi, hogy a közösségi hálózatok mit olvasnak el.

Hogyan lehet online ellenőrizni az Open Graph oldalakat?

1. Nyissa meg az Open Graph Debuggert.
2. Add meg a megosztani kívánt oldal URL-címét: egy cikket, egy terméket vagy egy hirdetési céloldalt. Kattints az „Ellenőrzés” gombra.
3. Menj végig a címkék listáján: melyek vannak beállítva, melyek üresek, és hogy van-e idegen vagy tesztcím az og:url-ben.
4. Ellenőrizze az egyes hálózatok előnézetét: a cím le van-e vágva, látható-e a kép, és van-e fontos szöveg a szélek körül.
5. Kérjük, add hozzá a hiányzó címkéket a javaslatoknak megfelelően, és ellenőrizd újra az oldalt.

Eszközoldal: cím mező, „Ellenőrzés” gomb, ellenőrzések listája és GYIK.

Az eszköz pehelykönnyű: egy vendég számára elegendő egy napi limit, hogy ellenőrizze az oldal összes sablonját – a kezdőlapot, a kategóriát, a terméket és a cikket. Ingyenes regisztráció után a limit megháromszorozódik.

Melyek a leggyakoribb hibák az Open Graph programban?

Íme, amit szinte minden más oldalon találok, és milyen sorrendben kell kijavítani.

1. Nincs og:image, vagy relatív URL-ként van megadva. A közösségi hálózatok nem értik content="/img/cover.jpg" — https:// vel kezdődő teljes URL megadása kötelező. Kép nélkül a bejegyzés elérhetősége jelentősen csökken.
2. A kép túl kicsi. A 200x200-as logó a kártyát egy kis négyzetté változtatja az oldalán. 1200x630-as képre van szükség.
3. Egyetlen og:image az egész oldalhoz. Minden cikknek és minden terméknek a közösségi médiában ugyanúgy kell kinéznie – a logóval együtt. A blog és a katalógus esetében a képet az oldal fő fotójáról kell átvenni.
4. Az og:url egy másik címre vezet – a kezdőlapra, egy tesztdomainre vagy a http:// verzióra. A platform képes az összes linket egyetlen oldalra konszolidálni.
5. Nincs twitter:card. Enélkül az X gyakran egy kis kártyát jelenít meg. Nagyobb képhez summary_large_image szükséges.
6. Az og:title a címben a „buy” szót és a márkanevet tartalmazza. Egy közösségi média hírfolyamban ez úgy néz ki, mint egy hirdetés; egy élénk címsor, mint például egy bejegyzésnél, jobb.

A minimális helyes készlet így néz ki:

<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">

Hogyan kell képet előkészíteni az og:image-hez?

A kép a kártya legfeltűnőbb része, és ez az a terület, ahol az emberek gyakran spórolnak. Íme néhány szabály, amit én követek:

• A méret 1200×630, a tájolás pedig vízszintes. A közösségi hálózat levágja a négyzet alakú termékfotó tetejét és alját, aminek következtében a termékről hiányozhat egy fej vagy egy talp.
• A lényeg középen van. A különböző platformok eltérően vágják le a széleket, és a mobil hírfolyamban a kártya még kisebb. Tartsd a szöveget nagy méretben és távol a szélektől.
• Minimális szöveg. A cím már a kép alatt van; magán a képen 3-6 szó vagy egyáltalán nincs szükség feliratra.
• Könnyű fájl. Egy megfelelő méretű JPG vagy PNG fájl gyorsan betöltődik, és a platform nem "veszíti el" a képet időtúllépés miatt.
• Minden kulcsfontosságú oldalhoz külön kép. Cikkek és termékek esetén célszerű automatikusan létrehozni egyet: egy cikkborítót vagy a fő termékfotót.

Jó teszt, ha megnyitod az előnézetet a telefonodon lévő hibakeresőben. Ha a link nagyítás nélkül nem tiszta, a képet át kell dolgozni.

Hogyan frissíthetek egy régi előnézetet egy javítás után?

Gyakori forgatókönyv: kijavítottad a címkéket, de a közösségi oldal makacsul a régi képet jeleníti meg. Az ok a gyorsítótár: a platform megjegyezte az első megosztás előnézetét. A Facebook a Sharing Debuggerben (Megosztási hibakereső) történő adatgyűjtés, a LinkedInen a Post Inspector, Telegram pedig a @WebpageBot bot segít, amelyre a linket küldöd. Ha minden más nem segít, adj hozzá egy ártalmatlan paramétert a címhez, például ?v=2: a platform számára ez egy új link.

Összehasonlítás: Open Graph Debugger és alternatívák

Következtetés: hivatalos platform-hibakeresőkre van szükség a gyorsítótár törléséhez, de minden platform csak a saját hálózatát mutatja. Az összes előnézet és a hiányzó címkék listájának egyidejű megtekintéséhez egy univerzális hibakereső kényelmesebb.

Egyébként a PromoPilot 87 ingyenes SEO eszközzel rendelkezik. Ha még nem írtál címkéket, a sorozatunkban van egy cikk egy metacímke-generátorról, amely létrehoz egy Open Graph blokkot előnézettel.

Miben különbözik az Open Graph Debugger a metacímke-elemzéstől?

A metacímke-elemzés egy keresőmotor szemszögéből vizsgálja az oldalt: a cím, a leírás, a kanonikus, a hreflang és az Open Graph csak egy a sok közül. A hibakereső a közösségi médiára összpontosít: kártyákat hoz létre különböző platformokhoz, ellenőrzi a képméretet, és kifejezetten az előnézetek alapján tesz ajánlásokat. Ha az oldaladra mutató linkeket aktívan megosztják a közösségi médiában és az üzenetküldő alkalmazásokban, akkor a hibakereső hasznosabb.

Mindkettőnek van egy korlátja: a szerver által visszaadott HTML-t olvassák. Ha a címkéket egy böngészőszkript illeszti be, sok közösségi hálózat nem fogja látni azokat – ezt a weboldal oldalán kell megoldani. Egy másik részlet: a hibakereső ellenőrzi a címkéket, de magát a megosztást nem. Ha az oldal jelszóval védett, geoblokkolt vagy botoktól védett, előfordulhat, hogy a közösségi hálózat nem fér hozzá, még akkor sem, ha az összes címke jelen van.

Mikor nem elég egy ingyenes eszköz?

Egy hibakereső kimutatja, hogy az oldal nem tartalmazza az og:image fájlt. De ha több ezer oldalról van szó, a képek manuális beszúrása nem lehetséges. Szakemberre van szükség, ha:

• minden terméknek vagy cikknek saját, automatikusan gyűjtött előnézeti képpel kell rendelkeznie;
• a webhely szkript segítségével adja vissza a címkéket, és a közösségi hálózatok nem látják azokat;
• Hirdetéseket és leveleket indítasz, ahol minden egyes előnézet befolyásolja a kattintásonkénti költséget;
• Szükségünk van a "weboldal + Telegram csatorna + automatikus közzététel" kombinációjára a megfelelő kártyákkal.

Mit tehetek a weboldaladért?

Valerij Danjuk vagyok, fejlesztő és SEO szakember, 12 éves tapasztalattal és több mint 200 ügyféllel. Egy gyönyörű link előnézet ingyenesen elérhető, és minden projekthez személyre szabom.

SEO és promóció

• Kulcsrakész weboldal SEO audit: Ellenőrzöm az összes sabloncímkét, beállítom az automatikus előnézeti képeket és korrigálom a kódot.

Weboldalak és online áruházak

• Áruházad áthelyezése Instagram a weboldaladra — termékek megfelelő előnézetekkel az egyszerű megosztás érdekében.
• Egyetlen este alatt elkészített landing page egy új termékhez – egy NordHarvest esettanulmány egy kész közösségi média kártyával.
• Egy plasztikai sebészeti klinika weboldala mesterséges intelligenciával és Telegram alkalmazásokkal.
• Weboldal 1001site on: a közösségi hálózatok előnézetei és az automatikus közzététel Telegram automatikusan konfigurálódik.

Botok és automatizálás

• Mesterséges intelligenciával ellátott Telegram bot egy online szószbolthoz.
• A QuestFlow egy SaaS-készítő mesterséges intelligenciával rendelkező Telegram botokhoz.
• E-kereskedelmi ügynökök chatbotok helyett.

Küldj nekem egy linket, ami rosszul néz ki a Telegram Messengerben, és megmondom, melyik címke hiányzik.

Eredmény

1. Egy online Open Graph ellenőrző megmutatja, hogyan néz ki egy link a Facebook, az X-en és a LinkedInen, és mely címkék hiányoznak.
2. A minimálisan szükséges og:title, og:type, og:image (1200×630, teljes cím) és og:url, plusz twitter:card.
3. A javítás után állítsa vissza a webhelyek gyorsítótárát: Sharing Debugger, Post Inspector, @WebpageBot.
4. A katalógus és a blog esetében az előnézeti képeket automatikusan kell gyűjteni, mint például 1001site oldalon.

Mielőtt a követőid látnák a megosztani kívánt oldalt az ingyenes Open Graph Debuggerben.

Források

• A PromoPilot Open Graph Debugger eszközoldala – ellenőrzések listája és GYIK.
• Nyílt gráf protokoll (ogp.me) - kötelező és opcionális tulajdonságok.
• A Meta Sharing Debugger és a LinkedIn Post Inspector a platformok hivatalos eszközei.