什么是元标记生成器?
元标签生成器构建生活在页面的 HTML 块 <head> 并告诉搜索引擎和社交网络如何显示您的页面。您填写一次标题、描述、图像和其他几个字段,工具输出正确格式的元标签 - 标准 SEO 标签、Facebook 和 LinkedIn 的 Open Graph 标签以及 Twitter 卡标签 - 您可以直接粘贴到模板中。不再手动输入重复属性="og:..."行或忘记 twitter:卡标签。
获得这些标签很重要,因为它们控制您的搜索片段和链接预览。<title> 和元描述塑造了您的结果在 Google 中的外观;Open Graph 标题、描述和图像决定了共享链接在社交源中的样子。该生成器使所有三个从一组输入同步,标记运行超过长度搜索引擎的标题和描述显示,并可以为结构化数据添加匹配的 JSON-LD 块。
Everything都运行客户端,你输入的URL、复制、图片链接永远不会上传,所以你可以私下为未发布的页面或内部工具准备标签,生成器一旦加载就离线工作,输出是你拥有的纯HTML- 复制,掉入你的框架,然后发货。
3个细节占了大多数破损预览。Open Graph图像URL必须是绝对的,包括方案,因为抓取它们的爬虫没有页面上下文来解析相对路径反对。Twitter对于任何它没有twitter标签的东西都会回落到Open Graph,因此一个完整的og集加上一个卡类型既覆盖了平台,重复每个值是不必要的。并且预览被每个平台积极缓存,因此直到你重新刮擦该平台自己的调试工具中的URL时才会出现一个固定的标签。长度警告反映了Google截断的位置,而不是硬限制:较长的描述是有效的,并且会被简单地剪切,重复标题的描述会浪费它所拥有的空间。
用作元标签标题生成器,键入时显示长度问题 输入小房间手工橡木桌子,以实木和油订购作为页面标题,计数器在 72/60 处变为红色,并警告标题可能会被截断 将其剪切到小房间手工橡木桌子,计数器读取 34/60,警告清除,相同的文本落在标题中,og:title 和 twitter:title 标签。一个字段提供搜索、Open Graph 和 Twitter 输出,这是 SEO 的元标签生成器应该做的。
如何使用元标记生成器?
输入您的核心详细信息
填写页面标题和元描述。 字符计数器和警告会告诉您,当任何一个运行时间超过搜索引擎通常显示的长度时。
添加社交和网站信息
设置规范 URL、站点名称、社交共享图像和 Twitter 句柄,以便您的 Open Graph 和 Twitter 卡预览完成。
选择标签选项
择Open Graph类型、推特卡样式、机器人指令、是否包含字符集和视口标签,输出实时更新。
复制生成的 HTML
复制完整的元标记块并将其粘贴到页面的 <head> 中。 也可以选择复制匹配的 JSON-LD 结构化数据片段。
主要特点
SEO、Open Graph 和 Twitter 合二为一
生成标准搜索标签加上 Open Graph 和 Twitter 卡标签,与一组输入保持同步
实时长度警告
标记超过 60 个字符和超过 ~160 个字符的描述,因此您的代码段不会在搜索结果中截断
JSON-LD结构化数据
可选地输出匹配的网站或文章 JSON-LD 块以加强您的页面对搜索引擎的意义
正确的 HTML 转义
文本中的引号、符号和尖括号被安全地转义,因此生成的标签不会破坏您的标记
Frequently Asked Questions
Related Tools
Content Analyzer
Audit any page for on-page SEO and readability: title, description, headings, alt text, internal links, Flesch score and keyword frequency, with a score out of 100.
Hreflang Generator
Free hreflang generator for multilingual and multi-region sites - build hreflang tags as HTML link tags, XML sitemap entries, or an HTTP header. Validates codes and x-default. Runs client-side.
htaccess Redirect Generator
Generate Apache .htaccess 301 and 302 redirect rules from a list of old-to-new URLs, plus force-HTTPS and www canonicalization directives, all in the browser.
Open Graph Preview
Preview how your link will look on Facebook, X, LinkedIn, Slack, and Discord, validate your og: tags, and copy a correct meta block
Comments
0 comments
No comments yet. Be the first to share your thoughts!