Meta标签生成器
为SEO和社交媒体生成HTML meta标签。
0/70 推荐的 SEO 角色
0/160 推荐的 SEO 角色
推荐尺寸
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
Meta标签生成器：优化你网站的SEO
Meta标签是向搜索引擎和社交媒体提供网页信息的HTML代码片段。优化良好的标题和描述可以显著提高在Google、Bing等搜索引擎结果中的点击率（CTR）。Open Graph标签控制你的内容在Facebook、LinkedIn或WhatsApp上分享时的显示方式，Twitter Cards则在X（原Twitter）平台上实现相同功能。
为获得最佳效果，确保标题在50到60个字符之间，描述在120到160个字符之间，并包含至少1200x630像素的OG图片。这些是Google和主要社交平台推荐的值，以确保你的内容在所有设备上正确显示。
此工具生成完整的HTML代码，可直接复制粘贴到页面的<head>部分。所有处理在浏览器中本地完成，不发送数据到任何服务器。
常见问题
什么是meta标签，为什么对SEO重要？
Meta标签是用户不可见的HTML标签，它们向搜索引擎提供页面内容信息。最重要的是title（在Google中显示为蓝色链接）和meta description（显示在下方的文本）。虽然keywords不再直接影响Google排名，但好的标题和描述能提高CTR，间接改善你的排名。
什么是Open Graph和Twitter Cards标签？
Open Graph（OG）是Facebook创建的协议，允许控制你的内容在社交媒体分享时的显示方式。它定义了链接预览中显示的标题、描述、图片和内容类型。Twitter Cards功能类似，但专用于X/Twitter平台，允许在推文旁边显示大图、摘要或应用卡片。
meta标签应该放在网站的哪里？
所有meta标签应放在HTML文档的<head>标签内。在Next.js或Nuxt.js等现代框架中，可以通过专门的metadata函数配置。重要的是每个页面都有自己独特且描述性的meta标签；避免在多个页面中重复相同的标题或描述。
想了解更多？ 阅读我们的完整指南 →