កម្មវិធីបង្កើតស្លាក OGP

បញ្ចូល URL, title, description និង image URL ដើម្បីបង្កើត Open Graph និង Twitter Card meta tags នៅកន្លែងតែមួយ។

រួចរាល់សម្រាប់ចម្លង និងបិទភ្ជាប់ មាន preview មគ្គុទ្ទេសក៍រូបភាព និង cache

របៀបប្រើ

  1. បើកឧបករណ៍ ហើយបញ្ចូល canonical URL, title និង image URL។
  2. បន្ថែម description, site name និង Twitter settings ប្រសិនបើត្រូវការ។
  3. ចម្លង meta tags ដែលបានបង្កើត ហើយបិទភ្ជាប់ទៅក្នុង head នៃទំព័រ។
  4. ពិនិត្យ preview និង notices រួចកែសម្រួល ratio រូបភាព ឬ cache strategy ប្រសិនបើចាំបាច់។

OGP គឺអ្វី?

Open Graph Protocol (OGP) គឺ metadata ដែល social platforms និង chat apps ប្រើដើម្បីបង្ហាញ link preview។

ដោយកំណត់ og:title, og:description, og:image និង tags ពាក់ព័ន្ធ អ្នកអាចប៉ះពាល់ដល់របៀបបង្ហាញ URL ដែលបានចែករំលែក។

ការរួមបញ្ចូល OGP ជាមួយ Twitter Card tags ជួយឱ្យ preview មានភាពស្របគ្នាជាងលើ platforms ផ្សេងៗ។

មគ្គុទ្ទេសក៍ទំហំរូបភាព (សម្រាប់ការបង្ហាញ preview មានស្ថេរភាពជាងមុន)

មគ្គុទ្ទេសក៍សម្រាប់ Meta platforms (យោង)

  • ទំហំយោងអប្បបរមា: 200×200។
  • ជាទូទៅមានស្ថេរភាព: 1200×630 ឬធំជាងនេះ, យ៉ាងហោចណាស់ 600×315។
  • គោលដៅសមាមាត្រប្រហែល 1.91:1។
  • មគ្គុទ្ទេសក៍ទំហំឯកសាររូបភាព: 8MB ឬតិចជាងនេះ។

មគ្គុទ្ទេសក៍សម្រាប់ X card (យោង)

  • summary_large_image 通常 គោលដៅសមាមាត្រប្រហែល 2:1។
  • ជួរយោង: អប្បបរមា 300×157, អតិបរមា 4096×4096។
  • មគ្គុទ្ទេសក៍ទំហំឯកសាររួមមានតិចជាង 5MB។
  • ប្រើ JPG/PNG/WEBP/GIF នៅកន្លែងដែលគាំទ្រ។

ពេលបច្ចុប្បន្នភាពមិនបង្ហាញ (cache និង re-scrape)

  • Social crawlers អាច cache metadata ដែលបានទាញយក។ ប្រើ debugger/inspector របស់ platform នីមួយៗ ដើម្បីស្នើ re-scrape។
  • បើការជំនួសរូបភាពមិនបង្ហាញ សូមប្តូរ image URL (ប្ដូរឈ្មោះឯកសារ ឬ query string)។
  • ការកំណត់ og:image:width និង og:image:height អាចជួយបង្កើនស្ថេរភាពការបង្ហាញក្នុងករណីខ្លះ។

X Card Validator

https://cards-dev.twitter.com/validator

Validate metadata របស់ X card ហើយបង្ខំឱ្យ card fetch នៅកន្លែងដែលអាចធ្វើបាន។

សំណួរញឹកញាប់

តើវាបង្កើត Twitter Card tags បានដែរឬទេ?

បាន។ វាអាចបង្កើត `twitter:card` និង tags ពាក់ព័ន្ធជាមួយគ្នា។

តើគួរប្រើរូបភាពទំហំប៉ុន្មាន?

ប្រើទំហំដែលសមនឹងគោលដៅ។ សម្រាប់ OGP 通常 ប្រហាក់ប្រហែល 1200×630 ហើយសម្រាប់ X summary_large_image 通常 ប្រហាក់ប្រហែល 1200×600។

ហេតុអ្វីការផ្លាស់ប្តូរមិនត្រូវបានឆ្លុះបញ្ចាំង?

ភាគច្រើនពាក់ព័ន្ធនឹង cache។ សូម re-scrape តាម platform tools ហើយពិចារណាប្តូរ image URL បន្ទាប់ពីជំនួសរូបភាព។