فيسبوك ، تويتر 的 12 个 图 元 标记

每个 营销 人员 都 知道 “内容 为 王” 这 句话 ， 但 如果 没有 读者 和 追随者 ， 内容 就 什么 都不 是。

如今 ， 有 一种 可靠 的 方式 可以 将 您 的 内容 传播 给 更 广泛 的 受众 分享 您 您 新 博 文 ： 社交 媒体。

Facebook 和 Twitter 等 网站 拥有 百万 ，。 ， 优化 这种 外 展 潜力 一种 超级 简单 的 方法 一点 开放 图形 标签 (OPG )。

没听 说过 OPG 背后 的 开放 图 协议？ 然后 让 我 解释 一下 它们 是 什么 ， 它们 为什么 重要 ， 以及 —— 最 重要 的 是 —— 你 如何 使用 它们？

什么 是 开放 图 ， 为什么 要 创建 它？

介绍 2010 开放 图 帖子 成为 具有 فيسبوك 对象 相同 功能 的 丰富 对象 的 集成

， 当 页面 被 共享 喜欢 等） 时 它 可以 地 控制 信息 如何 从 网站 传输 Facebook 从而 帮助 优化 Facebook。

为了 实现 这 一点 ， 信息 通过 افتح الرسم البياني 标签 发送 到 网站 代码 的 一部分。

其他 社交 媒体 网站 也在 利用 标签。 例如 Twitter 和 LinkedIn 识别 Open Graph 标签 Twitter 有 自己 بطاقة Twitter 标签 ， 但 Twitter 机器人 找不到 任何 标签 ， 它 使用 OGP 标签。

我 的 代理商 如何开车 海量 网站访问 量

• 搜索 引擎 优化- 解锁 大量 SEO 流量。 查看 实际 结果。
• 内容营销 - 我们 的 团队 创建 了 史诗般 的 内容 ， 这些 内容 将 被 共享 ， 获得 链接 并 吸引 流量。
• 付费 媒体- 有效 的 付费 策略 ， 具有 清晰 的 ROI。

预订 电话

为什么 营销 人员 应该 关心 OGP 标签

OGP 标签 对 营销 人员 至关重要 ， 因为 它们 有助于 确保 当 用户 在 社交 媒体 上 分享 指向 您 的 链接 ， 会 自动 填充 正确 信息。 这 有助于 提高 参与 度 并 帮助 潜在 客户 更多地 了解 您 的 品牌 或 产品。

此外 ， 营销 人员 应该 关心 OPG 标签 ， 因为 社交 媒体 网站 是 主要 的 大多数 网络 流量 的 驱动 因素.因此 ， 利用 社交 元 标签 的 能力 是 当今 营销 人员 的 一项 重要 技能。

此外 ， 使用 OGP 标签 可以 帮助 您 跟踪 您 的 内容 在 社交 媒体 上 的 表现 ， 使 您 能够 调整 您 的 共享 策略。

然而 ， 最 值得注意 的 是 ： 开放 图形 标签 可以 通过 解决 常见 问题 对 转化 率 和 点击 率 产生 巨大 影响。

例如 ， 您 是否 曾经 在 فيسبوك 上 分享 一个 链接 ， 却 发现 缩略图 不见了 ， 或者 图片 与 您 的 预期 不同？

了解 一点 OGP 标签 可以 帮助 您 解决 这些 问题 并 改善 您 的 社交 媒体 营销。

不过 ， 他们 不会 做 一 那 就是 的 SEO.但是 ， 您 可以 从 社交 媒体 上 的 额外 影响 中 获得 提升 ， 这 意味着 它 值得 研究。

现在 ， 让 我们 看看 Facebook 最基本 的 OGP 标签 ， 以及 如何 优化 它们 以 更好 地 共享。

了解 Facebook OGP 标签

如 简介 中 所述 ， OGP 标签 至关重要 ， 因为 它们 允许 您 控制 内容 Facebook 等 网站 上 共享 时 显示。 开放 的 图形 标签 您 可以 控制 帖子 中 、 描述 和 图像 ； 这 是 确保 您的 内容 在 分享 时 看起来 很棒 的 好 方法。

此外 ：

• 添加 OGP 标签 可 确保 您 使用 正确 的 图像 和 描述 ， 这 有助于 提高 点击 率 同时 使 使 添加 特定 的 详细 信息 ， 例如 它 是 电影 、 书籍 还是 产品。
• 使用 OGP 标签 可 让 您 内容 在 Facebook 上 的 表现。 当 有人 在 上 分享 您 的 一篇 文章 ， ， Facebook ， 此 数据 可 让 您 查看 哪些 文章 获得最多 的 参与 度 ， 哪些 文章 需要 改进。
• 包含 OGP 标签 可 确保 您 在 Facebook 上 共享 链接 时 使用 正确 的 图像 和 描述 ， 这 有助于 提高 点击 率。
• 添加 OGP 标签 很 容易 ， 大多数 内容 管理 系统 都有 插件 或 扩展 来 简化 流程。

Facebook 有 几种 开放 图形 标签 类型。 您 可以 使用 OGP 标签 来 指定 站点 名称 、 在 Facebook 上 用作 缩略图 的 图像 以及 当 有人 分享 您 页面 时 将 出现 的 描述 等 内容。

在 本 节 中 ， 我 将 介绍 不同 的 类型 ， 然后 解释 如何 使用 它们。

OG ： 标题

og: 标题 是 您 定义 内容 标题 的 方式。 它 的 目的 与 传统 元 标题 标签 在 你 代码 中。 事实上 ， Facebook 您 的 页面 上 没有 og og: العنوان 标签 ， 它 会 使用 الرسم البياني المفتوح 标签 标题。

正如 Facebook 解释 的 那样 ， 大多数 内容 都是 作为 URL 共享 的。 如果 您 想 控制 内容 在 其 网站 的 显示 方式 ， 则 必须 添加 OGP 标签。

用 فيسبوك 自己 的 话说،

“没有 这些 افتح الرسم البياني 标签 ， Facebook 使用 内部 启发式 方法 对 您 的 内容 的 标题 、 和 预览 图像 做出 最佳 猜测。 افتح الرسم البياني 标签 明确 指定 此 信息 ， 以 在 发布 最高 质量 的 帖子。 "

为了 充分 利用 OGP ， 您 还 需要 考虑 文本 的 显示 方式 及其 长度。

请 记住 ， فيسبوك 提要 上 显示 的 文本 是 粗体 且 非常 醒目。 它 必须 引人注目 ， 就像 一个 好的 帖子 标题 一样。

字符 数 没有 限制 ， 但 最好 保持 60 到 90 如果 标题 超过 100 字符 فيسبوك 会将 其 截断 为 仅 88 个！

例如 ：

OG ： 网址

当 您 在 Facebook 上 分享 链接 时 ， 您 可以 添加 افتح الرسم البياني 标签。 这些 标签 帮助 Facebook 显示 有关 链接 的 丰富 信息 ， 例如 图像 、 标题 和 描述。

رابط الموقع URL 。 重要 提示 ： 提供 的 URL 不会 显示 在 Facebook 源 上 ， 只有 域 可见。

例如 ：

OG ： 类型

这 就是 您 描述 您 共享 的 对象 类型 的 方式 ： 博客 文章 、 视频 、 图片 或 其他 任何。 可供 选择 清单 清单 很 长。 这里 有些 例子 ：

基于 网络 ：

娱乐 ：

地点 ：

人物 ：

经营 范围 ：

可以 看到 类型 的 完整 列表 此处.

如果 您 的 页面 有 代表 现实 生活 中 的 对象 （如 书籍 或） ， 很 重要。 它 确定 您 的 内容 是否 出现 在 用户 资料 的 兴趣 部分 中 ， 以防 他们 “喜欢"它。

在 大多数 情况 下 ， 您 将 使用 您 共享 指向 的 链接 ， 如果 你 不 定义 类型 "网站"。

例如 ：

OG ： 描述

此 元 数据 描述 符 与 meta 描述 HTML 中 的 标签。 这 是 您 内容 的 地方 ， 但 不会 显示 在 搜索 结果 上 ， 显示 Facebook 上 的 链接 标题 下方。

但是 ， 与 常规 的 元 描述 标签 不同 ， 它 不会 影响 您 SEO ， 但 让 人们 点击 它 仍然 是 一个 好 主意。

عوج ： 描述 标签 不会 限制 字符 数 ， 最好 使用 200 个 字母。 某些 情况 根据 链接 / 标题 / 域 فيسبوك 最多 可以 显示 我 建议 将 超过 200 个 字符视为 额外 内容。

例如 ：

og ： 图片

对于 许多 营销 人员 来说 ， 这 是 最 有趣 的 OGP 标签 ， 因为 图片 总 能 脱颖而出 脱颖而出 您 在 分享 页面 时 缩略图 的 的 转化 率 很有帮助。

确保 你 设置 了 你 选择 og og: image ， 否则 ， Facebook 会 显示 一些 愚蠢 的 东西 ， 从 上 的 的 的 广告 或者 也 没有。 你 绝对 不 想要 那个！

这里 还有 一些 提示 ：

• 重要 的 是 要 记住 ， 如果 您 的 页面 是 静态 的 并且 您 不 使用 任何 的 内容 管理 系统 （CMS） （如 WordPress） ， 您 需要 为 每个 页面 手动 更改 og: صورة。
• 如果 您 使用 CMS 控制 您 的 网站 并 安装 了 相关 插件 ， 则会 为 每个 页面 自动 og og: صورة 标签。 进一步 查找 插件 列表。
• 最常 推荐 的 OG 图像 分辨率 为 1200 像素 x 627 像素 （1.91 / 1）。 在 这种 尺寸 下 ， 的 缩略图 会 很大 并且 会 在 人群 中 脱颖而出。 只是 不要 超过 限制。

如果 您 使用 小于 400 像素 × 209 的 图像 ， 它将 呈现 为 小得多 的 缩略图。 它 远 没有 那么 引人注目。

请 记住 ， 您 用作 افتح الرسم البياني 图像 的 图片 可能 与 您 页面 上 的 图片 不同。

你 为什么 不 利用 这个 机会 更加 突出 呢？

例如 ， 如果 你 的 标题 很好 ， 但是 您 使用 的 图片 不是 很 令人 兴奋 （信息 图 人 等） ， 请 带有 一 两 行 良好 的 图像 （参见 下面 的 示例）。

您 这样 做 ， 您 需要 记住 一 件事 ： 将 您 其中 最 重要 的 部分 放在 的 中间。 这 重要 Facebook 会 修剪 缩略图 的 侧面。

例如 ：

要 添加 OPG 的 简单 方法 ， 有 一个 在线 生成 器.

高级 Facebook Open Graph 标签

上面 的 افتح الرسم البياني 标签 是 您 需要 了解 的 标签。 但是 ， 您 可以 使用 其他 更 高级 的 标签 来 提供 更 深入 的 规范。

举 个 例子

• og: الإعدادات المحلية - 定义 语言 ； 美式 英语 是 默认 的
• og: site_name - 如果 您 共享 的 页面 （对象） 是 更大 网络 的 一部分
• og: صوت 或 og: فيديو - 为 您 的 对象 添加 额外 的 音频 或 视频 文件
• fb: app_id - 用于 使用 对象 链接 到 Facebook 应用 程序 （例如 ， FB 评论）

检查 您 的 OGP 标签

设置 开放 图形 标签 后 ， 您 需要 检查 它们 是否 正常 工作。 为此 ， 您 可以 使用 共享 器 Facebook 、 Messenger 和 其他 地方 共享 网站 内容 时 信息 的 显示。 此外 دفعة Invalidator 将 允许 您 同时 刷新 多个 URL 的 此 信息。

要 使用 它 ， 只需 输入 您 遇到 问题 的 页面 的 URL ， 然后 单击 “调试”。

فيسبوك 的 调试 工具有 两个 有益 的 功能。

首先 ， 当 您 键入 要 检查 的 链接 时 ， 它 会 返回 任何 （如果 有）。 您 还 可以 检查 og: صورة 的 外观 、 您 的 描述 等。

其次 ， 它 会 清除 Facebook。 想象 一下 ： 发布 Facebook ， 随后 您 在 看到 错误 ， 因此 返回 并 调整 再次 将 其 发布 到 Facebook

大概 ， 什么 都 不会 发生。 缩略图 将 保持 不变。 这 是 因为 缓存。 Facebook 分享 调试 器 会 在 调整 后 刷新 链接 上 的 缓存 ， 因此 请 记住 每次 都 使用 它。

Twitter 的 开放 图形 标签 بطاقات تويتر

如果 您 不 熟悉 تويتر 的 卡片 ， 您 附加 媒体 文件 并 在 推 文 额外 信息 对于 提高 推 文 的 并 为 点击 的 用户 提供 额外 的 上下文 非常 有用。

尽管 它们 不是 一回事 ， 但 تويتر 的 卡片 使用 相同 的 开放 协议 看起来 类似于 OGP 标签。 实施 这些 标签 可以 更 轻松 تويتر 卡片 ， 而 不会 出现 重复 问题。

像 Facebook 的 Open Graph 标签 一样 ， بطاقات Twitter 可以 让 你 从 众多 推 文 中 脱颖而出.简而言之 ， 它们 允许 您 从 140 字符 的 推 文 中 生成 一些 额外 的 内容。

这 不会 自动 显示 在 人们 的 提要 上 ， 但 它 会 在 推 文 下方 添加 一个 小 的 "查看 摘要" 按钮。

您 可以 使用 开放 图形 标签 来 指定 内容 的 标题 、 描述 和 图像 ， 并 确定 页面 的 内容 类型 和 您 想要 覆盖 的 受众。

当 你 点击 它 时 ：

تويتر 卡片 很 容易 点击 ， 并 提供 了 一个 方便 的 共享 页面 摘要。 然而 ， 令人 惊讶 的 网站 利用 这些 标签 给 了 您 一个 很好 让 您 的 推 文 从 其他 提要 中 脱颖而出。

安装 这些 卡 并不 困难 ， 并且 有 一个 快速 的 解决 方法 ， 即使 您 精通 精通。 只需 安装 一个 WordPress 插件。

يوست 的 WordPress SEO 做得 非常 好。

要 يوست تويتر 卡 ：

• 登录 ووردبريس
• 转到 您 的 仪表 板 ，
• 从 列表 中 选择 “SEO” 选项。
• 点击 SEO 并 选择 社交。 点击。
• 单击 您 تويتر 用户 名
• 通过 单击 选择 “تويتر” 选项 卡
• 向下 滚动 到 “添加 تويتر 卡 元 数据”
• 点击 "启用"
• 最后 ， 保存 所有 更改。

بطاقة Twitter

推 特 ： 卡

此 必需 标签 的 工作 方式 与 og: اكتب 类似。 它 描述 了 您 共享 的 内容。 有 七个 选项 ： 摘要 、 照片 、 视频 、 产品 、 应用 程序 、 图库 和 "大 版本" 摘要。

""摘要 "。

例如 ：

推 特 ： 标题

这 基本上 与 它 的 同样 的 事情。 您 为 文章 指定 标题 标题 标题 显示 避免 重复 推 文 中 相同 文本 是 明智之举。 充分 利用 提供 的 空间 ， 让 两份 副本相互 播放 以 强化 信息。 最多 使用 70 个 字符。

例如 ：

推 特 ： 描述

使用 此 标签 为 您 正在 共享 的 页面 编写 描述 性 线索。 与 افتح الرسم البياني 标签 一样 ， 不要 专注 于 关键字 ， 因为 它们 对 的 引人注目 的 副本 ， 很好 地 补充 您 的 推 文和 标题。 تويتر 将此 部分 限制 为 200 个 字符。

例如 ：

推 特 ： 网址

这 设置 了 规范 网址 对于 您 正在 共享 的 内容。 （更多 信息 请 请 上 面对 Facebook Open Graph 标签 的 描述。）

例如 ：

推 特 ： 图片

是 的 ， 你 猜 对 了 这 就是 您 如何 设置 图片 配合 您 的 文。 تويتر 允许 两种 选择 ， 一张 图片 较小 或 较大 的 卡片。

لا شيء添加 一些 文本 以 增强 信息。

例如 ：

从 تويتر 请求 批准

在 推 文 中 添加 卡片 很 容易 只需 在 推 文 末尾 添加 一些 额外 即可 代码 告诉 تويتر 您 要 使用 哪种 卡片 类型 以及 您 希望 内容 的 外观。

بطاقة تويتر 有 多种 类型 ， 因此 您 可以 选择 最 适合 您 需求 的 一种。

， 请 记住 ， 在 您 充分 受益 于 بطاقات تويتر ， 您 需要 请求 تويتر 批准 您 的 页面。

幸运 的 是 ， 这只 需要 大约 15 ， 并且 可以 使用 他们 的 卡 验证 器.

开始 ，

• 选择 您 要 使用 的 卡 类型。
• 添加 您 的 元 标记
• 使用 تويتر 的 验证 器 工具 检查 URL。
• 在 验证 器 中 测试 或 获得 您 的 卡 的 批准 ， 然后 推 特 URL 以 查看 您 的 卡 显示 https://developer.twitter.com/ar/docs/twitter-for-websites/cards/overview/abouts- البطاقات

一旦 您 获得 批准 ， 卡 验证 的 用途 与 Facebook 调试 器 相同 ， 允许 您 在 提交 之前 检查 您 的 链接。

تويتر 卡 插件

与 فيسبوك 一样 ， 有 很多 插件 可 用于 实现 تويتر 卡片。 这里 有 几个 ：

如何 实现 开放 图 标签？

您 如何 实现 OGP 标签？ 基本上 ， 它们 属于 页面 HTML 的 一部分。 如果 您 不 管理 代码 ， 则 您 的 寻求 您 可以 可以 上述 提示 准备 整个 包裹 ， 以 节省 他们 宝贵 的 时间。

如果 您 使用 的 是 WordPress ， 只需 安装 一个 为 您 巧妙 地 实现 代码 的 插件 正如 我 所 ， 我 喜欢 使用 WordPress 的 搜索 引擎 由 يوست ， 但 您 还 可以 使用 其他 一些 免费 工具 ， 包括 ：

以下 是 其他 OG 插件 / 扩展 / 附加 组件 ：

就像 脸 书 一样。 تويتر 提供 了 一个 工具 来 验证 你 的 OGP 标签 ， أداة التحقق من بطاقة Twitter 是 一种 工具 ， 可 让 您 测试 和 预览 您 的 文 在 其他 上 共享 方式。 要 使用 验证 ， 请 输入 您 要 在 分享 推 文 的 网站 的 URL ， 然后 单击 "验证"。

验证 器 将向 您 展示 您 的 推 文 将 如何 在 网站 上 显示 的 预览 ， 并 显示 标题 、 描述 和 图像。

常见 问题

什么 是 افتح الرسم البياني ， 为什么 要 创建 它？

开放 图形 协议 (OGP) 是 网站 上 使用 的 一 组 标签 ， 定义 的 结构 ， 以便 可以 更 轻松 地 在 媒体 平台 上 共享。 OGP 标签 允许 网络 内容 在 Facebook 和 LinkedIn 等 社交 媒体网站 上 共享 时 的 显示 方式。

如何 找到 افتح الرسم البياني 标签？

您 可以 在 网页 的 部分。

什么 是 SEO OGP？

这 是 Facebook 2010 年 引入 的 一种 元 数据。 它 允许 将 语义 集成 到 Facebook 的 HTML 中 ， 允许 网站 所有者 向 Facebook 展示 他们 希望 Facebook 如何 为其 网站 编制 索引。 https://www.oreilly.com /library/view/facebook-application-development/9780470768730/ch006-sec012.html

如何 检查 OGP 标签؟

有 免费 工具 可 用于 检查 您 的 OGP 标签。 Facebook 等 网站 也 提供 验证 器 ， 以便 您 检查 标签 是否 有 错误。

总结

فيسبوك 和 تويتر 的 最终 代码 应该 或多或少 像 这样 ：

这 可能 看起来 有点 令人 困惑 ， 但 幸运 的 是 ， 有 几个 工具 使 这个 过程 更 容易 —— 你 不需要 知道 如何 编码。

افتح الرسم البياني. .添加 开放 图 的 额外 措施 也 增加 了 可见 性。

然而 ， 尽管 有 这些 优势 ， 惊讶 的 是 很少 有人 标签。 是 值得 因为 它 可以 帮助 你 脱颖而出 更多 点击 和 观点 ， 它 可以 提供 帮助 改善 你 的 SEO —— 所有能 带来 更多 利润 的 事情。

您 是否 实施 了 开放 图 元 标记？ 它对 您 的 网站 有何 影响？

我 的 代理商 如何开车 海量 网站访问 量

• 搜索 引擎 优化- 解锁 大量 SEO 流量。 查看 实际 结果。
• 内容营销 - 我们 的 团队 创建 了 史诗般 的 内容 ， 这些 内容 将 被 共享 ， 获得 链接 并 吸引 流量。
• 付费 媒体- 有效 的 付费 策略 ， 具有 清晰 的 ROI。

预订 电话