Open Graphi ja sotsiaalkaardi generaator
Loo Open Graphi ja X-i (Twitteri) kaardi metasildid ning vaata eelvaates, kuidas sinu link Facebookis, LinkedInis ja X-is jagamisel välja näeb.
Eelvaade
Ligikaudsed eelvaated: iga platvorm lõikab pilti ja teksti veidi erinevalt.
Kontrollid
Probleeme ei leitud.
Kuidas Open Graphi generaatorit kasutada
- Sisesta Pealkiri ja Kirjeldus, mida tahad, et inimesed näeksid sinu linki jagades. Need võivad erineda sinu SEO-pealkirjast: kirjuta need sotsiaalmeedia voo jaoks.
- Lisa Lehe URL (kanooniline aadress) ja Pildi URL. Mõlemad peavad olema absoluutsed, algama
https://. - Kirjelda pilti väljal Pildi kirjeldus (alt-tekst), et ekraanilugejate kasutajad teaksid, mida see näitab.
- Vali või lohista sama pilt jaotisse Eelvaate pilt. See jääb sinu seadmesse: tööriist kasutab seda ainult eelvaadete joonistamiseks ning väljade Pildi laius (px) ja Pildi kõrgus (px) täitmiseks.
- Määra Saidi nimi, Sisu tüüp ja Lokaat, seejärel vali X (Twitteri) kaart stiil ja, kui need on olemas, saidi ja autori X-i kontod.
- Vaata eelvaated ja loend Kontrollid üle, seejärel Kopeeri või Laadi alla sildid ja kleebi need lehe
<head>sisse.
Tööriist töötab sinu brauseris: sinu pilti ja andmeid ei saadeta serverisse.
Mida Open Graphi sildid teevad
Kui link kleebitakse Facebooki, LinkedIni, X-i, Slacki, Discordi, WhatsAppi, iMessage’i ja paljudesse teistesse rakendustesse, toob roomaja lehe ja loeb selle Open Graphi (og:) metasildid, et koostada kaart: pilt, pealkiri, lühike kirjeldus ja domeen. Ilma nende siltideta rakendus arvab, valides sageli logo, küpsisepaneeli või menüü esimese lause.
Neli põhiomadust on og:title, og:type, og:image ja og:url. See tööriist lisab ka og:description, og:site_name, og:locale ja pildi üksikasjad (og:image:width, og:image:height, og:image:alt). Pildi suuruse deklareerimine laseb mõnel platvormil kaardi esmakordsel jagamisel kohe kuvada, mitte oodata, kuni pilt on alla laaditud.
X loeb oma twitter: silte, kuid kasutab X-i versioonide puudumisel varuvariandina Open Graphi pealkirja, kirjeldust ja pilti, seega lisab tööriist ainult selle, mida X tegelikult vajab: twitter:card, valikulised kontod ja pildi kirjelduse. See väldib iga väärtuse dubleerimist.
Pildisuurused, mis töötavad kõikjal
| Kasutus | Soovitatav suurus | Märkused |
|---|---|---|
| Suur kaart (Facebook, LinkedIn, X-i suur pilt) | 1200 × 630 px | Külgede suhe umbes 1,91:1; hoia tekst keskel |
| Väike X-i kaart (summary) | vähemalt 144 × 144 px | Kuvatakse ruuduna, lõigatud keskelt |
| Facebooki miinimum | 200 × 200 px | Väiksemaid pilte võidakse ignoreerida |
Kasuta JPEG- või PNG-pilti, hoia fail mõistlikult väike (selgelt alla 5 MB) ja väldi olulise teksti panemist servade lähedale, sest iga platvorm lõikab veidi erinevalt. Selle tööriista eelvaated on nende paigutuste lähendused, mitte ekraanipildid.
Pärast avaldamist
Sotsiaalplatvormid salvestavad linkide eelvaated vahemällu, vahel mitmeks päevaks. Pärast siltide muutmist palu neil leht uuesti skaneerida Facebook Sharing Debuggeri või LinkedIn Post Inspectoriga. Leht peab olema avalikult kättesaadav: roomajad ei näe sisselogimise taga ega aadressil localhost olevaid lehti.
Korduma kippuvad küsimused
Kas Open Graphi sildid parandavad SEO-d?
Mitte otseselt. Otsingumootorid ei kasuta neid järjestusteguriteks. Need parandavad seda, kuidas sinu lingid jagamisel välja näevad, mis võib tuua rohkem klikke ja külastusi sotsiaalvõrgustikest ja sõnumirakendustest.
Miks mu vana pilt linki jagades ikka ilmub?
Platvorm salvestas eelmise versiooni vahemällu. Skaneeri URL uuesti platvormi silumistööriistaga või lisa pildi URL-ile päringustring (näiteks ?v=2), et seda käsitletaks uue failina.
Kas kasutada summary või summary_large_image?
Kasuta „Suur pilt (summary_large_image)“ artiklite, toodete ja tugeva visuaaliga sihtlehtede jaoks. Kasuta „Väike ruudukujuline pilt (summary)“, kui sinu pilt on logo või avatar, mis näeks üle laia kaardi venitatult imelik välja.
Kas ma võin kasutada suhtelist pildi URL-i nagu /images/share.jpg?
Ei. Roomajad loevad silte kontekstist väljas, seega peavad og:image ja og:url olema absoluutsed URL-id koos protokolli ja domeeniga. Tööriist märgib suhtelised aadressid.
Kas mu pilt laaditakse üles?
Ei. Eelvaate jaoks valitud pilti loeb ainult sinu brauser ja seda ei saadeta kuhugi. Sildid ise sisaldavad ainult sinu sisestatud pildi URL-i.
Seotud tööriistad
- Meta-siltide generaator Tasuta meta-siltide generaator: lehe pealkiri, metakirjeldus, kanooniline URL, robots ja viewport pikkusekontrolli ning õigesti escape'itud HTML-iga.
- Google'i otsingutulemuse eelvaade Vaata eelvaates, kuidas sinu pealkiri ja metakirjeldus Google'i tulemustes lauaarvutis ja mobiilis välja näevad, koos pikslilaiuse piiride ja lõikekohaga.
- Sotsiaalmeedia postituse pikkuse kontroll Kontrolli postitust X-i, Bluesky, Threadsi, LinkedIni, Instagrami, TikToki ja YouTube’i märgipiirangute vastu korraga, kirjutamise ajal.