Open Graph ir socialinių kortelių generatorius

Kaip naudoti Open Graph generatorių

1. Įvesk Pavadinimas ir Aprašymas, kuriuos žmonės matys dalijantis tavo nuoroda. Jie gali skirtis nuo SEO pavadinimo: rašyk juos socialinių tinklų srautui.
2. Pridėk Puslapio adresas (kanoninį adresą) ir Paveikslėlio adresas. Abu turi būti absoliutūs ir prasidėti https://.
3. Aprašyk paveikslėlį laukelyje Paveikslėlio aprašymas (alt tekstas), kad ekrano skaitytuvų naudotojai žinotų, ką jis rodo.
4. Skiltyje Peržiūros paveikslėlis pasirink arba nutempk tą patį paveikslėlį. Jis lieka tavo įrenginyje: įrankis jį naudoja tik peržiūroms nupiešti ir laukams Paveikslėlio plotis (px) bei Paveikslėlio aukštis (px) užpildyti.
5. Nustatyk Svetainės pavadinimas, Turinio tipas ir Lokalė, tada pasirink X (Twitter) kortelė stilių ir, jei turi, svetainės bei autoriaus X paskyras.
6. Peržiūrėk peržiūras ir sąrašą Patikros, tada Kopijuoti arba Atsisiųsti žymes ir įklijuok jas į puslapio <head>.

Viskas vyksta tavo naršyklėje: nieko, ką įvedi ar pasirenki, nesiunčiame į serverį.

Ką daro Open Graph žymės

Kai nuoroda įklijuojama į Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage ir daugelį kitų programų, robotas atsisiunčia puslapį ir perskaito jo Open Graph (og:) meta žymes, kad sudarytų kortelę: paveikslėlį, pavadinimą, trumpą aprašymą ir domeną. Be šių žymių programa spėlioja ir dažnai parenka logotipą, slapukų pranešimą ar pirmą meniu sakinį.

Keturios pagrindinės savybės yra og:title, og:type, og:image ir og:url. Šis įrankis prideda ir og:description, og:site_name, og:locale bei paveikslėlio duomenis (og:image:width, og:image:height, og:image:alt). Nurodžius paveikslėlio dydį, kai kurios platformos gali parodyti kortelę jau pirmą kartą pasidalijus, o ne laukti, kol paveikslėlis bus atsisiųstas.

X skaito savo twitter: žymes, bet kai jų trūksta, naudoja Open Graph pavadinimą, aprašymą ir paveikslėlį, todėl įrankis prideda tik tai, ko X tikrai reikia: twitter:card, neprivalomas paskyras ir paveikslėlio aprašymą. Taip išvengiama kiekvienos reikšmės dubliavimo.

Paveikslėlių dydžiai, tinkantys visur

Naudok JPEG arba PNG, failą laikyk pakankamai mažą (gerokai mažiau nei 5 MB) ir svarbaus teksto nedėk prie kraštų, nes kiekviena platforma apkerpa šiek tiek kitaip. Šio įrankio peržiūros yra tų maketų aproksimacijos, o ne ekrano nuotraukos.

Po paskelbimo

Socialinės platformos nuorodų peržiūras saugo talpykloje, kartais keletą dienų. Pakeitus žymes, paprašyk jų nuskaityti puslapį iš naujo su Facebook Sharing Debugger arba LinkedIn Post Inspector. Puslapis turi būti viešai pasiekiamas: robotai nemato puslapių už prisijungimo ar localhost.