输入网站信息
5/60 字符
58/160 字符
社交媒体预览
预览您的网站在社交媒体上的显示效果：
我的精彩文章
这篇文章将向您展示如何创建开放式图形元标记，以优化您的网站在社交媒体平台上的分享效果。学习如何提高点击率和参与度。
example.com
支持的平台
此工具生成的元标记支持以下平台：
Facebook
Twitter
LinkedIn
WhatsApp
Pinterest
Slack
生成的元标记
将以下代码复制到您网页的 <head> 部分：
<meta property="og:title" content="我的精彩文章">
<meta property="og:description" content="这篇文章将向您展示如何创建开放式图形元标记，以优化您的网站在社交媒体平台上的分享效果。学习如何提高点击率和参与度。">
<meta property="og:url" content="https://example.com/my-article">
<meta property="og:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c">
<meta property="og:type" content="website">
<meta property="og:site_name" content="我的网站">
<meta property="og:locale" content="zh_CN">
<!-- Twitter卡片元标记 -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@yourtwitterhandle">
<meta name="twitter:title" content="我的精彩文章">
<meta name="twitter:description" content="这篇文章将向您展示如何创建开放式图形元标记，以优化您的网站在社交媒体平台上的分享效果。学习如何提高点击率和参与度。">
<meta name="twitter:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c">
<!-- 其他重要的元标记 -->
<meta name="description" content="这篇文章将向您展示如何创建开放式图形元标记，以优化您的网站在社交媒体平台上的分享效果。学习如何提高点击率和参与度。">
<meta name="author" content="我的网站">
<!-- 用于WhatsApp的额外标记 -->
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">