Telegram、 WhatsApp+380637610482
瓦列里·丹尤克
瓦列里·丹尤克开发者为企业开发人工智能工具。高质量,价格实惠。通过 Telegram 联系

在线元标签生成器:如何编写标题、描述和 Open Graph 并插入代码

在线元标签生成器:标题、描述和 Open Graph 标签,支持预览和现成的 HTML 代码

您将获得

  • 一个现成的 HTML 代码块,包含标题、描述、规范网址、robots.txt 文件、Open Graph 和 Twitter 卡片——免费
  • 主要标题、类别标题、产品标题和文章标题的格式
  • 了解如何在WordPress 、网站构建器或自定义网站中插入代码
申请: 15分钟后保存: 花费在脑子里手动编写和调试代码的时间

简而言之:要在线创建元标签,请打开免费的PromoPilot 元标签生成器,填写标题、描述、规范网址、robots.txt 文件、Open Graph 标签和 Twitter Card 标签。右侧将显示Google和Facebook内容的预览,下方则会显示生成的 HTML 代码。只需单击一下即可复制代码,然后将其粘贴到页面的<head>中。您可以从头开始创建,也可以通过链接从现有页面下载现有标签并进行编辑。以下是如何填写每个字段以及如何避免常见错误。

我做网站已经12年了,修改模板时最先丢失的就是元标签。这个生成器简直是救星,让我可以快速为落地页或首页搭建合适的模块,而不用记住og:和twitter:的语法。

元标签生成器会生成什么?

该生成器是一个带有提示的表单,可以将您的文本转换为有效的代码。以下是它会自动填充的字段及其功能。

场地你要输入什么?网站为什么需要这个?
标题页面标题,建议30-60个字符。 Google搜索结果和浏览器标签页中的蓝色链接
元描述描述,建议120-160个字符。标题下的候选摘要文本
规范网址主页地址合并包含参数和 UTM 标签的重复项
机器人index/noindex,follow/nofollow启用或禁用页面索引。
开放图谱og:标题、og:描述、og:图像 (1200×630)、og:类型、og:区域设置在Facebook 、LinkedIn 和 Messenger 上预览链接
Twitter 卡片推特:卡片(摘要大图或摘要),标题,描述X(Twitter)中的链接卡片

字段下方是字符计数器,并附有建议的范围;右侧是Google代码片段和Facebook帖子的实时预览;底部是生成的 HTML 代码。

如何在线创建元标签?

四步轻松添加元标签:下载现有标签、填写标题和描述、添加规范标签和 Open Graph 标签、将 HTML 代码复制到头部

  1. 打开元标签生成器。如果页面已存在,请将其地址粘贴到顶部字段中,然后单击“上传”——当前标签将被插入到表单中。
  2. 写标题和描述时,请注意计数器。红色条形图表示文本长度超出或低于正常值。
  3. 指定规范地址——完整的页面地址,包含https:// ,不带参数。
  4. 选择机器人。对于普通页面, index, follow 。 noindex仅适用于服务页面:购物车、个人账户和网站搜索结果。
  5. 填写 Open Graph 和 Twitter 卡片:1200×630 图像,类型( website表示主页, article表示文章, product表示产品),以及语言区域,例如ru_RU或en_US 。
  6. 查看预览并使用复制按钮复制HTML代码。

输出结果类似于以下代码块,该代码块将被插入到<head> :

<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title> <meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней."> <link rel="canonical" href=" https://example.com/ryukzaki/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей"> <meta property="og:image" content=" https://example.com/img/og-ryukzaki.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">

请注意:og:title 不必与标题完全相同。在社交媒体上,品牌和“购买”等字眼听起来会显得突兀,因此使用更相关的标题更为合适,并且标题应该反映搜索查询的内容。

工作区看起来是这样的:左侧是用于通过链接加载标签的行,右侧是表单,右侧是Google和Facebook预览。

PromoPilot的免费元标签生成器工具页面:URL标签上传、标题和描述字段、Google和Facebook预览

如何撰写吸引点击的标题和描述?

该生成器会跟踪页面长度,但不会跟踪内容。以下是我针对不同页面类型使用的公式:

  • 首页: Что продаёте + для кого / где | Бренд — 例如, Мебель из массива дуба на заказ | Woodline 。
  • 类别: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord 。
  • 产品: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года 。
  • 文章: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки 。

将描述写成简短的承诺:用户点击页面后会获得什么,以及他们为什么要点击。错误示例:“欢迎访问我们的网站!我们提供各种各样的……” 正确示例:“120 款真皮背包现货供应,欧洲境内 2-4 天送达,30 天免费退货。按尺寸和颜色选择款式。”

生成器有助于避免的常见代码错误:

  1. 页面上有两个标题标签——一个来自模板,另一个来自插件。粘贴代码后,请检查旧的标题标签是否已被移除。
  2. og:image 中的相对地址( /img/cover.jpg社交网络期望使用https://完整地址。
  3. 首页上的所有页面都使用了规范链接,这是一个常见的模板错误,会导致页面从索引中移除。
  4. noindex,开发完成后被遗忘——网站上线了,但搜索引擎却找不到它。

生成的代码应该粘贴到哪里?

代码插入到<head>中,但具体方法取决于网站引擎。在自定义网站上,代码直接插入到页面的 HTML 模板中。在WordPress中,为了避免手动粘贴代码,可以更方便地将生成器生成的文本导入到 SEO 插件(例如 Yoast SEO 或 Rank Math)的相应字段中:插件会自动生成标签,避免重复。在网站搭建工具中,请在页面设置中查找“SEO”选项。

发布后,请检查结果:我们关于元标签分析的文章将告诉您如何确保实时页面上的标签与预期标签匹配,我们关于 SERP 预览的文章将告诉您如何在手机上查看搜索结果中的摘要。

对比:元标签生成器及其替代方案

工具什么免费?限制它适合哪些人群?
PromoPilot — 元标签生成器标题、描述、规范、机器人、OG 和 Twitter 卡片、 Google和Facebook预览、现成的 HTML一次写一页,自己把文字写出来。着陆页、首页、定制网站、创意测试
Yoast SEO / Rank Math标题、描述和 OG 字段直接在WordPress编辑器中输入仅限WordPress ,需要安装插件。面向WordPress网站所有者
构建器中的 SEO 设置页面的标题和描述字段字段集受限于平台功能。关于建筑商的网站
手动编码完全控制语法错误和重复内容很容易出现。对于开发者

结论:如果您的网站基于WordPress ,请填写 SEO 插件中的字段,并使用生成器作为草稿进行预览。对于自定义网站或单独的着陆页,生成器可以最快地生成现成的代码。

除了生成器之外,PromoPilot 还提供87 种免费的 SEO 工具,从 Open Graph 调试器到 Schema 标记生成器,应有尽有。

元标签生成器有哪些局限性?

生成器并不知道用户正在搜索哪些关键词——关键词需要您在标题中选择。它也不会检查唯一性:如果您将相同的描述插入到 50 个页面中,该工具也不会发现。而且它仅适用于单个页面:对于拥有数百件商品的商店,标签是使用网站代码中的模板自动生成的,而不是手动生成的。

免费工具何时会不够用?

元标签生成器 vs. 现成的标签模板:手动生成单个页面规则 vs. 生成全站规则

该生成器最适合生成五页内容。如果是五百页,则需要采用不同的方法。以下情况需要专业人员:

  • 您有一个产品目录,标签应该自动分配给每个新产品;
  • 该网站是多语言的,因此需要使用每种语言的标签并设置正确的区域设置;
  • 你不知道哪些搜索词能带来买家,书名都是“凭感觉”写的;
  • 更换内容管理系统后,标签丢失或重复。

我能为您的网站做些什么?

我是Valeriy Danyuk,一名拥有12年经验和200多位客户的开发人员和SEO专家。我从一开始就在模板中添加元标签,这样网站所有者每次发布内容时就无需为此操心。

搜索引擎优化和推广

网站和网上商店

客户关系管理和自动化

通过Telegram发送您的网站地址给我,我会为您的关键页面提供标题格式建议。

结果

  1. 在线元标签生成器组装了一个现成的头部模块:标题、描述、规范标签、robots 标签、Open Graph 标签和 Twitter 卡片,并带有预览。
  2. 标题请控制在 30-60 个字符以内,描述请控制在 120-160 个字符以内,并将关键词和优势放在最前面。
  3. 粘贴代码后,检查标签是否重复,以及 og:image 是否指定为完整地址。
  4. 对于产品目录和多语言网站,标签是使用模板收集的,或者使用已经完成此操作的平台,例如1001site 。

使用免费的元标签生成器收集首页标签——这比阅读本文花费的时间要少。

来源

  • PromoPilot Meta 标签生成器工具页面 - 字段、推荐范围和常见问题解答。
  • 开放图协议 (ogp.me) — og:title、og:image、og:type、og:locale 标签的描述。
  • Yoast SEO 和 Rank Math WordPress插件文档。

参考文献和资料来源

问答

标题和描述的最佳长度是多少?

生成器指南:标题 - 30-60 个字符,描述 - 120-160 个字符。字段下方的计数器会在文本超出指定范围时高亮显示。请将关键词和优势放在前面; Google会截断过长的文本。

为什么需要 Open Graph 标签?

Open Graph 控制着Facebook 、LinkedIn、 Telegram 、 WhatsApp和其他应用中的链接预览:包括标题、描述和图片。如果没有它们,这些应用会随机显示页面上的文本和图片,甚至可能只显示一个链接。

生成的代码应该粘贴到哪里?

在页面头部()部分,结束标签之前。在WordPress可以使用 SEO 插件(例如 Yoast 或 Rank Math)或在页面构建器中,在页面的 SEO 设置中填写这些字段,这样更方便。请确保没有重复的标签:页面上有两个标题标签是错误的。

生成器与元标签分析有何不同?

该生成器可帮助您编写标签并生成现成的代码。元标签分析功能会检查页面上已有的标签并查找错误。使用方法非常便捷:检查页面,在生成器中重写有问题的标签,插入修改后的标签,然后再次检查。

我们查看了网站,但是没有人来修复它?

这个免费工具可以发现问题。我会分析报告,确定优先级并解决问题:SEO 审核、速度优化、代码标记优化,以及在不损失排名的情况下将网站迁移到新网站。