Meta标签生成器
在线生成网页SEO Meta标签，填写标题、描述、URL、OG图片、Twitter Card等信息，自动生成包含基础SEO、Open Graph和Twitter Card的完整Meta标签代码。
免费在线工具
Loading…
使用说明
- 填写页面标题、描述、规范URL等基础SEO字段
- 选择内容类型（网站/文章等），填写OG图片地址、图片说明、宽高等Open Graph字段
- 选择Twitter Card类型，填写Twitter站点账号、作者账号
- 如内容类型选择“文章”，可额外填写发布时间、修改时间、作者、分类和标签
- 下方实时生成完整的Meta标签HTML代码，可直接复制粘贴到网页 <head> 中
功能介绍
- 基础SEO标签：自动生成 title、description meta标签及canonical链接
- Open Graph标签：生成 og:title、og:description、og:type、og:url、og:image 及图片的alt/宽高属性，用于社交媒体分享卡片展示
- Twitter Card标签：生成 twitter:card、twitter:site、twitter:creator 及标题描述图片等字段
- 文章类型专属字段：内容类型选择“文章”时，支持生成 article:published_time、article:modified_time、article:author、article:section 及多个 article:tag 标签
- 自动对特殊字符（引号、尖括号等）进行HTML转义，避免生成的标签代码破损
- 所有字段留空时不生成对应标签，避免输出无意义的空标签
使用场景
新页面上线前配置SEO标签
开发者为新页面填写标题、描述等信息，一键生成完整的Meta标签代码嵌入页面head中。
优化社交媒体分享效果
配置Open Graph和Twitter Card信息，确保页面链接在微信、Twitter、Facebook等平台分享时展示美观的标题图片卡片。
博客/文章页面元数据配置
为文章页面填写发布时间、作者、分类标签等文章专属元数据，提升搜索引擎和社交平台对文章内容的理解。
批量核对多页面Meta标签规范
统一生成符合规范的Meta标签模板，作为团队内多页面SEO配置的标准参考。
常见问题
生成的标签需要放在哪里？
生成的Meta标签代码应粘贴到HTML页面的 <head> 标签内，放置位置越靠前通常越有利于搜索引擎和社交平台抓取。
Open Graph和Twitter Card是什么，为什么要配置？
Open Graph（OG）是Facebook等平台定义的网页元数据协议，Twitter Card是Twitter定义的类似协议，配置后你的页面链接被分享到微信、Twitter等社交平台时会展示带标题、描述和图片的卡片，而不是一条裸链接，能显著提升点击率。
文章专属字段什么时候需要填写？
只有当“内容类型”选择为“文章(article)”时，发布时间、修改时间、作者、分类、标签等字段才会生成对应的Meta标签；选择“网站(website)”等其他类型时这些字段不会输出。
多个文章标签(article:tag)要怎么填写？
在标签输入框中用英文逗号分隔多个标签关键词（如“技术,前端,SEO”），工具会自动拆分并为每个标签生成独立的 article:tag Meta标签。