Twitter 卡元标记 - HTML

什么是 Twitter 卡元标记？

Twitter 卡元标记是一种 HTML 标记语言，用于在 Twitter 上分享富媒体内容，如文章、照片、视频等。使用卡元标记可以增强推特的展示效果，吸引更多的关注和交互。

如何使用 Twitter 卡元标记？

在文章或页面中插入以下代码即可：

<meta name="twitter:card" content="类型">
<meta name="twitter:title" content="标题">
<meta name="twitter:description" content="描述">
<meta name="twitter:image" content="图片链接">
<meta name="twitter:site" content="@用户名">
<meta name="twitter:creator" content="@用户名">

其中，content 属性根据需要填写具体内容，具体参数如下：

• twitter:card：卡片类型，包括 “summary”、“summary_large_image”、“app”、“player” 四种类型；
• twitter:title：卡片标题，最多 70 个字符；
• twitter:description：卡片描述，最多 200 个字符；
• twitter:image：卡片图片链接，最佳尺寸为 1200x628 像素，大小不超过 1 MB；
• twitter:site：网站名或用户名，最多 14 个字符；
• twitter:creator：推特用户名，最多 14 个字符。

示例

以下是一个示例代码片段：

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Twitter 卡元标记">
<meta name="twitter:description" content="介绍如何使用 Twitter 卡元标记">
<meta name="twitter:image" content="https://example.com/image.jpg">
<meta name="twitter:site" content="@twitter">
<meta name="twitter:creator" content="@username">

展示效果如下：

注意事项

• 每个页面只能有一个卡元标记，否则可能会导致展示不正确；
• 卡元标记只能在 HTTPS 网站中使用；
• 卡元标记不能用于非富媒体内容，如表格、列表等。

以上就是关于 Twitter 卡元标记的介绍，希望对你有所帮助。