OGP Tag Generator (og:title၊ og:image စသည်တို့ကို အလိုအလျောက် ထုတ်ပေးသည်)

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 ကို copy လုပ်ပြီး page head ထဲသို့ paste လုပ်ပါ။
  4. Preview နှင့် notice များကို စစ်ဆေးပြီး လိုအပ်ပါက image ratio သို့မဟုတ် cache strategy ကို ပြင်ဆင်ပါ။

OGP ဆိုတာဘာလဲ

Open Graph Protocol (OGP) သည် social platform များနှင့် chat app များတွင် link preview ကို ဖော်ပြရန် အသုံးပြုသော metadata ဖြစ်သည်။

og:title၊ og:description၊ og:image နှင့် ဆက်စပ် tag များကို သတ်မှတ်ခြင်းဖြင့် share လုပ်သော URL မည်သို့ ပေါ်မည်ကို ထိန်းချုပ်နိုင်သည်။

OGP ကို Twitter Card tags များနှင့် ပေါင်းစပ်အသုံးပြုခြင်းဖြင့် platform အမျိုးမျိုးအကြား preview အပြုအမူကို ပိုမိုတည်ငြိမ်စေနိုင်သည်။

ပုံအရွယ်အစား လမ်းညွှန်ချက် (preview ကို ပိုမိုတည်ငြိမ်စေရန်)

Meta platform လမ်းညွှန်ချက် (ကိုးကားရန်)

  • အနည်းဆုံး ကိုးကားအရွယ်: 200×200
  • မကြာခဏ တည်ငြိမ်သောအရွယ်: 1200×630 သို့မဟုတ် ထို့ထက်ကြီး၊ အနည်းဆုံး 600×315
  • ဦးစားပေး aspect ratio သည် 1.91:1 ဝန်းကျင် ဖြစ်သည်။
  • ပုံဖိုင်အရွယ်အစားသည် 8MB အောက်ဖြစ်ရန် အကြံပြုသည်။

X card လမ်းညွှန်ချက် (ကိုးကားရန်)

  • summary_large_image သည် ယေဘုယျအားဖြင့် 2:1 ratio ဝန်းကျင်ကို ရည်ရွယ်သည်။
  • ကိုးကားအရွယ်အစား: အနည်းဆုံး 300×157၊ အများဆုံး 4096×4096
  • ဖိုင်အရွယ်အစားသည် 5MB အောက်ဖြစ်ရန် အကြံပြုသည်။
  • ပံ့ပိုးသောနေရာများတွင် JPG/PNG/WEBP/GIF ကို အသုံးပြုပါ။

အပြောင်းအလဲ မပေါ်သေးပါက (cache နှင့် re-scrape)

  • Social crawler များသည် ရယူထားသော metadata ကို cache လုပ်ထားနိုင်သည်။ platform တိုင်း၏ debugger/inspector ဖြင့် re-scrape တောင်းဆိုပါ။
  • ပုံပြောင်းပြီးနောက် မပေါ်သေးပါက image URL ကို ပြောင်းခြင်းက ကူညီနိုင်သည် (ဖိုင်အမည်ပြောင်းခြင်း သို့မဟုတ် query string ထည့်ခြင်း)။
  • တချို့အခြေအနေများတွင် og:image:width နှင့် og:image:height ကို သတ်မှတ်ခြင်းက rendering ကို ပိုမိုတည်ငြိမ်စေနိုင်သည်။

Meta Sharing Debugger

https://developers.facebook.com/tools/debug/

Meta platform များအတွက် Open Graph parsing ရလဒ်ကို စစ်ဆေးပြီး re-scrape လုပ်နိုင်သည်။

LinkedIn Post Inspector

https://www.linkedin.com/post-inspector/

LinkedIn ပေါ်ရှိ URL preview data ကို refresh လုပ်ပြီး စစ်ဆေးနိုင်သည်။

X Card Validator

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

X card metadata ကို စစ်ဆေးပြီး ရနိုင်ပါက card fetch ကို ပြန်ခေါ်နိုင်သည်။

မေးလေ့ရှိသော မေးခွန်းများ

Twitter Card tags များကိုလည်း ထုတ်ပေးနိုင်ပါသလား

ရပါတယ်။ twitter:card နှင့် ဆက်စပ် tag များကို အတူတကွ ထုတ်ပေးနိုင်ပြီး minimal mode လည်း ရနိုင်သည်။

ဘယ်အရွယ်ပုံကို သုံးသင့်သလဲ

အသုံးပြုမည့်နေရာအလိုက် လက်တွေ့သုံးနိုင်သော လမ်းညွှန်ချက်ကို လိုက်နာပါ။ Meta preview များအတွက် 1.91:1 ဝန်းကျင် (ဥပမာ 1200×630) ကို မကြာခဏ အသုံးပြုပြီး X summary_large_image အတွက် 2:1 ဝန်းကျင် (ဥပမာ 1200×600) ကို မကြာခဏ အသုံးပြုသည်။

ဘာကြောင့် အပြောင်းအလဲ မပေါ်သေးတာလဲ

အများအားဖြင့် cache ကြောင့် ဖြစ်သည်။ platform tools မှတစ်ဆင့် re-scrape လုပ်ပြီး ပုံကိုပြောင်းပြီးနောက် image URL ကိုလည်း ပြောင်းကြည့်ပါ။