Telegram, WhatsApp+380637610482
Valeri Danjuk
Valeri DanjukarendajaTehisintellekti tööriistade arendamine ettevõtetele. Kõrge kvaliteet. Taskukohane.Kirjuta Telegrami

Avatud graafiku kontrollimine veebis: kuidas veebisaidi link sotsiaalmeedias kuvatakse ja kuidas seda parandada

Open Graph Checker Online: linkide eelvaated Facebook, X-i ja LinkedIni jaoks, og:image size ja Twitter Card

Mida sa saad

  • Vaadake oma Facebook, Twitteri ja LinkedIni lehtede linke enne avaldamist tasuta eelvaates.
  • Puuduvate og ja Twitteri siltide loend ning og:image suuruse kontroll
  • Retsept sotsiaalmeedias ja kiirsõnumirakendustes "kinni jäänud" vana eelvaate värskendamiseks.
Rakenda: 10 minuti pärastSalvestab: Postituse ulatuse langus koledate eelvaadete tõttu

Lühike vastus: Open Graphi veebis kontrollimiseks kleepige lehe aadress tasuta Open Graph Debugger PromoPilot'i. See loeb kõik og:* ja Twitter Cardi sildid, kontrollib pildi olemasolu ja suurust, hindab märgistuse täielikkust ning kuvab Facebook, X-i (Twitteri) ja LinkedIni linkide eelvaated – lisaks soovitused, mida lisada. Registreerimist pole vaja. Altpoolt leiate vajalikud sildid, vajaliku og:image'i suuruse ja juhised "kinnijäänud" eelvaate värskendamiseks.

Olen veebilehti loonud 12 aastat ja kuulen klientidelt küsimust "Miks Telegram lingil pole pilti?" sagedamini kui küsimusi edetabeli kohta. Tavaliselt on see viieminutiline töö – kui tead, kust otsida.

Mida Open Graph Debugger kontrollib?

Kui lisate postitusse või sõnumisse lingi, läheb platvorm lehele ja otsib Open Graphi silte. Kui see leiab mõne, tõmbab see kaardi. Kui ei leia, võtab see leitud sisu või kuvab tühja URL-i. Tööriist kontrollib ainult seda, mida sotsiaalvõrgustikud loevad.

Mida see kontrollib? Mida ta vaatab? Miks seda äri vajab?
Kõik sildid og:* og:pealkiri, og:kirjeldus, og:pilt, og:url, og:tüüp, og:saidi_nimi, og:lokaal Nendest koguvad saidid kaardi pealkirja, kirjelduse ja pildi.
Twitteri kaart twitter:kaart, twitter:pealkiri, twitter:kirjeldus, twitter:pilt X (Twitter) loeb oma silte ja kui need puuduvad, siis osaliselt og
Algupärane pilt Kas pilt on olemas ja kui suur see on? Väike pilt muudab kaardi küljel pisikeseks ikooniks
Täielikkuse hindamine Mitu soovitatud silti on täidetud? Kiirülevaade: kas kõik on paigas?
Võrgu eelvaated kaardid Facebook, X-i ja LinkedIni jaoks Enne avaldamist näete, milline postitus välja näeb.
Soovitused Mida peaksin lisama või parandama? Valmis ülesannete loend arendajale või teile

Kuidas kontrollida Open Graphi lehti veebis?

Kontrolli Open Graphi neljas etapis: kleebi URL, uuri OG silte, vaata sotsiaalmeedia eelvaateid, lisa puuduvad sildid

  1. Ava avatud graafiku silur.
  2. Sisestage jagatava lehe URL: artikkel, toode või reklaami sihtleht. Klõpsake nuppu „Märkige“.
  3. Vaadake siltide loend läbi: millised on seatud, millised tühjad ja kas og:url-is on võõr- või test-aadress.
  4. Kontrollige iga võrgu eelvaadet: kas pealkiri on ära lõigatud, kas pilt on nähtav ja kas servade ümber on olulist teksti.
  5. Palun lisa puuduvad sildid vastavalt soovitusele ja kontrolli lehte uuesti.

Tööriistaleht: aadressiväli, nupp „Kontrolli”, kontrollide loend ja KKK.

PromoPiloti tasuta Open Graph Debuggeri leht: URL-i väli, OG-sildi kontrollija ja eelvaated Facebooki, Twitteri ja LinkedIni jaoks

Tööriist on kerge: päevasest limiidist piisab külalisele, et kontrollida kõiki saidi malle – avalehte, kategooriat, toodet ja artiklit. Pärast tasuta registreerimist limiit kolmekordistub.

Millised on Open Graphi kõige levinumad vead?

Siin on see, mida ma peaaegu igalt teiselt saidilt leian, ja millises järjekorras seda parandada.

  1. Puudub og:image või on see määratud suhtelise URL-ina. Sotsiaalvõrgustikud ei saa aru content="/img/cover.jpg" — nõutav on täielik URL, mis algab https:// ga. Ilma pildita langeb postituse ulatus märkimisväärselt.
  2. Pilt on liiga väike. 200x200 logo muudab kaardi küljel väikeseks ruuduks. Vaja on 1200x630 pilti.
  3. Üks og:image kogu saidi jaoks. Iga artikkel ja iga toode sotsiaalmeedias peaks välja nägema ühesugune – koos logoga. Blogi ja kataloogi puhul peaks pilt olema võetud lehe põhifotolt.
  4. og:url viib teisele aadressile – avalehele, testdomeenile või http:// versioonile. Platvorm saab kõik lingid koondada ühele lehele.
  5. Puudub `twitter:card`. Ilma selleta kuvab X sageli väikest kaarti. Suurema pildi jaoks on vaja summary_large_image.
  6. og:title dubleerib pealkirja sõnaga „osta“ ja brändiga. Sotsiaalmeedia voos näeb see välja nagu reklaam; elav pealkiri, näiteks postituse puhul, on parem.

Minimaalne õige komplekt näeb välja selline:

<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">

Kuidas og:image jaoks pilti ette valmistada?

Pilt on kaardi kõige märgatavam osa ja just sellega koonerdatakse sageli. Siin on mõned reeglid, mida ma järgin:

  • Suurus on 1200 × 630 ja paigutus on horisontaalne. Sotsiaalvõrgustik kärbib ruudukujulise tootefoto üla- ja alaosa, mistõttu võib tootelt puududa pea või tald.
  • Oluline on keskel. Erinevad platvormid kärpivad servi erinevalt ja mobiilivoos on kaart veelgi väiksem. Hoia tekst suurelt ja servadest eemal.
  • Minimaalselt teksti. Pealkiri on juba pildi all; pildil endal piisab 3-6 sõnast või pealkirjade puudumisest.
  • Kergekaaluline fail. Mõistliku suurusega JPG või PNG laadib kiiresti ja platvorm ei aegu.
  • Iga põhilehe jaoks eraldi pilt. Artiklite ja toodete puhul on mugav luua see automaatselt: artikli kaas või toote põhifoto.

Hea test on avada eelvaade telefoni siluris. Kui link pole ilma suumimata selge, tuleb pilti ümber töötada.

Kuidas ma saan pärast parandust vana eelvaadet uuendada?

Levinud stsenaarium: olete sildid parandanud, aga sotsiaalvõrgustik kuvab kangekaelselt vana pilti. Põhjus on vahemälus: platvorm on esimese jagamise eelvaate meelde jätnud. Facebook aitab andmete uuesti kogumine jagamisvea abil jagamisvea abil, LinkedInis Post Inspectoriga ja Telegram @WebpageBot robotiga, kuhu lingi saadate. Kui miski muu ebaõnnestub, lisage aadressile ohutu parameeter, näiteks ?v=2: platvormi jaoks on see uus link.

Võrdlus: avatud graafi silur ja alternatiivid

Tööriist Mis on tasuta? Piirangud Kellele see sobib?
PromoPilot - avatud graafi silur Kõik og ja Twitteri sildid, og:pildi suurus, Facebook, X-i ja LinkedIni eelvaated, soovitused Ei tühjenda sotsiaalmeedia vahemälu Kontrolli oma lehte kohe enne selle avaldamist mis tahes sotsiaalmeedias
Jagamise silur (meta) Facebook eelvaade ja andmete uuesti kogumine Ainult Facebook, kontole sisselogimine on vajalik Lähtesta vana eelvaade Facebook
LinkedIni postituste inspektor LinkedIni eelvaade ja vahemälu värskendamine Ainult LinkedInis, sisselogimine on vajalik Neile, kes reklaamivad LinkedInis
@WebpageBot Telegram Telegram lingi eelvaate värskendamine Ainult Telegram, ei parsi silte Telegram kanali omanikele

Kokkuvõte: vahemälu tühjendamiseks on vaja ametlikke platvormi silujaid, kuid iga platvorm näitab ainult oma võrku. Kõigi eelvaadete ja puuduvate siltide loendi korraga nägemiseks on mugavam kasutada universaalset silurit.

Muide, PromoPilot pakub 87 tasuta SEO tööriista. Kui te pole veel silte kirjutanud, on meie sarjas artikkel metasiltide generaatori kohta, mis loob eelvaatega avatud graafiku ploki.

Mille poolest erineb Open Graph Debugger metasiltide analüüsist?

Metasiltide analüüs vaatleb lehte otsingumootori silmade läbi: pealkiri, kirjeldus, kanooniline, hreflang ja Open Graph on vaid üks rühm. Silur keskendub sotsiaalmeediale: see loob kaarte erinevatele platvormidele, kontrollib pildi suurust ja annab eelvaadete põhjal soovitusi. Kui teie saidi linke jagatakse aktiivselt sotsiaalmeedias ja sõnumsiderakendustes, on silur kasulikum.

Mõlemal on üks piirang: nad loevad serveri tagastatud HTML-i. Kui sildid sisestab brauseri skript, siis paljud sotsiaalvõrgustikud neid ei näe – see tuleb veebisaidi poolel parandada. Veel üks detail: silur kontrollib silte, aga mitte jagamist ennast. Kui leht on parooliga kaitstud, geoblokeeritud või kaitstud robotite eest, ei pruugi sotsiaalvõrgustik sellele juurde pääseda isegi siis, kui kõik sildid on olemas.

Millal tasuta tööriistast ei piisa?

Sotsiaalmeedia linkide eelvaated enne ja pärast Open Graphi seadistamist: tühi URL versus suur pilt ja selge pealkiri

Silur näitab, et lehel puudub `og:image`. Aga kui lehti on tuhandeid, pole piltide käsitsi lisamine võimalik. Spetsialisti on vaja järgmistel juhtudel:

  • igal tootel või artiklil peaks olema oma eelvaatepilt, mis kogutakse automaatselt;
  • sait tagastab sildid skripti abil ja sotsiaalvõrgustikud neid ei näe;
  • Sa avaldad reklaame ja kirju, kus iga eelvaade mõjutab klõpsu hinda;
  • Vajame kombinatsiooni "veebisait + Telegram kanal + automaatne avaldamine" koos õigete kaartidega.

Mida ma saan teie veebisaidi heaks teha?

Olen Valeriy Danyuk, arendaja ja SEO spetsialist 12-aastase kogemuse ja üle 200 kliendiga. Kaunis lingi eelvaade on tasuta ja kohandan seda iga projekti jaoks.

SEO ja reklaam

Veebilehed ja veebipoed

Botid ja automatiseerimine

Saada mulle Telegram Messengeris halvasti paistev link ja ma ütlen sulle, milline silt puudub.

Tulemus

  1. Veebipõhine Open Graphi kontrollija näitab, kuidas link Facebook, X-is ja LinkedInis välja näeb ning millised sildid puuduvad.
  2. Minimaalne nõutav on og:title, og:type, og:image (1200×630, täielik aadress) ja og:url, pluss twitter:kaart.
  3. Pärast parandamist lähtestage saitide vahemälu: Sharing Debugger, Post Inspector, @WebpageBot.
  4. Kataloogi ja ajaveebi puhul peaksid eelvaatepildid kogunema automaatselt, nagu 1001site.

Enne kui su jälgijad postitust näevad, kontrolli lehte, mida kavatsed jagada, tasuta Open Graph Debuggeris.

Allikad

  • PromoPiloti avatud graafiku siluri tööriista leht — kontrollide loend ja KKK.
  • Avatud graafiku protokoll (ogp.me) – kohustuslikud ja valikulised omadused.
  • Meta Sharing Debugger ja LinkedIn Post Inspector on platvormide ametlikud tööriistad.

Viited ja allikad

Küsimused ja vastused

Milliseid OG silte on vaja?

Open Graphi spetsifikatsioon nõuab nelja silti: og:title, og:type, og:image ja og:url. Praktikas tasub lisada og:description, og:site_name ja og:locale ning X-i (Twitter) puhul twitter:card. Tööriist näitab, millised sildid puuduvad, ja hindab märgistuse täielikkust.

Milline on soovitatav OG pildi suurus?

Soovitatav pildi og:image suurus on 1200x630 pikslit (kuvasuhe ligikaudu 1,91:1). See pilt näeb Facebook, LinkedInis ja X-i summary_large_image kaardil suur välja. Hoidke oluline tekst keskel, kuna mõnel platvormil on servad ära lõigatud.

Miks kuvab sotsiaalvõrgustik pärast parandust vana eelvaadet?

Sotsiaalvõrgustikud ja sõnumsiderakendused vahemällu salvestavad eelvaateid. Pärast siltide muutmist paluge platvormil leht uuesti parsida: Facebook kasutage jagamisveeretis nuppu „reparse”, LinkedInis Post Inspectorit ja Telegram robotit @WebpageBot. Mõnikord aitab lingile parameetri (nt?v=2) lisamine.

Kontrollisime veebilehte, aga kedagi pole, kes seda parandaks?

See tasuta tööriist paljastab probleemid. Analüüsin aruannet, sean prioriteediks ja parandan need: SEO audit, kiirendamine, märgistus ja uuele saidile migreerimine ilma edetabelit kaotamata.