Die kort antwoord: om Open Graph aanlyn na te gaan, plak die bladsyadres in die gratis Open Graph Debugger PromoPilot. Dit sal alle og:* en Twitter Card-etikette lees, die teenwoordigheid en grootte van die beeld nagaan, die volledigheid van die opmaak evalueer en skakelvoorskoue vir Facebook, X (Twitter) en LinkedIn vertoon—plus aanbevelings vir wat om by te voeg. Geen registrasie nodig nie. Hieronder vind u die vereiste etikette, die vereiste og:beeldgrootte en hoe om 'n "vasgesteekte" voorskou op te dateer.
Ek bou al 12 jaar lank webwerwe, en ek hoor die vraag "Waarom het Telegram skakel nie 'n beeld nie?" meer gereeld van kliënte as vrae oor ranglys. Dit is gewoonlik 'n vyf-minuut-werk – as jy weet waar om te soek.
Wat toets Open Graph Debugger?
Wanneer jy 'n skakel in 'n plasing of boodskap invoeg, gaan die platform na die bladsy en soek vir Open Graph-etikette. As dit een vind, teken dit 'n netjiese kaart. Indien nie, neem dit wat dit ook al vind of vertoon dit 'n blote URL. Die instrument kyk slegs na wat sosiale netwerke sal lees.
| Wat kontroleer dit? | Waarna kyk hy? | Waarom het besigheid dit nodig? |
|---|---|---|
| Alle etikette og:* | og:titel, og:beskrywing, og:beeld, og:url, og:tipe, og:webwerfnaam, og:locale | Hieruit versamel die webwerwe die titel, beskrywing en beeld van die kaart. |
| Twitter-kaart | twitter:kaart, twitter:titel, twitter:beskrywing, twitter:beeld | X (Twitter) lees sy etikette, en as hulle afwesig is, gedeeltelik og |
| OG-beeld | Is daar 'n prentjie en hoe groot is dit? | Die klein prentjie verander die kaart in 'n klein ikoontjie aan die kant |
| Volledigheidsassessering | Hoeveel aanbevole etikette is gevul? | Vinnige verwysing: is alles in plek? |
| Netwerkvoorskoue | kaarte vir Facebook, X en LinkedIn | Jy kan sien hoe die plasing sal lyk voor publikasie. |
| Aanbevelings | Wat moet ek byvoeg of regstel? | 'n Kant-en-klare taaklys vir 'n ontwikkelaar of vir jou |
Hoe kan ek Open Graph-bladsye aanlyn nagaan?
- Maak Open Graph Ontfouter oop.
- Voer die URL van die bladsy in wat jy wil deel: 'n artikel, 'n produk of 'n advertensielandingsblad. Klik "Kontroleer".
- Gaan deur die lys van etikette: watter is gestel, watter is leeg, en of daar 'n vreemde of toetsadres in og:url is.
- Gaan die voorskou vir elke netwerk na: is die titel afgesny, is die beeld sigbaar, en is daar enige belangrike teks rondom die kante.
- Voeg asseblief die ontbrekende etikette by soos aanbeveel en kyk weer na die bladsy.
Gereedskapsbladsy: adresveld, "Kontroleer"-knoppie, lys van kontroles en algemene vrae.
Die instrument is liggewig: 'n daaglikse limiet is genoeg vir 'n gas om al die webwerf se sjablone na te gaan - die tuisblad, kategorie, produk en artikel. Na gratis registrasie word die limiet verdriedubbel.
Wat is die mees algemene foute in Open Graph?
Hier is wat ek op amper elke ander webwerf vind, en in watter volgorde om dit reg te stel.
- Daar is geen og:image nie, of dit is gespesifiseer as 'n relatiewe URL. Sosiale netwerke sal nie
content="/img/cover.jpg"verstaan nie — die volledige URL wat methttps://begin, word vereis. Sonder 'n beeld daal die plasing se bereik aansienlik. - Die beeld is te klein. Die 200x200-logo verander die kaart in 'n klein vierkant aan die kant. 'n 1200x630-beeld word benodig.
- Een og:image vir die hele webwerf. Elke artikel en elke produk op sosiale media moet dieselfde lyk—met die logo. Vir die blog en katalogus moet die beeld van die bladsy se hooffoto geneem word.
- og:url lei na 'n ander adres — die tuisblad, 'n toetsdomein of die
http://weergawe. Die platform kan alle skakels in 'n enkele bladsy konsolideer. - Daar is geen twitter:card nie. Daarsonder wys X dikwels 'n klein kaartjie. Vir 'n groter beeld benodig jy
summary_large_image. - og:title dupliseer die titel met "koop" en die handelsmerk. In 'n sosiale media-voer lyk dit soos 'n advertensie; 'n lewendige opskrif, soos vir 'n plasing, is beter.
Die minimum korrekte stel lyk so:
<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">Hoe om 'n beeld voor te berei vir og:image?
Die beeld is die mees opvallende deel van die kaart, en dis waar mense dikwels bespaar. Hier is 'n paar reëls wat ek volg:
- Die grootte is 1200×630 en die oriëntasie is horisontaal. Die sosiale netwerk sal die bo- en onderkant van 'n vierkantige produkfoto sny, wat daartoe kan lei dat die produk 'n kop of sool kort.
- Die belangrike ding is in die middel. Verskillende platforms sny die rande verskillend, en in die mobiele stroom is die kaart selfs kleiner. Hou teks groot en weg van die rande.
- Minimale teks. Die titel is reeds onder die beeld; 3-6 woorde of geen onderskrifte is voldoende op die beeld self nie.
- Liggewig lêer. 'n JPG of PNG van redelike grootte sal vinnig laai, en die platform sal nie 'n tyd-oorskryding hê nie.
- 'n Toegewyde beeld vir elke sleutelbladsy. Vir artikels en produkte is dit gerieflik om outomaties een te skep: 'n artikelomslag of die hoofprodukfoto.
'n Goeie toets is om die voorskou in die ontfouter op jou foon oop te maak. As die skakel nie duidelik is sonder om in te zoem nie, moet die beeld herwerk word.
Hoe werk ek 'n ou voorskou op na 'n regstelling?
'n Algemene scenario: jy het die etikette reggestel, maar die sosiale netwerk wys hardnekkig die ou beeld. Die rede is kasgeheue: die platform het die voorskou van die eerste deel onthou. Op Facebook help dit om die data weer in die Deel-ontfouter in te samel, op LinkedIn met Post Inspector, en op Telegram met die @WebpageBot-bot, waarna jy die skakel stuur. Indien alles anders misluk, voeg 'n onskadelike parameter by die adres, soos ?v=2: vir die platform is dit 'n nuwe skakel.
Vergelyking: Oop Grafiek Ontfouter en Alternatiewe
| Gereedskap | Wat is gratis? | Beperkings | Vir wie is dit geskik? |
|---|---|---|---|
| PromoPilot - Oop Grafiek Ontfouter | Alle og en Twitter etikette, og:beeldgrootte, voorskoue vir Facebook, X en LinkedIn, aanbevelings | Maak nie sosiale media-kas skoon nie | Gaan jou bladsy onmiddellik na voordat jy dit op enige sosiale media publiseer |
| Deel-ontfouter (Meta) | Facebook -voorskou en data-herinsameling | Slegs Facebook, rekeningaanmelding vereis | Stel ou voorskou op Facebook terug |
| LinkedIn-plasinginspekteur | LinkedIn-voorskou en kasherlaai | Slegs LinkedIn, aanmelding vereis | Vir diegene wat op LinkedIn adverteer |
| @WebpageBot op Telegram | Opdatering van skakelvoorskou in Telegram | Slegs Telegram ontleed nie etikette nie | Vir Telegram -kanaaleienaars |
Gevolgtrekking: amptelike platformontfouters is nodig om die kasgeheue skoon te maak, maar elke platform wys slegs sy eie netwerk. Om alle voorskoue en 'n lys van ontbrekende etikette in een slag te sien, is 'n universele ontfouter geriefliker.
Terloops, PromoPilot het 87 gratis SEO-gereedskap. As jy nog nie etikette geskryf het nie, het ons 'n artikel in ons reeks oor 'n meta-etiketgenerator wat 'n Open Graph-blok met 'n voorskou sal skep.
Hoe verskil die Open Graph Debugger van metatag-analise?
Metatag-analise kyk na 'n bladsy deur die oë van 'n soekenjin: titel, beskrywing, kanoniek, hreflang en Open Graph is slegs een groep. Die ontfouter fokus op sosiale media: dit skep kaarte vir verskillende platforms, kontroleer beeldgrootte en maak aanbevelings spesifiek gebaseer op voorskoue. As skakels na jou webwerf aktief op sosiale media en boodskapprogramme gedeel word, is die ontfouter nuttiger.
Beide het een beperking: hulle lees die HTML wat deur die bediener teruggestuur word. As etikette deur 'n blaaierskrip ingevoeg word, sal baie sosiale netwerke hulle nie sien nie – dit moet aan die webwerf se kant reggestel word. Nog 'n detail: die ontfouter kontroleer die etikette, maar nie die deling self nie. As die bladsy met 'n wagwoord beskerm, geoblokkeer of teen robotte beskerm is, sal die sosiale netwerk moontlik nie toegang daartoe hê nie, selfs al is al die etikette teenwoordig.
Wanneer is 'n gratis hulpmiddel nie genoeg nie?
’n Ontfouter sal wys dat die bladsy nie og:image het nie. Maar as daar duisende bladsye is, is dit nie moontlik om beelde handmatig in te voeg nie. ’n Spesialis is nodig wanneer:
- elke produk of artikel moet sy eie voorskoubeeld hê, wat outomaties versamel word;
- die webwerf gee etikette terug met behulp van 'n skrip, en sosiale netwerke sien hulle nie;
- Jy loods advertensies en posstukke waar elke voorskou die koste per klik beïnvloed;
- Ons benodig 'n kombinasie van "webwerf + Telegram kanaal + outomatiese publisering" met die regte kaarte.
Wat kan ek vir jou webwerf doen?
Ek is Valeriy Danyuk, 'n ontwikkelaar en SEO-spesialis met 12 jaar ondervinding en meer as 200 kliënte. 'n Pragtige skakelvoorskou is gratis beskikbaar, en ek pas dit vir elke projek aan.
SEO en promosie
- Sleutelklaar webwerf SEO-oudit: Ek kontroleer alle sjabloonetikette, stel outomatiese voorskoubeelde op en korrigeer kode.
Webwerwe en aanlynwinkels
- Oordra jou winkel van Instagram na jou webwerf — produkte met behoorlike voorskoue vir maklike deel.
- 'n Landingsblad vir 'n nuwe produk wat in een aand geskep is – 'n NordHarvest-gevallestudie met 'n gereedgemaakte kaart vir sosiale media.
- 'n Webwerf vir 'n plastiese chirurgiekliniek met KI en toepassings via Telegram.
- Webwerf op 1001site: voorskoue vir sosiale netwerke en outomatiese publisering in Telegram word outomaties gekonfigureer.
Bots en outomatisering
- Telegram bot met KI vir 'n aanlyn souswinkel.
- QuestFlow is 'n SaaS-bouer Telegram botte met KI.
- E-handelsagente in plaas van kletsbotte.
Stuur vir my 'n skakel wat sleg lyk in 'n boodskapper op Telegram en ek sal jou sê watter etiket ontbreek.
Resultaat
- 'n Aanlyn Open Graph-kontroleerder wys hoe 'n skakel op Facebook, X en LinkedIn lyk, en watter etikette ontbreek.
- Die minimum vereiste is og:title, og:type, og:image (1200×630, volledige adres) en og:url, plus twitter:card.
- Nadat dit reggestel is, herstel die kasgeheue van die webwerwe: Deelontfouter, Plasinginspekteur, @WebpageBot.
- Vir die katalogus en blog behoort voorskoubeelde outomaties versamel te word, soos op 1001site.
Gaan die bladsy wat jy op die punt staan om te deel in die gratis Open Graph Debugger na voordat jou volgelinge die plasing sien.
Bronne
- PromoPilot se Open Graph Debugger-hulpmiddelbladsy — lys van kontroles en algemene vrae.
- Open Graph Protocol (ogp.me) - verpligte en opsionele eienskappe.
- Meta se Deelontfouter en LinkedIn Post Inspector is die platforms se amptelike gereedskap.
