我們將解釋如何在 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
  • 為 WordPress 主題設置 OGP
  • 在 QUADRA 上設置 Twitter 卡

從這裡,我將解釋如何檢查這些是否已成功完成。

有多種方法可以檢查,但這一次OGP 確認工具 – 分析 OGP 和 Twitter 卡我將向您展示如何使用 進行檢查。
這是一個非常方便的網站,因為您無需登錄即可立即查看。

如何檢查OGP設置是否已成功完成

OGP 確認工具 – 分析 OGP 和 Twitter 卡請訪問並輸入您的博客文章的 URL。
任何單獨的文章都可以。
*分類頁面和標籤頁面可能反應不佳。如果可能,請輸入使用引人注目的圖像的頁面的 URL。
輸入完信息後,單擊[分析]。

如何檢查OGP設置是否已成功完成

如果頁面的特色圖像顯示在顯示 ogp 圖像的位置,則 OGP 設置已完成。

感謝您看到最後。
Josis no Jiyucho是Josysman發布半徑3m範圍內IT信息的網站。

我解釋了我想到的有關軟件和外圍設備(主要是 Windows 系統)的各種事情。
我會盡可能詳細、仔細地解釋,但如果文章中有任何不清楚的部分或需要更深入探討的部分,請隨時在評論部分發表評論。

操作環境
Windows11 主頁
微軟辦公軟件2019