Meta Sharing Debugger
https://developers.facebook.com/tools/debug/Re-scrape ແລະ ກວດຜົນການ parse Open Graph ສໍາລັບ Meta platform.
OGP Tag Generator (ສ້າງ og:title, og:image ແລະອື່ນໆ ອັດຕະໂນມັດ)
ໃສ່ URL, title, description ແລະ image URL. ສ້າງ Open Graph ແລະ Twitter Card meta tags ໄດ້ໃນບ່ອນດຽວ.
ພ້ອມສໍາລັບ copy ແລະ paste
ມີ preview ໃນຕົວ
ມີຄໍາແນະນໍາເລື່ອງຮູບ ແລະ cache
ວິທີໃຊ້
- ເປີດເຄື່ອງມື ແລະ ໃສ່ canonical URL, title ແລະ image URL.
- ເພີ່ມ description, site name ແລະ settings ຂອງ Twitter ໄດ້ຕາມຕ້ອງການ.
- Copy meta tags ທີ່ສ້າງແລ້ວ ແລະ ນໍາໄປວາງໃນ head ຂອງໜ້າ.
- ກວດ preview ແລະ notices, ແລ້ວປັບອັດຕາສ່ວນຮູບ ຫຼື cache strategy ຖ້າຈໍາເປັນ.
OGP ແມ່ນຫຍັງ?
Open Graph Protocol (OGP) ແມ່ນ metadata ທີ່ໃຊ້ໂດຍແພລດຟອມໂຊຊຽວ ແລະ ແອັບແຊດ ເພື່ອ render link preview.
ການຕັ້ງ og:title, og:description, og:image ແລະ tag ທີ່ກ່ຽວຂ້ອງ ຊ່ວຍໃຫ້ທ່ານມີອິດທິພົນຕໍ່ຮູບແບບການສະແດງ URL ເມື່ອຖືກແບ່ງປັນ.
ການໃຊ້ OGP ຄູ່ກັບ Twitter Card tags ຊ່ວຍໃຫ້ພຶດຕິກໍາຂອງ preview ສອດຄ່ອງກັນຫຼາຍຂຶ້ນລະຫວ່າງແພລດຟອມ.
ຄໍາແນະນໍາເລື່ອງຂະໜາດຮູບ (ເພື່ອໃຫ້ preview ສະຖຽນຂຶ້ນ)
ຄໍາແນະນໍາຂອງ Meta platform (ອ້າງອີງ)
- ຄ່າອ້າງອີງຕໍ່ໍາສຸດ: 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 crawler ອາດ cache metadata ທີ່ດຶງໄປແລ້ວ. ໃຊ້ debugger/inspector ຂອງແຕ່ລະແພລດຟອມເພື່ອຂໍ re-scrape.
- ຖ້າການປ່ຽນຮູບບໍ່ປາກົດ, ການປ່ຽນ image URL ອາດຊ່ວຍໄດ້ (ອັບເດດຊື່ໄຟລ໌ ຫຼື query string).
- ການຕັ້ງ og:image:width ແລະ og:image:height ອາດຊ່ວຍໃຫ້ການ render ສະຖຽນຂຶ້ນໃນບາງກໍລະນີ.
LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/Refresh ແລະ ກວດຂໍ້ມູນ preview URL ໃນ LinkedIn.
X Card Validator
https://cards-dev.twitter.com/validatorValidate metadata ຂອງ X card ແລະ ບັງຄັບດຶງ card ໃໝ່ໄດ້ເມື່ອຮອງຮັບ.
FAQ
ສາມາດສ້າງ Twitter Card tags ໄດ້ດ້ວຍບໍ?
ໄດ້. ສາມາດສ້າງ twitter:card ແລະ tag ທີ່ກ່ຽວຂ້ອງພ້ອມກັນໄດ້. ມີຮູບແບບ minimal ໃຫ້ເລືອກເຊັ່ນກັນ.
ຄວນໃຊ້ຮູບຂະໜາດເທົ່າໃດ?
ໃຊ້ຄໍາແນະນໍາທີ່ເໝາະກັບປາຍທາງ. preview ແບບ Meta ມັກໃຊ້ອັດຕາສ່ວນປະມານ 1.91:1 (ເຊັ່ນ 1200×630), ໃນຂະນະທີ່ X summary_large_image ມັກໃຊ້ປະມານ 2:1 (ເຊັ່ນ 1200×600).
ເປັນຫຍັງການປ່ຽນແປງຈຶ່ງບໍ່ສະທ້ອນອອກມາ?
ສ່ວນໃຫຍ່ເປັນເລື່ອງ cache. ໃຫ້ re-scrape ຜ່ານເຄື່ອງມືຂອງແພລດຟອມ ແລະ ພິຈາລະນາປ່ຽນ image URL ຫຼັງຈາກແທນຮູບ.