# 简介
在社交媒体网站上分享时，输入网站的 url，会自动带出网站预设的展示 card，比如 https://www.wongnai.com/restaurants/ginzado-thonglor 的分享功能。
# 方法
在 meta 里添加以下属性即可
| 属性名 | 样例值 |
|---|---|
| og:title | ร้าน Ginzado ทองหล่อ | รีวิวร้านอาหาร on wongnai.com |
| og:image | https://img.wongnai.com/p/1920x0/2012/09/14/f9e37763a1de4f4c8ff456b451513173.jpg |
| og:description | อ่าน 169 รีวิวคุณภาพที่เชื่อถือได้ที่สุดโดยผู้ใช้ Wongnai จากร้าน Ginzado (กินซาโด) ทองหล่อ - ร้านอาหาร ปิ้งย่าง ทองหล่อ |
| og:image:width | |
| og:image:height |
对于 twitter 可采用额外的属性
<meta data-react-helmet="true" property="twitter:card" content="summary_large_image">
| twitter:card | summary_large_image |
|---|---|
| twitter:site | @wongnai |
| twitter:image | https://img.wongnai.com/p/1920x0/2022/07/29/a9fb64041f354f8f9508564258211bfb.jpg |
测试工具
1. Face book 测试工具 (需要登录，可以预览)
https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fwww.wongnai.com%2Frestaurants%2Fginzado-thonglor
2. Twitter meta 信息抓取工具 (不需要登录，不可以预览)
https://cards-dev.twitter.com/validator
3. Open Graph debugger (需要登录，可以预览)
https://en.rakko.tools/tools/9/
