La mallonga respondo: por kontroli Open Graph interrete, algluu la paĝadreson en la senpagan Open Graph Debugger PromoPilot. Ĝi legos ĉiujn og:* kaj Twitter Card etikedojn, kontrolos la ĉeeston kaj grandecon de la bildo, taksos la kompletecon de la markado, kaj montros antaŭrigardojn de ligiloj por Facebook, X (Twitter), kaj LinkedIn — plus rekomendojn pri kion aldoni. Registriĝo ne necesas. Sube vi trovos la bezonatajn etikedojn, la bezonatan og:image grandecon, kaj kiel ĝisdatigi "blokitan" antaŭrigardon.
Mi kreas retejojn jam de 12 jaroj, kaj mi aŭdas la demandon "Kial Telegram ne havas bildon?" de klientoj pli ofte ol demandojn pri rangotabeloj. Ĝi kutime estas kvinminuta laboro — se vi scias, kie serĉi.
Kion kontrolas Open Graph Debugger?
Kiam vi enmetas ligilon en afiŝon aŭ mesaĝon, la platformo iras al la paĝo kaj serĉas Open Graph-etikedojn. Se ĝi trovas unu, ĝi tiras interesan karton. Se ne, ĝi prenas tion, kion ĝi trovas, aŭ montras simplan URL-on. La ilo kontrolas nur tion, kion sociaj retoj legos.
| Kion ĝi kontrolas? | Kion li rigardas? | Kial komerco bezonas ĉi tion? |
|---|---|---|
| Ĉiuj etikedoj og:* | og:titolo, og:priskribo, og:bildo, og:url, og:tipo, og:site_name, og:loko | El ĉi tiuj, la retejoj kolektas la titolon, priskribon kaj bildon de la karto. |
| Twitter-Karto | tvitero:karto, tvitero:titolo, tvitero:priskribo, tvitero:bildo | X (Twitter) legas siajn etikedojn, kaj se ili forestas, parte og |
| Originala bildo | Ĉu estas bildo kaj kia estas ĝia grandeco? | La malgranda bildo transformas la karton en malgrandan ikonon sur la flanko |
| Takso de kompleteco | Kiom da rekomenditaj etikedoj estas plenigitaj? | Rapida referenco: ĉu ĉio estas en sia loko? |
| Retaj antaŭrigardoj | kartoj por Facebook, X, kaj LinkedIn | Vi povas vidi kiel la afiŝo aspektos antaŭ publikigo. |
| Rekomendoj | Kion mi aldonu aŭ korektu? | Preta tasklisto por programisto aŭ por vi |
Kiel kontroli Open Graph-paĝojn interrete?
- Malfermu Malfermu Grafean Erarserĉilon.
- Enigu la URL-on de la paĝo, kiun vi volas kunhavigi: artikolon, produkton aŭ reklaman surteriĝan paĝon. Alklaku "Kontroli".
- Trairu la liston de etikedoj: kiuj estas agorditaj, kiuj estas malplenaj, kaj ĉu estas fremda aŭ testa adreso en og:url.
- Kontrolu la antaŭrigardon por ĉiu reto: ĉu la titolo estas fortranĉita, ĉu la bildo estas videbla, kaj ĉu estas iu grava teksto ĉirkaŭ la randoj.
- Bonvolu aldoni la mankantajn etikedojn kiel rekomendite kaj kontroli la paĝon denove.
Ilpaĝo: adreskampo, butono "Kontroli", listo de kontroloj kaj Oftaj Demandoj.
La ilo estas malpeza: ĉiutaga limo sufiĉas por ke gasto kontrolu ĉiujn ŝablonojn de la retejo — la ĉefpaĝon, kategorion, produkton kaj artikolon. Post senpaga registrado, la limo triobliĝas.
Kiuj estas la plej oftaj eraroj en Open Graph?
Jen kion mi trovas en preskaŭ ĉiu alia retejo, kaj en kiu ordo ripari ĝin.
- Ne estas og:image aŭ ĝi estas specifita kiel relativa URL. Sociaj retoj ne komprenos
content="/img/cover.jpg"— la plena URL komenciĝanta perhttps://estas necesa. Sen bildo, la atingo de la afiŝo signife malpliiĝas. - La bildo estas tro malgranda. La emblemo 200x200 transformas la karton en malgrandan kvadraton flanke. Bildo 1200x630 estas bezonata.
- Unu og:bildo por la tuta retejo. Ĉiu artikolo kaj ĉiu produkto en sociaj retoj aspektu same — kun la emblemo. Por la blogo kaj katalogo, la bildo estu prenita de la ĉefa foto de la paĝo.
- og:url kondukas al alia adreso — la ĉefpaĝo, testa domajno, aŭ la
http://versio. La platformo povas unuigi ĉiujn ligilojn en unu solan paĝon. - Ne ekzistas twitter:card. Sen ĝi, X ofte montras malgrandan karton. Por pli granda bildo, vi bezonas
summary_large_image. - og:title duplikatas la titolon kun "aĉeti" kaj la marko. En socia amaskomunikila fluo, tio aspektas kiel anonco; vigla titolo, kiel por afiŝo, estas pli bona.
La minimuma ĝusta aro aspektas jene:
<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">Kiel prepari bildon por og:image?
La bildo estas la plej rimarkinda parto de la karto, kaj ĝi estas kie homoj ofte ŝparas. Jen kelkaj reguloj, kiujn mi sekvas:
- La grandeco estas 1200×630 kaj la orientiĝo estas horizontala. La socia reto detranĉos la supron kaj fundon de kvadrata produkta foto, kio povas rezultigi mankon de kapo aŭ plando al la produkto.
- La grava afero estas en la centro. Malsamaj platformoj malsame pritranĉas la randojn, kaj en la poŝtelefona fluo, la karto estas eĉ pli malgranda. Tenu tekston grandan kaj for de la randoj.
- Minimuma teksto. La titolo jam estas sub la bildo; 3-6 vortoj aŭ neniuj apudskriboj sufiĉas sur la bildo mem.
- Malpeza dosiero. JPG aŭ PNG de akceptebla grandeco ŝarĝiĝos rapide, kaj la platformo ne eksvalidiĝos.
- Dediĉita bildo por ĉiu ŝlosila paĝo. Por artikoloj kaj produktoj, estas oportune krei unu aŭtomate: artikolkovrilon aŭ la ĉefan produktofoton.
Bona testo estas malfermi la antaŭrigardon en la erarserĉilo de via telefono. Se la ligilo ne estas klara sen zomi, la bildo bezonas esti reverkita.
Kiel mi ĝisdatigas malnovan antaŭrigardon post riparo?
Ofta scenaro: vi riparis la etikedojn, sed la socia reto obstine montras la malnovan bildon. La kialo estas la kaŝmemoro: la platformo memoris la antaŭrigardon de la unua kunhavigo. Ĉe Facebook la rekolektado de la datumoj en la Kunhaviga Sencimigilo helpas, ĉe LinkedIn, per la Afiŝa Inspektisto, kaj ĉe Telegram, per la roboto @WebpageBot, al kiu vi sendas la ligilon. Se ĉio alia malsukcesas, aldonu sendanĝeran parametron al la adreso, ekzemple ?v=2: por la platformo, ĉi tio estas nova ligilo.
Komparo: Malferma Grafea Erarserĉilo kaj Alternativoj
| Ilo | Kio estas senpaga? | Restriktoj | Por kiu ĝi taŭgas? |
|---|---|---|---|
| PromoPilot - Malferma Grafea Sencimigilo | Ĉiuj og kaj Twitter etikedoj, og:bildgrandeco, antaŭrigardoj por Facebook, X kaj LinkedIn, rekomendoj | Ne malplenigas la kaŝmemoron de sociaj retoj | Kontrolu vian paĝon tuj antaŭ ol publikigi ĝin en iu ajn socia amaskomunikilaro |
| Kunhaviga Sencimigilo (Meta) | Antaŭrigardo Facebook kaj Rekolektado de Datumoj | Nur por Facebook, necesas ensaluto al konto | Restarigi malnovan antaŭrigardon en Facebook |
| LinkedIn-Afiŝa Inspektisto | Antaŭrigardo de LinkedIn kaj Refreŝigo de Kaŝmemoro | Nur LinkedIn, ensaluto necesas | Por tiuj, kiuj reklamas ĉe LinkedIn |
| @WebpageBot ĉe Telegram | Ĝisdatigante la antaŭrigardon de ligilo en Telegram | Nur Telegram, ne analizas etikedojn | Por posedantoj Telegram kanaloj |
Konkludo: oficialaj platformaj erarserĉiloj estas bezonataj por malplenigi la kaŝmemoron, sed ĉiu platformo montras nur sian propran reton. Por vidi ĉiujn antaŭrigardojn kaj liston de mankantaj etikedoj samtempe, universala erarserĉilo estas pli oportuna.
Cetere, PromoPilot havas 87 senpagajn SEO-ilojn. Se vi ankoraŭ ne skribis etikedojn, ni havas artikolon en nia serio pri meta-etiked-generilo, kiu kreos Open Graph-blokon kun antaŭrigardo.
Kiel la Open Graph Debugger diferencas de meta-etikeda analizo?
Analizo de meta-etikedoj rigardas paĝon tra la okuloj de serĉilo: titolo, priskribo, kanonika, hreflang kaj Open Graph estas nur unu grupo. La erarserĉilo fokusiĝas al sociaj retoj: ĝi kreas kartojn por malsamaj platformoj, kontrolas bildgrandecon kaj faras rekomendojn specife bazitajn sur antaŭrigardoj. Se ligiloj al via retejo estas aktive kundividataj en sociaj retoj kaj mesaĝaplikaĵoj, la erarserĉilo estas pli utila.
Ambaŭ havas unu limigon: ili legas la HTML-on resenditan de la servilo. Se etikedoj estas enigitaj per retumila skripto, multaj sociaj retoj ne vidos ilin — tio devas esti riparita ĉe la flanko de la retejo. Alia detalo: la erarserĉilo kontrolas la etikedojn, sed ne la kunhavigon mem. Se la paĝo estas pasvort-protektita, geoblokita aŭ protektita kontraŭ robotoj, la socia reto eble ne povos aliri ĝin eĉ se ĉiuj etikedoj ĉeestas.
Kiam senpaga ilo ne sufiĉas?
Erarserĉilo montros, ke la paĝo ne havas og:image. Sed se estas miloj da paĝoj, permane enmeti bildojn ne eblas. Specialisto estas bezonata kiam:
- ĉiu produkto aŭ artikolo havu sian propran antaŭrigardan bildon, kolektitan aŭtomate;
- la retejo redonas etikedojn per skripto, kaj sociaj retoj ne vidas ilin;
- Vi lanĉas reklamojn kaj dissendojn, kie ĉiu antaŭrigardo influas la koston por klako;
- Ni bezonas kombinaĵon de "retejo + Telegram kanalo + aŭtomata publikigo" kun la ĝustaj kartoj.
Kion mi povas fari por via retejo?
Mi estas Valerij Danyuk, programisto kaj SEO-specialisto kun 12 jaroj da sperto kaj pli ol 200 klientoj. Bela antaŭrigardo de ligilo estas senpaga, kaj mi ĝin adaptas al ĉiu projekto.
SEO kaj reklamado
- Preta SEO-revizio de retejo: Mi kontrolas ĉiujn ŝablonajn etikedojn, starigas aŭtomatajn antaŭrigardajn bildojn, kaj korektas la kodon.
Retejoj kaj interretaj vendejoj
- Translokigante vian butikon de Instagram al via retejo — produktoj kun taŭgaj antaŭrigardoj por facila kunhavigo.
- Alvenpaĝo por nova produkto kreita en unu vespero - kazesploro de NordHarvest kun preta karto por sociaj retoj.
- Retejo de kliniko pri plastikkirurgio kun artefarita inteligenteco kaj aplikaĵoj per Telegram.
- Retejo ĉe 1001site: antaŭrigardoj por sociaj retoj kaj aŭtomata publikigo en Telegram estas agorditaj aŭtomate.
Robotoj kaj aŭtomatigo
- Telegram roboto kun artefarita inteligenteco por reta saŭcovendejo.
- QuestFlow estas SaaS-konstruilo Telegram robotoj kun artefarita inteligenteco.
- E-komercaj agentoj anstataŭ babilrobotoj.
Sendu al mi ligilon, kiu aspektas malbone en mesaĝilo ĉe Telegram, kaj mi diros al vi, kiu etikedo mankas.
Rezulto
- Interreta Open Graph-kontrolilo montras kiel ligilo aspektas en Facebook, X kaj LinkedIn, kaj kiuj etikedoj mankas.
- La minimumo postulata estas og:title, og:type, og:image (1200×630, plena adreso) kaj og:url, plus twitter:card.
- Post riparo, restarigu la kaŝmemoron de la retejoj: Sharing Debugger, Post Inspector, @WebpageBot.
- Por la katalogo kaj blogo, antaŭrigardaj bildoj devus esti kolektitaj aŭtomate, kiel ĉe 1001site.
Kontrolu la paĝon, kiun vi tuj dividos, en la senkosta Open Graph Debugger antaŭ ol viaj sekvantoj vidas la afiŝon.
Fontoj
- La paĝo pri la ilo Open Graph Debugger de PromoPilot — listo de kontroloj kaj Oftaj Demandoj.
- Malferma Grafea Protokolo (ogp.me) - devigaj kaj laŭvolaj ecoj.
- La Sharing Debugger kaj LinkedIn Post Inspector de Meta estas la oficialaj iloj de la platformoj.
