Ang maikling sagot: para masuri ang Open Graph online, i-paste ang address ng pahina sa libreng Open Graph Debugger PromoPilot. Babasahin nito ang lahat og:* at Twitter Card tags, susuriin ang presensya at laki ng larawan, susuriin ang pagkakumpleto ng markup, at ipapakita ang mga preview ng link para sa Facebook, X (Twitter), at LinkedIn—kasama ang mga rekomendasyon para sa kung ano ang idadagdag. Hindi kinakailangan ang pagpaparehistro. Sa ibaba makikita mo ang mga kinakailangang tag, ang kinakailangang laki ng og:image, at kung paano i-update ang isang "stuck" preview.
Labindalawa taon na akong gumagawa ng mga website, at mas madalas kong naririnig ang tanong na "Bakit walang larawan Telegram?" mula sa mga kliyente kaysa sa mga tanong ko tungkol sa mga ranggo. Kadalasan, limang minuto lang ang tinatagal nito—kung alam mo kung saan hahanap.
Ano ang sinusuri ng Open Graph Debugger?
Kapag naglagay ka ng link sa isang post o mensahe, pupunta ang platform sa pahina at hahanap ng mga Open Graph tag. Kung makakita ito ng isa, bubunot ito ng isang maayos na card. Kung hindi, kukunin nito ang anumang makita nito o magpakita ng isang hubad na URL. Sinusuri lamang ng tool kung ano ang babasahin ng mga social network.
| Ano ang sinusuri nito? | Ano ang tinitingnan niya? | Bakit kailangan ito ng negosyo? |
|---|---|---|
| Lahat ng tag og:* | og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale | Mula sa mga ito, kinokolekta ng mga site ang pamagat, paglalarawan, at larawan ng card. |
| Kard ng Twitter | twitter:card, twitter:title, twitter:description, twitter:imahe | Binabasa ng X (Twitter) ang mga tag nito, at kung wala ang mga ito, bahagyang og |
| Larawan ng OG | May larawan ba at anong laki nito? | Ginagawang maliit na icon sa gilid ang card dahil sa maliit na larawan |
| Pagtatasa ng pagkakumpleto | Ilang inirerekomendang tag ang napunan? | Mabilisang sanggunian: nasa lugar na ba ang lahat? |
| Mga preview ng network | mga kard para sa Facebook, X, at LinkedIn | Makikita mo kung ano ang magiging hitsura ng post bago ito ilathala. |
| Mga Rekomendasyon | Ano ang dapat kong idagdag o itama? | Isang handa nang listahan ng gawain para sa isang developer o para sa iyo |
Paano tingnan ang mga pahina ng Open Graph online?
- Buksan ang Bukas na Pang-debug ng Graph.
- Ilagay ang URL ng pahinang gusto mong ibahagi: isang artikulo, isang produkto, o isang landing page para sa advertising. I-click ang "Suriin."
- Tingnan ang listahan ng mga tag: alin ang nakatakda, alin ang walang laman, at kung mayroong foreign o test address sa og:url.
- Suriin ang preview para sa bawat network: putol ba ang pamagat, nakikita ba ang larawan, at mayroon bang anumang mahalagang teksto sa paligid ng mga gilid.
- Pakidagdag ang mga nawawalang tag gaya ng inirerekomenda at tingnan muli ang pahina.
Pahina ng kagamitan: patlang ng address, buton na "Suriin", listahan ng mga pagsusuri at FAQ.
Magaan ang tool: sapat na ang pang-araw-araw na limitasyon para masuri ng isang bisita ang lahat ng template ng site—ang homepage, kategorya, produkto, at artikulo. Pagkatapos ng libreng pagpaparehistro, triplehin ang limitasyon.
Ano ang mga pinakakaraniwang error sa Open Graph?
Narito ang mga nakikita ko sa halos lahat ng ibang site, at sa kung anong pagkakasunud-sunod ng pag-aayos nito.
- Walang og:image o tinukoy ito bilang isang relatibong URL. Hindi mauunawaan ng mga social network
content="/img/cover.jpg"—kinakailangan ang buong URL na nagsisimula sahttps://. Kung walang larawan, lubhang bababa ang abot ng post. - Masyadong maliit ang larawan. Ginagawang maliit na parisukat ang card dahil sa 200x200 na logo sa gilid. Kailangan ng 1200x630 na larawan.
- Isang og:image para sa buong site. Dapat pareho ang hitsura ng bawat artikulo at bawat produkto sa social media—kasama ang logo. Para sa blog at katalogo, ang larawan ay dapat kunin mula sa pangunahing larawan ng pahina.
- Ang og:url ay humahantong sa isa pang address —ang homepage, isang test domain, o ang
http://na bersyon. Maaaring pagsamahin ng platform ang lahat ng link sa isang pahina. - Walang twitter:card. Kung wala ito, madalas na nagpapakita ang X ng maliit na card. Para sa mas malaking larawan, kakailanganin mo
summary_large_image. - Dinoble ng og:title ang pamagat gamit ang "buy" at ang tatak. Sa isang social media feed, mukhang isang ad ito; mas mainam ang isang masiglang headline, tulad ng para sa isang post.
Ganito ang hitsura ng minimum na tamang set:
<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">Paano maghanda ng imahe para sa og:image?
Ang imahe ang pinakakapansin-pansing bahagi ng card, at dito madalas na nagtitipid ang mga tao. Narito ang ilang mga patakaran na sinusunod ko:
- Ang laki ay 1200×630 at ang oryentasyon ay pahalang. Iko-crop ng social network ang itaas at ibaba ng isang parisukat na larawan ng produkto, na maaaring magresulta sa kawalan ng ulo o talampakan ng produkto.
- Ang mahalaga ay nasa gitna. Iba-iba ang pag-crop ng mga gilid ng iba't ibang platform, at sa mobile feed, mas maliit pa ang card. Panatilihing malaki ang teksto at malayo sa mga gilid.
- Kaunting teksto. Ang pamagat ay nasa ibaba na ng larawan; 3-6 na salita o walang mga caption ang kailangan sa mismong larawan.
- Magaang file. Mabilis na maglo-load ang isang JPG o PNG na may makatwirang laki, at hindi magta-timeout ang platform.
- Isang nakalaang larawan para sa bawat pangunahing pahina. Para sa mga artikulo at produkto, maginhawang gumawa ng isa nang awtomatiko: isang pabalat ng artikulo o ang pangunahing larawan ng produkto.
Isang magandang pagsubok ang buksan ang preview sa debugger ng iyong telepono. Kung hindi malinaw ang link nang hindi nag-zoom in, kailangang baguhin ang imahe.
Paano ko ia-update ang isang lumang preview pagkatapos ng isang pag-aayos?
Isang karaniwang senaryo: naayos mo na ang mga tag, ngunit matigas ang ulo ng social network na ipinapakita ang lumang larawan. Ang dahilan ay ang cache: naalala ng platform ang preview mula sa unang pagbabahagi. Sa Facebook nakakatulong ang muling pagkolekta ng data sa Sharing Debugger, sa LinkedIn, sa Post Inspector, at sa Telegram, sa @WebpageBot bot, kung saan mo pinapadala ang link. Kung hindi gumana ang lahat, magdagdag ng hindi nakakapinsalang parameter sa address, tulad ng ?v=2: para sa platform, ito ay isang bagong link.
Paghahambing: Open Graph Debugger at mga Alternatibo
| Kagamitan | Ano ang libre? | Mga Restriksyon | Para kanino ito angkop? |
|---|---|---|---|
| PromoPilot - Pang-debug ng Bukas na Graph | Lahat ng tag ng og at Twitter, og:laki ng larawan, mga preview para sa Facebook, X, at LinkedIn, mga rekomendasyon | Hindi nililinis ang cache ng social media | Suriin agad ang iyong pahina bago ito i-post sa anumang social media |
| Pagbabahagi ng Debugger (Meta) | Pag-preview Facebook at Muling Pagkolekta ng Data | Facebook lang, kailangan mag-login sa account | I-reset ang lumang preview sa Facebook |
| Inspektor ng Post sa LinkedIn | Preview ng LinkedIn at Pag-refresh ng Cache | LinkedIn lamang, kinakailangan ang pag-login | Para sa mga nagpo-promote sa LinkedIn |
| @WebpageBot sa Telegram | Pag-update ng preview ng link sa Telegram | Telegram lang, hindi nag-parse ng mga tag | Para sa mga may-ari ng Telegram channel |
Konklusyon: kailangan ang mga opisyal na platform debugger para linisin ang cache, ngunit ang bawat platform ay nagpapakita lamang ng sarili nitong network. Para makita ang lahat ng preview at isang listahan ng mga nawawalang tag nang sabay-sabay, mas maginhawa ang isang universal debugger.
Siya nga pala, ang PromoPilot ay may 87 libreng SEO tools. Kung hindi ka pa nakakasulat ng mga tag, mayroon kaming artikulo sa aming serye tungkol sa isang meta tag generator na lilikha ng Open Graph block na may preview.
Paano naiiba ang Open Graph Debugger sa meta tag analysis?
Tinitingnan ng meta tag analysis ang isang pahina gamit ang pananaw ng isang search engine: ang pamagat, paglalarawan, canonical, hreflang, at Open Graph ay iisang grupo lamang. Nakatuon ang debugger sa social media: lumilikha ito ng mga card para sa iba't ibang platform, sinusuri ang laki ng imahe, at nagbibigay ng mga rekomendasyon na partikular na batay sa mga preview. Kung ang mga link sa iyong site ay aktibong ibinabahagi sa social media at mga messaging app, mas kapaki-pakinabang ang debugger.
Pareho silang may iisang limitasyon: binabasa nila ang HTML na ibinalik ng server. Kung ang mga tag ay ipinasok ng isang browser script, maraming social network ang hindi makakakita sa mga ito—kailangang ayusin ito sa panig ng website. Isa pang detalye: sinusuri ng debugger ang mga tag, ngunit hindi ang mismong pagbabahagi. Kung ang pahina ay protektado ng password, naka-geoblock, o protektado mula sa mga bot, maaaring hindi ito ma-access ng social network kahit na naroroon ang lahat ng mga tag.
Kailan hindi sapat ang isang libreng tool?
Ipapakita ng isang debugger na ang pahina ay walang og:image. Ngunit kung mayroong libu-libong pahina, hindi posible ang manu-manong paglalagay ng mga imahe. Kinakailangan ang isang espesyalista kapag:
- ang bawat produkto o artikulo ay dapat may sariling preview na larawan, na awtomatikong kinokolekta;
- ang site ay nagbabalik ng mga tag gamit ang isang script, at hindi ito nakikita ng mga social network;
- Naglulunsad ka ng mga ad at mailing kung saan ang bawat preview ay nakakaapekto sa cost per click;
- Kailangan natin ng kombinasyon ng "website + Telegram channel + auto-publishing" kasama ang mga tamang paraan.
Ano ang magagawa ko para sa website mo?
Ako si Valeriy Danyuk, isang developer at SEO specialist na may 12 taong karanasan at mahigit 200 kliyente. Libre ang pag-access sa isang magandang link preview, at iko-customize ko ito para sa bawat proyekto.
SEO at promosyon
- Turnkey website SEO audit: Sinusuri ko ang lahat ng template tag, nagse-set up ng awtomatikong preview ng mga larawan, at tinatama ang code.
Mga website at online na tindahan
- Paglilipat ng iyong tindahan mula sa Instagram patungo sa iyong website —mga produktong may wastong mga preview para sa madaling pagbabahagi.
- Isang landing page para sa isang bagong produkto na ginawa sa isang gabi – isang case study ng NordHarvest na may kasamang handa nang card para sa social media.
- Isang website ng klinika para sa plastic surgery na may AI at mga aplikasyon sa pamamagitan ng Telegram.
- Website sa 1001site: awtomatikong kino-configure ang mga preview para sa mga social network at awtomatikong pag-publish sa Telegram.
Mga bot at automation
- Telegram bot na may AI para sa isang online na tindahan ng sarsa.
- Ang QuestFlow ay isang SaaS builder Telegram bot na may AI.
- Mga ahente ng e-commerce sa halip na mga chatbot.
Padalhan mo ako ng link na mukhang hindi maganda sa messenger sa Telegram at sasabihin ko sa iyo kung aling tag ang nawawala.
Resulta
- Ipinapakita ng isang online na Open Graph checker kung ano ang hitsura ng isang link sa Facebook, X, at LinkedIn, at kung aling mga tag ang nawawala.
- Ang minimum na kinakailangan ay og:title, og:type, og:image (1200×630, buong address) at og:url, kasama ang twitter:card.
- Pagkatapos ayusin, i-reset ang cache ng mga site: Sharing Debugger, Post Inspector, @WebpageBot.
- Para sa katalogo at blog, dapat awtomatikong kolektahin ang mga preview na larawan, tulad ng sa 1001site.
Tingnan ang pahinang ibabahagi mo sa libreng Open Graph Debugger bago makita ng iyong mga tagasunod ang post.
Mga Pinagmumulan
- Pahina ng tool na Open Graph Debugger ng PromoPilot — listahan ng mga pagsusuri at FAQ.
- Open Graph Protocol (ogp.me) - mga mandatory at opsyonal na katangian.
- Ang Sharing Debugger at LinkedIn Post Inspector ng Meta ang mga opisyal na kagamitan ng mga platform.
