Fill in the page facts — title, description, canonical URL, image, site name, type, Twitter card style — and get the complete <head> block: <title>, meta description, canonical link, the Open Graph set and the Twitter card set, ready to paste.
The share-card preview beside the tags shows what a link unfurls into: the domain line, the two-line title, the gray description, and where the image would sit. summary cards render the square-thumbnail layout, summary_large_image the big-banner one.
Frequently asked questions
What image size should og:image be?
1200×630 (1.91:1) for summary_large_image, and keep it under ~5 MB. The preview block shows the exact aspect ratio.
Do I still need meta description if I have og:description?
Yes — og:* is for social scrapers; search engines read the plain meta description. The generated block includes both.
中文说明
填入页面要素——标题、描述、规范 URL、图片、站点名、类型、Twitter 卡片样式——得到完整的 <head> 标签块：<title>、meta description、canonical 链接、Open Graph 全套与 Twitter 卡片全套，直接粘贴即用。
标签旁的分享卡片预览展示链接展开后的样子：域名行、两行标题、灰色描述与图片位置。summary 卡片渲染方图布局，summary_large_image 渲染大横幅布局。
常见问题
og:image 尺寸多少合适？
summary_large_image 用 1200×630（1.91:1），别超过约 5 MB。预览块展示的就是这个宽高比。
有了 og:description 还需要 meta description 吗？
需要——og:* 面向社交抓取器；搜索引擎读的是普通 meta description。生成的标签块两者都含。