Összefoglaló
Az ingyenes Open Graph-előnézeti eszköz megmutatja, hogyan fog kinézni egy link megosztáskor a Facebookon, az X-en, a LinkedInen és a WhatsAppon, még mielőtt közzéteszed. Írd be a címet, a leírást, a kép URL-jét, a webhelynevet és az oldal URL-jét, válts a négy hálózat között, és olvasd el az ellenőrzőlistát: 15 és 70 karakter közötti cím, 55 és 200 karakter közötti leírás és 1200 × 630 pixeles kép. Ezután másold ezeket az értékeket az og: címkéidbe.
Szeretnél többet megtudni? Kérdezd meg
Az Open Graph-előnézet egy kérdésre válaszol: mit látnak az emberek, amikor valaki beilleszti a linkedet egy bejegyzésbe vagy csevegésbe? A választ néhány meta tag adja az oldal fejrészében. Az Open Graph protokoll, amelyet az ogp.me oldalon tesznek közzé, minden oldalon négy kötelező tulajdonságot sorol fel: og:title, og:type, og:image és og:url. Ha ezek hiányoznak, minden platform találgat, és a tipp gyakran rossz kép, vagy egy menüfelirat lesz a címként.
Mit mutat az Open Graph-előnézeti eszköz?
Az eszköz egyszerre egy megosztási kártyát rajzol, minden hálózathoz külön fülön, és gépelés közben frissíti. Minden platform máshogy rendezi el ugyanazokat a címkéket, ezért az egyik hálózaton jól kinéző kártya egy másikon csonkolódhat.
| Hálózat | Mit mutat a kártya az eszközben | Mire figyelj |
|---|---|---|
| Kép, domain, cím és leírás | A teljes kártya: minden mező számít | |
| X | A kép a címmel a tetején, alul a domain | Egy gyenge kép elrejti a jó címet |
| Kép, cím és domain | A leírás nem látszik, ezért a címnek kell hordoznia az üzenetet | |
| Csevegőbuborék kép, cím, leírás és domain együtt | A kártya kicsi: a cím első szavai a legfontosabbak |
A kártya alatt egy háromsoros ellenőrzőlista zöldre vagy pirosra vált: a cím hossza, a leírás hossza, és az, hogy be van-e állítva kép. Ha a kép URL-je nem töltődik be, a kártya üres helyőrzőre vált, ami pontosan úgy néz ki, mint egy hibás og:image egy valódi folyamban.
Hogyan használd az eszközt, lépésről lépésre?
- Töltsd ki a címet, amelyet az og:title-ben használnál. Eltérhet az oldal title-címkéjétől: úgy írd meg, hogy egy folyamot görgető embernek szóljon, ne egy keresési találatnak.
- Add meg a webhelynevet (og:site_name) és a leírást (og:description).
- Illeszd be a kép URL-jét, az og:image-be kerülő fájl abszolút címét, https://-sel kezdve.
- Add meg az oldal URL-jét: az eszköz kinyeri azt a domaint, amelyet az egyes hálózatok megjelenítenek.
- Válts a fülek között, hogy egymás után ellenőrizd a Facebookot, az X-et, a LinkedInt és a WhatsAppot, és javítsd az ellenőrzőlistát, amíg mind a három sor zöld nem lesz.
Semmi nem kerül elküldésre vagy tárolásra: az előnézet a böngészőben rajzolódik ki, így szabadon tesztelheted a nem publikált oldalakat és a piszkozat képeket.
Mely Open Graph címkékre van szüksége egy oldalnak?
A protokoll négyet ír elő kötelezőként, és további kettő teszi teljessé a kártyát. Az Open Graph protokoll azt is kéri, hogy az og:image-et tartalmazó oldal adja meg az og:image:alt értéket is, vagyis a kép leírását azoknak, akik nem látják.
| Címke | Szerepe | Példaérték |
|---|---|---|
| og:title | A kártya címe | Ingyenes Open Graph-előnézeti eszköz |
| og:type | Az objektum típusa: website, article, product… | article |
| og:image | Az előnézeti kép abszolút URL-je | https://example.com/og/cover.jpg |
| og:url | Az oldal kanonikus címe | https://example.com/guide |
| og:description | Egy-két mondat a cím alatt | Nézd meg, hogyan néznek ki a linkjeid, mielőtt megosztod őket. |
| og:site_name | Az egész webhely neve | Example |
| og:image:alt | A kép leírása azoknak, akik nem látják | Laptop, amely egy értékesítési diagramot mutat |
Az og:url egyezzen az oldal kanonikus URL-jével, így ugyanazon címnek különböző változatainak megosztásai egy objektumon adódnak össze. Ezeket a címkéket egyszerre a meta tag-generátorral írhatod meg, a SEO-címkék és a közösségi címkék közötti különbségről pedig a meta tagek szócikkünkben olvashatsz.
Milyen képméret működik minden hálózaton?
1200 × 630 pixel, 1,91:1 arányban, a fő hálózatokon működik. A Meta legalább 1200 × 630 pixeles képeket kér a nagy felbontású kijelzőkön való legjobb megjelenítéshez, és a lehető legközelebbi 1,91:1 arányt a levágás elkerülése érdekében; a LinkedIn legalább 1200 × 627 pixeles képet kér ugyanazzal az aránnyal.
| Platform | Ajánlott méret | Minimum | Legnagyobb fájlméret |
|---|---|---|---|
| Facebook (Meta for Developers) | 1200 × 630 px, 1,91:1 arány | 200 × 200 px; nagy linkbejegyzésekhez 600 × 315 px | 8 MB |
| LinkedIn (LinkedIn Súgó) | 1,91:1 arány | 1200 × 627 px | 5 MB |
| Google Discover (Google Search Central) | 16:9, legalább 1200 px széles | Összesen több mint 300000 pixel | Nincs megadva |
A tárgy és a szöveg a kép közepén legyen, mert egyes elrendezések levágják a széleket. A publikálás előtt tömörítsd a fájlt a képtömörítővel: a könnyebb fájlt minden hálózat gyorsabban letölti.
Mekkora legyen az og:title és az og:description?
Célozz 15 és 70 karakter közötti címet, valamint 55 és 200 karakter közötti leírást. Ezeket a tartományokat használja az ellenőrzőlista: alattuk a kártya üresnek látszik, fölöttük a legtöbb elrendezés három ponttal vágja le a szöveget, különösen mobilon és a kis WhatsApp-buborékban.
- A kulcsszavak essenek elöl. A LinkedIn-en a leírás rejtve marad, az X-en pedig a cím a kép fölött ül: a címnek az eleje önmagában is működjön.
- Ne másold szó szerint a meta leírást. A keresési részlet egy lekérdezésre válaszol; a megosztási kártyának meg kell állítania a görgetőt. Keresési részleteket a meta leírás-generátorral és a SERP-előnézettel készíts, majd igazítsd őket közösségi célra.
- Kerüld a kattintásvadász megfogalmazást. Az a kártya, amely többet ígér, mint amit az oldal ad, azonnal távozó látogatókat hoz.
Segítenek az Open Graph címkék a SEO-ban?
Nem rangsorolási tényezőként, de a Google olvas néhányat közülük. A Google az og:title tartalmát azon források közé sorolja, amelyekből a találatokban a címlinkeket építi (Google, címlinkek). A webhelynév-rendszere a WebSite strukturált adatok után az og:site_name értéket is figyelembe veszi (Google, webhelynevek). A Discover-hez pedig a Google azt javasolja, hogy nagy, reprezentatív képet adj meg a schema.org jelöléssel vagy az og:image címkével, és kerüld az olyan általános képeket, mint a logó.
A közvetett hatások is számítanak. Egy világos kártya több kattintást hoz, amikor az oldaladat megosztják, és minden megosztás lehetőség, hogy elolvassák, idézzék és hivatkozzanak rá. A közösségi jelzések szócikkünk elmagyarázza, mit vesz és mit nem vesz át a Google a közösségi aktivitásból.
Miért mutat egy hálózat még mindig a régi előnézetet?
Mert a platformok azt gyorsítótárazzák, amit először beolvastak. A Meta elmagyarázza, hogy a feltérképező robotja egy URL metaadatait az első megosztáskor letölti és gyorsítótárazza, a képeket az URL-jük alapján tárolja, és a kép frissítése nem frissíti a régi megosztások előnézetét. Egy oldal frissítéséhez futtasd át a Sharing Debugger-en, és egy új képnek adj új fájlnevet, ahelyett hogy felülírnád a régit. A LinkedIn ugyanezt a frissítést kínálja a Post Inspector eszközével.
Ha a kép soha nem jelenik meg, ellenőrizd, hogy a fájl nyilvános-e: a LinkedIn megjegyzi, hogy az a webhely, amely blokkolja a feltérképező robotját, vagy egy védett mappában tárolt kép megakadályozza az előnézetet.
Mely hibák rontják el a megosztási kártyát?
- Relatív kép URL, például /img/cover.jpg. A hálózatok a képet a webhelyeden kívülről töltik le, és a teljes https:// címre van szükségük.
- Egyáltalán nincs og:image. A hálózat az oldal bármely képét kiválasztja, gyakran egy logót vagy ikont.
- Két og:title vagy og:image címke, amelyet egy sablon és egy bővítmény egyszerre ad hozzá. Mindegyikből csak egy maradjon.
- Ugyanaz a kép minden oldalon. Egy webhelyszintű logó minden megosztást egyformává tesz; a Google a Discover-hez is ellenez az általános képeket.
- JavaScripttel a betöltés után hozzáadott címkék. A megosztási feltérképező robotok a szerver által visszaadott HTML-t olvassák; a később beillesztett címkéket előfordulhat, hogy sosem látják.
Hogyan illeszkednek a megosztási kártyák a tartalomtervbe?
Minden közzétett cikked valahol megosztásra kerül: hírlevélben, LinkedIn-bejegyzésben, csapat-csevegésben vagy fórumhozzászólásban. A kártya megtervezése a cikkel együtt megspórolja a javítási kört az indítás után. A Sorank blogcikk-generátor forrásolt cikkeket ír borítóképpel, és közzéteszi őket a webhelyeden, a GEO és SEO irányítópult pedig követi azokat a forgalmat és említéseket, amelyeket ezek az oldalak a Google-ben és az AI-válaszokban szereznek.
A jó megosztási kártya egy 1200 × 630-as kép, világos cím és őszinte leírás, amelyet minden hálózaton ellenőrzöl közzététel előtt. Nézd meg most az előnézetedet, majd a Sorank-csomagokat, hogy autopilot módban megosztásra kész tartalmat publikálj.
