Facebook 和 Twitter 的 12 个基本开放图元标记
Publicado: 2022-07-10每个营销人员都知道“内容为王”这句话,但如果没有读者和追随者,内容就什么都不是。
如今,有一种可靠的方式可以将您的内容传播给更广泛的受众并分享您的精彩新博文:社交媒体
Facebook 和 Twitter 等 网站 拥有 数百万 的 现成 受众 , , 是 宣传 信息 的 最佳 方式。 但是 , 如果 您 想 优化 这 种 潜力 , 有 一 种 简单 的 的 方法 可以 这 一 点 : : 图形 标签 标签 标签 标签 标签 标签 标签 标签 标签 标签 标签 标签 标签 标签 点 点. )。
没 听说 过 opg 背后 的 开放图 协议? 然后 让 我 解释 一下 它们 是 什么 , 它们 为什么 重要 以及 以及 以及 最 重要 的 是 是 你 使用????????????????????????
什么是开放图,为什么要创建它?
脸书 介绍 2010 年 开放 图 通过 允许 帖子 成为 具有 与 其他 Facebook 对象 相同 功能 的 丰富 对象 促进 促进 Facebook 和 其他 网站 之间 集成。。
简而言之 , 当 页面 被 共享 (或 喜欢 等) 时 , , 它 更 好 地 控制 信息 如何 从 第三 方 网站 传输 到 Facebook , 从而 优化 优化 优化 优化 帖子 帖子 帖子 帖子。。
为了实现这一点,信息通过 Open Graph 标签发送到网站代码的一部分。
其他 社交 媒体 网站 也 在 利用 社 交元 标签。 例如 , Twitter 和 LinkedIn 识别 Abrir gráfico 标签 ; Twitter 有 自己 的 Twitter 元 标签 但 如果 Twitter 机器 人 找 不 到 任何 标签 标签 它 会 使用 使用 使用 标签 标签。。。。。。。。。。。。。。。。。。。。
查看我的代理商如何开车海量网站访问量
- 搜索引擎优化–解锁大量SEO流量。 查看实际结果。
- 内容营销–我们的团队创建了史诗般的内容,这些内容将被共享,获得链接并吸引流量。
- 付费媒体–有效的付费策略,具有清晰的ROI。
预订电话
为什么营销人员应该关心 OGP 标签
OGP 标签 对 营销 人员 至关 重要 , 因为 因为 它们 有助于 确保 当 用户 在 社交 媒体 上 分享 指 向 您 的 内容 链接 时 , 会 自动 正确 正确 的 信息。 这 有助于 提高 提高 参与度 帮助 潜在 客户 多 多 多 多 多 多 多 多 多 多 多 多地了解您的品牌或产品。
此外,营销人员应该关心 OPG 标签,因为社交媒体网站是主要的 大多数网络流量的驱动因素.因此,利用社交元标签的能力是当今营销人员的一项重要技能。
Texto de OGP
然而,最值得注意的是:开放图形标签可以通过解决常见问题对转化率和点击率产生巨大影响。
了解一点 OGP 标签可以帮助您解决这些问题并改善您的社交媒体营销。
SEO.但是,您可以从社交媒体上的额外影响中获得提升,这意味着它值得研究。
现在,让我们看看 Facebook 最基本的 OGP 标签,以及如何优化它们以更好地共享。
了解 Facebook OGP 标签
如 简介 中 所 述 , OGP 标签 至关 重要 , 因为 它们 允许 您 控制 内容 在 Facebook 等 上 上 共 享 时 的 显示 方式。 的 图形 标签 让 您 可以 控制 帖子 中 中 标题 、 描述 和 图像 是 确保 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您 您的内容在分享时看起来很棒的好方法。
Nombre:
- 添加 OGP 标签 可 确保 您 使用 正确 的 图像 和 描述 , , 这 提高 点击率 点击率 , 使 您 能够 添加 特定 的 信息 , 例如 它 是 电影 、 书籍 还是。。。。。。。。。。。。。。。。。。。。。。。 eléctrica
- 使用 OGP 标签 可 让 您 跟踪 您 的 内容 在 Facebook 上 的 表现。 当 有 人 在 上 分享 分享 您 的 一 篇 文章 时 , 标签 会 将 流量 数据 发送 回 回 回 回。 然后 , 数据 可 让 查看 文章 文章 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得 获得最多的参与度,哪些文章需要改进。
- Facebook 上共享链接时使用正确的图像和描述,这有助于提高点击率。
- 添加 OGP 标签很容易,大多数内容管理系统都有插件或扩展来简化流程。
Facebook 有 几 种 开放 图形 标签 类型。 您 可以 使用 OGP 标签 来 指定 站点 名称 、 在 Facebook 上 缩略图 缩略图 图像 以及 当 有 人 分享 您 页面 页面 时 将 的 描述 等。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
在本节中,我将介绍不同的类型,然后解释如何使用它们。
OG:标题
OG: 标题 是 您 定义 内容 标题 的 方式。 它 的 目的 与 传统 元 相似 标题 标签 在 你 的 代码 代码 中 事实上 , 如果 Facebook 在 您 页面 页面 上 没有 找到 找到 找到 标签 标签 它 它 会 使用 使用 使用 使用 使用 使用 使用 标签 标签 标题 标题 标题 标题 标题 标题 标题。
正 如 Facebook 解释 的 那样 , 大多数 内容 都 是 作为 url 共享 的。 如果 您 想 控制 内容 在 其 网站 上 的 方式 , 则 必须 添加 添加 标签 标签。。。。
用 Facebook 自己的话说,
“没有 这些 这些 Abrir gráfico 标签 , Facebook 爬虫 使用 内部 启发式 方法 对 您 的 内容 的 标题 、 描述 和 预览 图像 做出 最 佳 猜测。 使用 abierta 标签 明确 此 信息 信息 以 确保 在 在 在 在 上 最高 质量 的 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子 帖子。”
为了充分利用 OGP,您还需要考虑文本的显示方式及其长度。
请记住,Facebook
Ejemplo:
OG:网址
当 您 在 Facebook 上 分享 链接 时 , 您 可以 添加 添加 添加。 这些 标签 帮助 Facebook 显示 链接 链接 的 信息 信息 , 图像 、 标题 和 描述。。。。。。。。
这 就 是 你 设置 典范 您 正在 共享 的 页面 的 Url。 这 意味 着 您 定义 了 一 个 , 所有 共享 都 转到 该 页面。 如果 同 一 内容 有 个 个 个 (例如 , 参数) 这 将 有 有 有 帮助 帮助 帮助 有 帮助 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有 有。 重要提示:提供的 URL 不会显示在 Facebook 新闻源上,只有域可见。
Ejemplo:
OG:类型
这 就 是 您 描述 您 共享 的 对象 类型 的 方式 : 博客 文章 、 视频 、 图片 其他 其他 任何 内容。 可 供 选择 的 清单 长。 这里 有 有 例子 : :.
基于网络:
娱乐:
地点:
人物:
经营范围:
您可以看到类型的完整列表 此处.
如果 您 的 页面 有 “Me gusta” 按钮 并 代表 现实 生活 中 的 对象 (如 书籍 或 电影) , 则 此 标签 很 重要。 确定 您 的 内容 是否 出现 在 用户 个人 资料 资料 的 部分 中 中 以 防 他们 喜欢 喜欢 “ ”它。
在 大多数 情况 下 , 您 将 使用 “网站” 值 , 因为 您 共享 的 是 指向 网站 的 链接。 事实上 , 如果 你 定义 类型 类型 , Facebook 会 默认 将 其 为 为 “网站”。。。。。 网站 网站 网站 网站 ”
Ejemplo:
OG:描述
此 元 数据 描述符 与 meta 描述 html 中 的 标签。 这 是 您 描述 内容 的 地方 , 但 它 不 显示 在 搜索 引擎 结果 页面 上 , 而 而 是 在 在 Facebook 上 链接 标题 标题 下方。。。。。。。。。。。。。。。。。。。。。。。。。。
SEO
OG : 描述 标签 不 会 限制 您 的 字符 数 , 但 最好 使用 大约 200 个 字母。 在 某些 情况 下 , 根据 链接/标题/域 域 最多 可以 显示 300 个字符 , 但 建议 将 200 个字符 200 个字符视为额外内容。
Ejemplo:
og:图片
对于 许多 营销 人员 来说 , 这 是 最 有趣 的 OGP 标签 , 因为 因为 图片 总 能 帮助 脱颖而 出 出。 这 是 您 在 分享 页面 时 确保 Facebook 显示 特定 缩略 图 方法 方法 , 这 您 的 转化率 很 帮助。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
确保 你 设置 了 你 选择 的 的 Og: Image , 否则 , Facebook 会 显示 一些 愚蠢 的 东西 , 比如 从 页面 上 刮 的 不 需要 的 广告 横幅 , 或者 什么 也 没有 你 绝对 不 想要!!!!!!!!!!!!!!!!!!!!!!!!
这里还有一些提示:
- 重要 的 是 要 记住 , 如果 您 的 页面 是 静态 的 并且 您 不 使用 任何 类型 的 内容 管理 系统 (cms) (WordPress) , 您 需要 为 每 个 页面 手动 更改 更改 更改。。。。。。。。 更改 更改。。。。。
- 如果您使用 CMS 控制您的网站并安装了相关插件,则会为每个页面自动分配 og:imagen
- 最 常 推荐 的 Og 图像 分辨率 为 1200 像素 x 627 像素 (1.91/1 比率)。 在 这 种 尺寸下 , 您 的 缩略 会 很 大 并且 会 在 人群 中 脱颖而 出。 只是 不 要 要 超过 超过 超过 超过 的 限制。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
400 x 209 x 209 x 209 x 209 x 209
请记住,您用作 Open Graph 图像的图片可能与您页面上的图片不同。
你为什么不利用这个机会更加突出呢?
例如 , 如果 你 的 标题 很 好 , 但是 您 使用 的 图片 不 是 很 令 人 兴奋 (不 是 信息图 或 好看 的 人) , 请 考虑 使用 带有 一 两 行 良好 良好 副本 的 图像 (参见 下面。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 eléctrico
如果 您 这样 做 , 您 需要 记住 一 件 事 : 将 您 的 文本 或 其中 最 重要 的 部分 放 在 图像 的 中间。 很 重要 重要 因为 因为 Facebook 会 修 略图 的 侧面。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 侧面 侧面
Ejemplo:
要添加 OPG 的简单方法, 有一个在线生成器.
高级 Facebook Open Graph 标签
上面的 Gráfico abierto
举个例子
- og:locale – 定义语言; 美式英语是默认的
- og:nombre_del_sitio
- og:audio 或 og:video – 为您的对象添加额外的音频或视频文件
- fb:app_id – 用于使用对象链接到 Facebook 应用程序(例如,FB 评论)
检查您的 OGP 标签
设置 开放 图形 标签 后 , 您 需要 检查 它们 是否 正常 工作。 为 此 , 您 可以 使用 共 试器 试器 查看 在 Facebook 、 Messenger 和 其他 共 共 网站 内容 时 信息 的 显示 方式。 此外 此外 此外 此外 , Invalidator de lote 将 您 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新 刷新个 URL 的此信息。
要使用它,只需输入您遇到问题的页面的 URL,然后单击“调试”。
Facebook 的调试工具有两个有益的功能
首先 , 当 您 键入 要 检查 的 链接 时 , 它 会 返回 任何 错误 和 Og 标签 建议 如果 有 有)。 还 可以 检查 Og: imagen 的 外观 、 您 描述 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 等 eléctrica
其次 , 它 会 清除 清除 Facebook 缓存。 想象 : : 您 发布 到 Facebook 的 , , 但 随后 在 缩略 缩略 图 中 看到 错误 , 因此 您 您 的 站点 并 并 调整 调整 OGP 标签 然后 然后 将 其 发布 发布 到 到 到 到。。。。。。。。。。 到 到 到 到 到 到 到 到 到 到 到 到 到 到 到 到 到 到 到 到 到 eléctrico eléctrica。 到 到 到 到 到 eléctrica eléctrica eléctrica eléctrica 到 到 到 到 到 到 到 到 eléctrico eléctrico eléctrico eléctrico eléctrico eléctrico eléctrico uct
大概 , 什么 都 不 会 发生。 缩略 图 将 保持 不 变。 这 是 因为 缓存。 Facebook 分享 试器 试器 在 调整 后 刷新链接 上 的 缓存 , 因此 请 记住 每 次 都 它。。。。。。。。。。。。。。。。。。。。。。。。
Twitter 的开放图形标签:Tarjetas de Twitter
如果 您 不 熟悉 Twitter 的 卡片 , 它们 允许 您 附加 媒体 文件 并 在 推文 中 添加 额外 信息。 这 对于 提高 的 可 见性 并 为 点击 的 用户 提供 额外 的 非常 有用。。。。。。。。。。。。。。。。。。。。。。。。。。。。 有用 有用
尽管 它们 不 是 一 回 事 , 但 Twitter 的 卡片 使用 相同 的 开放 图形 协议 , 并且 看起来 类似于 类似于 类似于。 实施 这些 标签 可以 轻松 地 创建 创建 创建 卡片 而 不 会 问题。。。。。。。。。。。。。。。。。。。。。。。。。。。
像 Facebook 的 Open Graph 标签一样,Twitter Cards 可以让你 从众多推文中脱颖而出.简而言之,它们允许您从 140 个字符的推文中生成一些额外的内容。
这不会自动显示在人们的提要上,但它会在推文下方添加一个小的“查看摘要”按钮。
您可以使用开放图形标签来指定内容的标题、描述和图像,并确定页面的内容类型和悚想䗁覆傏
当你点击它时:
Twitter 卡片很容易点击,并提供了一个方便的共享页面摘要。 然而,令人惊讶的是,没有多少网站利用这些标签,这给了您一个很好的机会让您的推文从其他提要中脱颖而出。
Funciona con WordPress.
Yoast 的 WordPress SEO 做得非常好。
要在 Yoast 中激活 Twitter 卡:
- 登录 WordPress
- 转到您的仪表板,
- 从列表中选择“SEO”选项。
- 点击 SEO 并选择社交。 点击。
- Twitter 用户名
- 通过单击选择“Twitter”选项卡
- 向下滚动到“添加 Twitter 卡元数据”
- 点击“启用”
- 最后,保存所有更改。
如果上述方法不可行,请询问您的 web
推特:卡
此 必需 标签 的 工作 方式 与 与 Og: tipo 类似。 它 描述 了 您 共享 的 内容 类型。 有 七 个 : : : 、 照片 、 、 产品 产品 、 应用 程序 、 图库 和 和 和 大 ”摘要 摘要 摘要 摘要 摘要 摘要
根据 您 选择 的 内容 类型 , 推文 推文 底部 链接 链接 会 发生 变化。 您 可以 获得 摘要 的 “查看 摘 要 要 , 照片 的“ 查看 照片 照片 等。 如果 未 设置 设置 标签 标签 标签 标签 默认 您 的 链接 为 为 为 为 为 为 为 为 为 为 为 为 为 为 为 为 为 为 ”摘要”。
Ejemplo:
推特:标题
这 基本上 与 它 的 Og 对应物 做 同样 的 事情。 您 您 为 文章 标题 , , 该 将 以 粗体 粗体。 避免 重复 推文 中 的 相同 是 明智 明智 之 举。 充分 利用 提供 的 空间 空间 让 份 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本 副本相互播放以强化信息。 最多使用 70 个字符。
Ejemplo:
推特:描述
使用 此 标签 为 您 正在 共享 的 页面 编写 描述性 线索。 与 abierto gráfico 标签 一样 , 不 要 专注 于 关键 , 因为 它们 对 您 的 的 无关 紧要。。 引 人注目 的 副本 副本 很 地 补充 您 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文 推文和标题。 Twitter 将此部分限制为 200 个字符。
Ejemplo:
推特:网址
Facebook Open Graph 标签的悏述
Ejemplo:
推特:图片
您 决定 要 在 类型 标签 中 使用 哪 一 个。 如果 您 选择 大选项 , 请 确保 它 分辨率 至少 为 为 280X150 像素 , 并且 大小 不 超过 1MB。 您 可以 考虑 使用 与 与 与 缩略图 相同 的 : : : 图像 中 中 中 中 中 中 中 中 中 中 中 中 中 中 中 中 中 中添加一些文本以增强信息。
Ejemplo:
从 Twitter 请求批准
在 推文 中 添加 卡片 很 容易 —— 您 只 需 在 推文 末 尾 添加 一些 额外 的 代码 即 可。 该 告诉 告诉 告诉 您 您 使用 哪 种 卡片 类型 以及 您 希望 的 外观。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 外观 外观 外观 外观 外观 外观 外观 外观 外观 eléctrica eléctrica
Tarjeta de Twitter
Tarjetas de Twitter
幸运的是,这只需要大约 15 分钟,并且可以使用他们的 卡验证器.
开始,
- 选择您要使用的卡类型。
- 添加您的元标记
- 使用 Twitter 的验证器工具检查 URL。
- URL 以查看您的卡显示。 https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts- tarjetas
Twitter 卡插件
与 Facebook 一样,有很多插件可用于实现 Twitter 卡片。 这里有几个:
如何实现开放图标签?
您 如何 实现 OGP 标签? 基本上 , 它们 属于 页面 html 的 一 部分。 如果 您 不 管理 , , 则 需要 向 您 Web 开发 人员 寻求。 您 可以 使用 上述 上述 提示 自行 准备 整 包裹 , 以 他们 宝贵。 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间。。。。。。 eléctrico
如果 您 使用 的 是 WordPress , 只 需 安装 一 个 为 您 巧妙 地 实现 代码 的 插件。 正 如 我 所 的 , 我 喜欢 使用 WordPress 的 搜索 引擎 由 由 yoast , 但 您 还 可以 使用 其他 工具 工具 : omo
以下是其他 OG 插件/扩展/附加组件:
Twitter 提供了一个工具来验证你的 OGP 标签, Validador de la tarjeta de Twitter 是 一 种 工具 , 可 让 您 测试 和 预览 您 的 推文 在 其他 网站 上 共 享 时 的 显示 方式。 要 验证器 , 请 输入 您 要 在 其 上 分享 的 的 网站 的 的 , 然后 单 单 单 单 单 单 单 单 单 单 单 单 单 单 单 单 单 单 单 单 单 单击“验证”。
验证器将向您展示您的推文将如何在网站上显示的预览,并显示标题、描述和图像。
常见问题
什么是 Open Graph,为什么要创建它?
开放 图形 协议 (OGP) 是 网站 上 使用 的 一 组 标签 , 用 用 于 定义 网页 的 , , 可以 更 轻松 地 在 社交 媒体 上 上 共享。 OGP 标签 允许 网络 管理员 其 其 内容 内容 在 在 和 和 和 和 等 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体 媒体网站上共享时的显示方式。
如何找到 Open Graph 标签?
您可以在网页的部分。
什么是 SEO OGP?
这 是 Facebook 在 2010 年 引入 的 一 种 元 数据。 它 允许 将 语义 集成 到 Facebook 的 html 中 , 允许 网站 向 向 向 展示 希望 希望 希望 希望 如何 其 网站 索引 索引。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 /library/view/facebook-aplicaciones-desarrollo/9780470768730/ch006-sec012.html
如何检查 OGP 标签?
总结
Facebook 和 Twitter 的最终代码应该或多或少像这样:
这可能看起来有点令人困惑,但幸运的是,有几个工具使这个过程更容易——你不需要知道如何ゼ矖
Abra gráfico 元 标记 主要 分为 三 种 类型 : Og: Título 、 Og: Imagen 和 Og: Descripción , 努力 实施 它们 具有 明显 优势 , , 包括 更 的 点击率 和 参与度 , , 这些 可以 带来 更 的 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化 转化.添加开放图的额外措施也增加了可见性。
然而 , 尽管 有 这些 优势 , 但 令 人 惊讶 的 的 是 很少 有 人 优化 这些 标签。 是 值得 值得 , 因为 它 可以 帮助 脱颖而 出 吸引 更 多 多 点击 观点 观点 值得 , 可以 可以 帮助 脱颖而 出 吸引 更 多 点击 和 观点 观点 观点 脱颖而 你 多 更 更 点击 和 观点 观点 , 它 甚至 可以 提供 帮助 改善 的 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有 所有.能带来更多利润的事情。
您是否实施了开放图元标记? 它对您的网站有何影响?
查看我的代理商如何开车海量网站访问量
- 搜索引擎优化–解锁大量SEO流量。 查看实际结果。
- 内容营销–我们的团队创建了史诗般的内容,这些内容将被共享,获得链接并吸引流量。
- 付费媒体–有效的付费策略,具有清晰的ROI。
预订电话