Meta Tag 生成工具

在线生成网页 Meta 标签代码，支持基础 SEO、Open Graph、Twitter Card，实时预览并一键复制

预设：

基础 SEO

标题 (title)

描述 (description)

关键词 (keywords)

作者 (author)

视口 (viewport)

字符集 (charset)

Open Graph (社交分享)

OG 标题 (og:title)

OG 描述 (og:description)

OG 图片 (og:image)

OG URL (og:url)

Twitter Card

卡片类型 (twitter:card)

Twitter 标题 (twitter:title)

Twitter 描述 (twitter:description)

Twitter 图片 (twitter:image)

生成的 HTML 代码

搜索引擎预览

页面标题

https://www.example.com

页面描述将显示在这里

工具介绍与功能

Meta Tag 生成工具帮助开发者和站长快速生成网页所需的 Meta 标签，覆盖基础 SEO、Open Graph 社交分享、Twitter Card 三大类。实时预览生成的 HTML 代码与搜索引擎展示效果，支持一键复制与常见场景预设。

基础 SEO：title/description/keywords/author/viewport/charset
社交分享：Open Graph 标签，优化微信/微博/Facebook 分享效果
Twitter Card：支持 summary/large_image 等多种卡片类型
实时预览：代码高亮 + 搜索引擎结果样式预览

安全保障

本地生成：所有 Meta 标签在浏览器内生成，不上传任何数据
实时响应：输入即生成，无需点击按钮等待

常见问题

description 写多长合适？

搜索引擎通常展示 150-160 个字符的描述（中文约 70-80 字）。过长的描述会被截断，过短则无法充分说明内容。建议精炼概括页面核心内容，并包含主要关键词。

Open Graph 标签有什么用？

Open Graph（og:）标签由 Facebook 提出，现已被微信、微博、Twitter、LinkedIn 等主流社交平台支持。设置 og:title/og:image 等可让分享链接时显示自定义标题、描述和配图，显著提升点击率。

keywords 现在还有用吗？

主流搜索引擎（Google、百度）已基本忽略 meta keywords 标签，因为过去被大量滥用。但填写仍有少量参考价值，且不影响页面。建议重点优化 title 和 description。