我们将解释如何在 WordPress 模板 QUADRA 中设置 OGP。

Eva

OGP 是一种在 Facebook 和 Twitter 等 SNS 上共享网页时正确传达文章标题、URL 和特色图像等页面信息的机制。
通过配置OGP设置,共享页面上的信息将显示得更加清晰、美观。

通过在您的 Facebook 和 Twitter 时间线上以有吸引力的方式显示它,您可以期待更多的流量。如果您尚未设置,请立即设置。
在本文中,我们将详细介绍如何从Meta for Developers(FACEBOOK for Developers)获取OGP所需的app ID并在WordPress模板QUADRA中进行设置。

目录

提前需要什么

要获取 OGP 设置所需的应用程序 ID,需要三样东西:Facebook 帐户、可以进行身份​​验证的手机(您将收到短信)以及隐私政策页面。这将是。

如果您没有 Facebook 帐户或隐私政策页面,请提前创建一个。
如果您还想设置 Twitter 卡,则还需要一个 Twitter 帐户。
*Twitter 卡是指 Twitter 上的 OGP 设置。

阅读更多:如何检查电脑启动和关闭 Windows 11 的日期和时间

如何获取OGP所需的应用程序ID

首先,从Meta for Developers(FACEBOOK for Developers)获取OGP设置所必需的应用程序ID。
需要三样东西:Facebook 帐户、可以进行身份​​验证的手机(您将收到短信)以及隐私政策页面。请您提前做好准备。

如何获取OGP所需的应用程序ID

面向开发者的 FACEBOOK请访问。
点击右上角的【登录】。

如何获取OGP所需的应用程序ID

将显示登录屏幕,因此请使用您的 Facebook 帐户登录。

如何获取OGP所需的应用程序ID

如果您成功登录,您将被重定向到 Meta for Developers 页面。
单击该屏幕右上角的开始。

如何获取OGP所需的应用程序ID

单击“开始”后,您将看到一个页面,其中显示“创建 FACEBOOK 开发者帐户”。
单击右下角的“下一步”。

如何获取OGP所需的应用程序ID

当您单击“下一步”时,系统将要求您提供手机进行身份验证。
此处将发送一条短信,因此请输入您的手机号码。如果号码从 080 开始,则输入 80XXXXXXXX,前导不带 0。
正确输入手机号码后,点击“发送验证短信”。

如何获取OGP所需的应用程序ID

一旦您点击[发送验证短信],Facebook就会向您发送验证码。
请正确输入发送给您的验证码,然后点击【验证】。

如何获取OGP所需的应用程序ID

验证手机后,系统会要求您验证电子邮件地址。
如果您使用电子邮件地址创建 Facebook 帐户,则您的电子邮件地址已输入。
如果未输入,请输入您正在使用的电子邮件地址,然后单击[验证电子邮件地址]。

我还没有尝试过,但即使您使用手机的运营商电子邮件,它也可能工作正常。

如何获取OGP所需的应用程序ID

一旦您的电子邮件地址得到验证,您将返回到“创建 FACEBOOK 开发者帐户”页面。
你会被问到:“以下哪一项最适合你?”请选择适当的项目。
在图像中,选择了[其他],但选择其他任何内容都没有效果。
选择适用的项目后,单击[完成注册]。

如何获取OGP所需的应用程序ID

当您单击[完成注册]时,将出现一个屏幕,显示[尚无应用程序]。
单击创建应用程序。

通过创建应用程序获取OGP设置所需的应用程序ID。

如何获取OGP所需的应用程序ID

当您单击[创建应用程序]时,您将被重定向到显示[选择应用程序类型]的屏幕。
选择[无]并单击[下一步]。

如何获取OGP所需的应用程序ID

单击[下一步]将进入显示[添加详细信息]的屏幕。
首先,输入应用程序的显示名称。这里任何名称都可以,因此请输入一个容易记住的名称。
输入显示名称后,单击【创建应用程序】。

如何获取OGP所需的应用程序ID

单击“创建应用程序”,系统将要求您输入密码。
请在此输入您的 Facebook 登录密码。
输入完信息后,单击[发送]。

如何激活您创建的应用程序

如何激活您创建的应用程序

单击提交将带您进入 Meta for Developers 站点。
此时,Facebook已经分配了一个应用程序ID,但尚未完成使用该应用程序的设置。
要配置使用的设置,请单击左侧[仪表板]下的[设置],然后单击此处的[基本]。

如何激活您创建的应用程序

单击[基本]将带您进入应用程序的基本设置屏幕。
左侧有一个字段可以输入隐私政策的URL,因此请输入撰写博客隐私政策的URL。

如何激活您创建的应用程序

输入写有隐私政策的 URL 后,请滚动到底部。
在那里您将看到一个标有[添加平台]的项目,因此单击它。

如何激活您创建的应用程序

单击“添加平台”进入平台选择屏幕。
这次我们要将其添加到博客中,因此选择[网站]并单击[下一步]。

如何激活您创建的应用程序

单击[下一步]后,将显示输入站点 URL 的屏幕。
在此处输入您的博客 URL,然后单击“保存更改”。

如何激活您创建的应用程序

输入此信息后,启用(激活)应用程序。
Meta for Developers 网站顶部有一个类似开关的标记,上面写着“正在开发中”。
单击这个看起来像开关的标记。

如何激活您创建的应用程序

[切换到直播模式?]]并选择要发布的类别。
选择类别后,点击【切换模式】。

如何激活您创建的应用程序

当您点击[切换模式]时,之前写为[开发中]的文字将更改为[实时]。
该应用程序现已激活。
另外,请复制此处显示的应用程序 ID,因为稍后将用于 WordPress 设置。

成功获取应用程序 ID 后,下一步就是在 WordPress 主题 QUADRA 中设置 OGP。
QUADRA 是该博客使用的主题。

在 QUADRA 上配置 OGP

首先,转到 WordPress 仪表板并单击左侧菜单中的 TCD 主题。

在 QUADRA 上配置 OGP

将打开标有 TCD 主题选项的页面,因此单击此处的 [SEO 设置]。
接下来,单击右侧标有“Facebook OGP 设置”的页面将其展开。

在 QUADRA 上配置 OGP

展开[Facebook OGP设置]并首先勾选[使用OGP]。
接下来,在②中输入Facebook分配的应用程序ID。
最后,单击左下角的“保存设置”。
现在您可以将 OGP 设置为 WordPress 模板 QUADRA。

在 QUADRA 上设置 Twitter 卡

配置设置以在 Twitter 上共享时以卡片格式显示页面信息,例如特色图像和标题。
如果您不是在 Twitter 上传播信息,则无需执行此步骤,因此请随意跳过它。
要使用 Twitter 卡,您必须配置 Facebook OGP 设置。

在 QUADRA 上设置 Twitter 卡

单击并展开标记为 TCD 主题选项的页面上的 SEO 设置中的 Twitter 卡设置。

在 QUADRA 上设置 Twitter 卡

在 Twitter 卡设置屏幕上勾选[使用 Twitter 卡]。
然后单击保存设置。

如何检查OGP设置是否已成功完成

到目前为止,我们已经解释了以下流程。

  • 从 Meta for Developers (FACEBOOK for Developers) 获取应用程序 ID
  • 将 OGP 设置为 WordPress 主题
  • 在 QUADRA 上设置 Twitter 卡

从这里,我将解释如何检查这些是否已成功完成。

有多种方法可以检查,但这一次OGP 确认工具 – 分析 OGP 和 Twitter 卡我将向您展示如何使用 进行检查。
这是一个非常方便的网站,因为您无需登录即可立即查看。

如何检查OGP设置是否已成功完成

OGP 确认工具 – 分析 OGP 和 Twitter 卡请访问并输入您的博客文章的 URL。
任何单独的文章都可以。
*分类页面和标签页面可能反应不佳。如果可能,请输入使用引人注目的图像的页面的 URL。
输入完信息后,单击[分析]。

如何检查OGP设置是否已成功完成

如果页面的特色图像显示在显示 ogp 图像的位置,则 OGP 设置已完成。

感谢您看到最后。
Josis no Jiyucho是Josysman发布半径3m范围内IT信息的网站。

我解释了我想到的有关软件和外围设备(主要是 Windows 系统)的各种事情。
我会尽可能详细、仔细地解释,但如果文章中有任何不清楚的部分或需要更深入探讨的部分,请随时在评论部分发表评论。

操作环境
Windows11 主页
微软办公软件2019