Használata
- Adja meg az oldalon használt vagy használni tervezett og:title és og:description értékeket.
- Illessze be az og:image teljes URL-jét. Az eszköz betölti, és megjeleníti a valódi pixelméretét.
- Adja meg az oldal URL-jét vagy domainjét, majd hasonlítsa össze a nagy és a kis kártya előnézetét, és javítsa ki az esetleges figyelmeztetéseket.
Hogyan működik
Amikor valaki megoszt egy hivatkozást, a legtöbb közösségi oldal és csevegőalkalmazás letölti az oldalt, és beolvassa annak Open Graph címkéit: og:title, og:description, og:image és og:url. Ezután kártyát készítenek. A körülbelül 1,91:1 arányú széles kép általában nagy kártyát eredményez, felül a képpel; a kicsi vagy négyzetes kép gyakran kompakt kártyát eredményez, a szöveg mellett bélyegképpel.
Ez az eszköz két általános kártyastílust mutat, hogy megítélhesse a hosszt és a képkivágást. A kép természetes méretét a böngésző betöltése után ellenőrzi: 200 × 200 px alatt sok alkalmazás kihagyja a képet, 600 × 315 px alatt általában a kis elrendezést használják, az 1,91:1 aránytól nagyon eltérő kép pedig vágást jelent. Az 1200 × 630 px széles körben ajánlott méret, mert nagy felbontású képernyőkön is éles marad.
Az előnézet nem mutathatja pontosan, hogy egy adott alkalmazás mit jelenít meg. Az alkalmazások eltérnek abban, hogy hány sor címet és leírást jelenítenek meg, egyesek figyelmen kívül hagyják a leírást, és a legtöbb az első megosztás után egy ideig gyorsítótárazza az előnézetet, ezért előfordulhat, hogy a címkék módosításai nem jelennek meg azonnal. Számos platform saját hibakereső eszközt kínál a gyorsítótár frissítésére.
Példák
Képernyőkép og:image-ként
Egy 1440 × 900-as képernyőkép oldalaránya 1,6:1. Az eszköz figyelmeztet az arányra: nagy kártyán a felső és az alsó rész levágásra kerülne. Egy 1200 × 630-as változat exportálásával elkerülhetők a meglepetések.
Logó egyetlen képként
Egy 180 × 180-as logó kisebb, mint 200 × 200 px, így sok alkalmazás egyáltalán nem jelenítene meg képet. Használjon helyette egy nagyobb, széles bannert, amely tartalmazza a logót.
Cím hosszának ellenőrzése
Egy 90 karakteres og:title három sorba tördelődik a nagy kártya előnézetében. Körülbelül 60 karakterre rövidítve a kártya a legtöbb alkalmazásban áttekinthető marad.
Gyakori kérdések
Miért néz ki másképp a linkem a Facebookon, a LinkedInen és az X-en?
Minden platform a saját elrendezésével, vágásával és szövegkorlátaival jeleníti meg a kártyákat, és egyesek megjelenítik a leírást, míg mások nem. Ez az előnézet általános közelítés, nem egy adott platform dizájnjának másolata.
Megváltoztattam az og:image-et, de még mindig a régi kép jelenik meg. Miért?
A platformok gyorsítótárazzák a linkelőnézeteket. Használja az adott platform megosztási hibakeresőjét az oldal újbóli lekéréséhez, vagy várja meg, amíg a gyorsítótár lejár. A képfájl nevének megváltoztatása is segít.
Használhatok SVG- vagy WebP-képet?
Az SVG-t a legtöbb platform nem támogatja. A WebP sok alkalmazásban működik, de nem mindegyikben; a JPG vagy a PNG a legbiztonságosabb választás.
Miért nem tudja az eszköz betölteni a képemet?
Előfordulhat, hogy az URL bejelentkezést igényel, kép helyett HTML-oldalra mutat, vagy a szerver blokkolja a más webhelyekről érkező kéréseket. Ha a böngésző itt nem tudja betölteni, akkor egy közösségi platform robotja sem fogja tudni.
Adatvédelem
A megadott szöveg a böngészőjében marad. A kép ellenőrzéséhez a böngészője közvetlenül a megadott URL-ről kéri le a képet (hivatkozó (referrer) küldése nélkül), így az adott szerver szokásos képkérést lát. Nem küldünk semmit a TIG Tools-nak.