Meta Sharing Debugger
https://developers.facebook.com/tools/debug/Muling i-scrape at siyasatin ang Open Graph parsing results para sa Meta platforms.
OGP Tag Generator (Awtomatikong Output para sa og:title, og:image, at iba pa)
Ilagay ang URL, title, description, at image URL. Gumawa ng Open Graph at Twitter Card meta tags sa iisang lugar.
Handa para sa copy at paste
May built-in preview
May gabay sa image at cache
Paano Gamitin
- Buksan ang tool at ilagay ang canonical URL, title, at image URL.
- Opsyonal na idagdag ang description, site name, at Twitter settings.
- Kopyahin ang nabuong meta tags at i-paste ang mga ito sa page head mo.
- Suriin ang preview at notices, pagkatapos ay ayusin ang image ratio o cache strategy kung kinakailangan.
Ano ang OGP?
Ang Open Graph Protocol (OGP) ay metadata na ginagamit ng social platforms at chat apps upang i-render ang link previews.
Sa pagtatakda ng og:title, og:description, og:image, at kaugnay na tags, maaari mong maimpluwensiyahan kung paano lalabas ang mga shared URLs.
Nakakatulong ang pagsasama ng OGP at Twitter Card tags para manatiling mas pare-pareho ang preview behavior sa iba’t ibang platforms.
Gabay sa laki ng larawan (para sa mas matatag na preview rendering)
Gabay ng Meta platforms (reference)
- Minimum reference: 200×200.
- Madalas na matatag: 1200×630 o mas malaki, at hindi bababa sa 600×315.
- Target na aspect ratio: humigit-kumulang 1.91:1.
- Kasama sa gabay sa laki ng image file ang 8MB o mas mababa.
Gabay para sa X card (reference)
- Karaniwang target ng summary_large_image ang humigit-kumulang 2:1 ratio.
- Reference range: minimum 300×157, maximum 4096×4096.
- Kasama sa gabay sa laki ng file ang mas mababa sa 5MB.
- Gamitin ang JPG/PNG/WEBP/GIF kung suportado.
Kapag hindi lumalabas ang updates (cache at re-scrape)
- Maaaring i-cache ng social crawlers ang na-fetch na metadata. Gamitin ang debugger/inspector ng bawat platform para humiling ng re-scrape.
- Kung hindi lumalabas ang pinalitang image, makakatulong ang pagbabago ng image URL (pag-update ng filename o query string).
- Maaaring mapabuti ang stability ng rendering sa ilang kaso sa pagtatakda ng og:image:width at og:image:height.
LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/I-refresh at siyasatin ang URL preview data sa LinkedIn.
X Card Validator
https://cards-dev.twitter.com/validatorI-validate ang X card metadata at piliting kunin muli ang card kung maaari.
FAQ
Maaari rin ba itong gumawa ng Twitter Card tags?
Oo. Maaari nitong ilabas ang twitter:card at kaugnay na tags nang magkakasama. May minimal mode din na available.
Anong laki ng image ang dapat kong gamitin?
Gamitin ang praktikal na gabay ayon sa destination. Ang Meta-oriented previews ay madalas gumamit ng humigit-kumulang 1.91:1 (halimbawa 1200×630), habang ang X summary_large_image ay madalas gumagamit ng humigit-kumulang 2:1 (halimbawa 1200×600).
Bakit hindi lumalabas ang mga pagbabago?
Sa karamihan ng kaso, cache ang dahilan. Muling i-scrape sa pamamagitan ng platform tools at isaalang-alang ang pagpapalit ng image URL matapos palitan ang image.