← 全部工具

数据不出浏览器

Meta 标签生成器(SEO / Open Graph)

免费 meta tag generator。生成 title、description、canonical、Open Graph 与 Twitter Card 标签。

<title>Smart AI Code — Free Online Tools</title>
<meta name="description" content="Free browser tools for developers: JSON formatter, regex tester, password generator, and more." />
<link rel="canonical" href="https://www.smartaicode.com/tools" />
<meta property="og:title" content="Smart AI Code — Free Online Tools" />
<meta property="og:description" content="Free browser tools for developers: JSON formatter, regex tester, password generator, and more." />
<meta property="og:url" content="https://www.smartaicode.com/tools" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Smart AI Code" />
<meta property="og:image" content="https://www.smartaicode.com/og-default.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Smart AI Code — Free Online Tools" />
<meta name="twitter:description" content="Free browser tools for developers: JSON formatter, regex tester, password generator, and more." />
<meta name="twitter:image" content="https://www.smartaicode.com/og-default.png" />

真正会改变结果的 meta 标签

在搜索结果里真正起作用的只有几个:标题、meta description 和 canonical。其余要么是提示,要么是历史遗留;而堆砌关键词标签对排名完全没有影响。description 也不影响排名,它影响的是有没有人点。

Open Graph 与 Twitter 标签是另一套体系,只在页面被分享时生效。它们值得配置,因为展开成卡片的链接远比一条裸 URL 更容易被点;两套标签需要填近乎相同的值,因为并非所有平台都读同一套。

长度上限是截断点而不是目标值。搜索引擎会改写与页面不符的标题、与查询不符的描述,所以可靠的策略是如实描述页面,让摘要由页面内容生成。

常见问题

为什么需要 OG 标签?
社交分享与部分搜索结果会读取 Open Graph / Twitter 元数据。
description 多长合适?
常见建议约 150–160 字符,按页面调整。
数据会上传吗?
不会。
meta description 影响排名吗?
不直接影响。它不是排名因素,而且搜索引擎经常用自己的页面摘录替换它。但它在商业上仍然重要,因为决定有没有被点的,往往就是这段描述,而不是下面那一条结果。
标题标签该写多长?
大约 60 个字符,或约 580 像素,以先到者为准——因为是否被截断是按宽度而不是按字符数衡量的。把区分度高的词放在前面:末尾那串很长的品牌名正是被裁掉的部分。
Open Graph 和 Twitter card 有什么区别?
它们是同一件事的两套词汇表。缺少 Twitter 专用标签时,多数平台会回退到 Open Graph 标签,所以只要 Open Graph 填对了,通常也能生成可用的卡片;另一套则让你对最终渲染有更多控制。

相关工具