Meta Sharing Debugger
https://developers.facebook.com/tools/debug/Meta platform-ууд дээр Open Graph parse-ийн үр дүнг дахин scrape хийж шалгана.
OGP Tag Generator (og:title, og:image зэрэгт автоматаар гаралт үүсгэх)
URL, title, description, image URL-ээ оруулна уу. Open Graph болон Twitter Card meta tag-уудыг нэг дор үүсгэнэ.
Хуулж paste хийхэд бэлэн
Дотор preview-тэй
Зураг ба cache-ийн зөвлөмжтэй
Хэрхэн ашиглах вэ
- Хэрэгслийг нээгээд canonical URL, title, image URL-ээ оруулна уу.
- Шаардлагатай бол description, site name, Twitter тохиргоонуудыг нэмнэ үү.
- Үүссэн meta tag-уудыг хуулж хуудасныхаа head хэсэгт paste хийнэ үү.
- 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 tag-уудтай хамт ашиглавал platform хооронд preview-ийн зан төлөвийг илүү тогтвортой байлгахад тусална.
Зургийн хэмжээний зөвлөмж (preview-г илүү тогтвортой гаргахын тулд)
Meta platform-уудын зөвлөмж (лавлагаа)
- Хамгийн бага лавлагаа: 200×200.
- Ихэнхдээ тогтвортой: 1200×630 ба түүнээс дээш, дор хаяж 600×315.
- Зорилтот aspect ratio ойролцоогоор 1.91:1.
- Зургийн файлын хэмжээний зөвлөмжид 8MB-аас бага гэсэн шаардлага орно.
X card зөвлөмж (лавлагаа)
- summary_large_image нь ерөнхийдөө 2:1 харьцааг зорьдог.
- Лавлах хүрээ: хамгийн бага 300×157, хамгийн их 4096×4096.
- Файлын хэмжээний зөвлөмжид 5MB-аас бага гэж орно.
- Дэмжигдсэн үед JPG/PNG/WEBP/GIF ашиглана уу.
Өөрчлөлт харагдахгүй байвал (cache ба дахин scrape)
- Social crawler-ууд татсан metadata-г cache-лах нь түгээмэл. Platform бүрийн debugger/inspector-оор дахин scrape хүсэлт явуулна уу.
- Зургийг сольсон ч харагдахгүй бол image URL-ийг өөрчлөх нь тусалж болно (filename шинэчлэх эсвэл query string нэмэх).
- Зарим тохиолдолд og:image:width болон og:image:height тохируулах нь render-ийн тогтвортой байдлыг сайжруулдаг.
LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/LinkedIn дээр URL preview өгөгдлийг шинэчилж шалгана.
X Card Validator
https://cards-dev.twitter.com/validatorX card metadata-г шалгаж, боломжтой үед card fetch-ийг хүчээр хийлгэнэ.
Түгээмэл асуултууд
Twitter Card tag-уудыг бас үүсгэж чадах уу?
Тийм. twitter:card болон холбогдох tag-уудыг хамтад нь гаргаж чадна. Minimal mode ч бий.
Ямар хэмжээтэй зураг ашиглах ёстой вэ?
Зорилтот platform-доо таарсан бодит зөвлөмжийг ашиглана уу. Meta-д чиглэсэн preview нь ихэвчлэн 1.91:1 орчим (жишээ нь 1200×630), харин X summary_large_image нь 2:1 орчим (жишээ нь 1200×600) байдаг.
Яагаад өөрчлөлт тусахгүй байна вэ?
Ихэнх тохиолдол cache-тэй холбоотой. Platform-ийн хэрэгслээр дахин scrape хийж, зургийг сольсны дараа image URL-ээ өөрчлөхийг бодолцоно уу.