Facebook的og tag

如何快速設定Facebook的OG Tag | 網站SEO優化

邱資翔 網站SEO優化 Leave a Comment

 

最近網站為了SEO需要設定Facebook的og tag
以下程式碼需要+到<head>區裡
未來只要該網站被分享到FB上
就會依照上面的標記顯示如下

 

 

Facebook的og設定

(以下以Apple公司為例)

1.<!–分享至FB的標題–>

<meta property=”og:title” content=” Apple”/>

 

2.<!–分享至FB的敘述–>

<meta property=”og:description” content=” Discover the innovative world of Apple and shop everything iPhone, iPad, Apple Watch, Mac, and Apple TV, plus explore accessories, entertainment, and expert device support.” />


 3.<!–分享至FB顯示的圖–>

<meta property=”og:image” content=” https://www.apple.com/ac/structured-data/images/open_graph_logo.png?201703170823″/>
 

4.<!–分享至FB的網址–>

<meta property=”og:url” content=” https://www.apple.com/”/>

5.<!–類型–>

<meta property=”og:type” content=”website”/>

 

6.<!–網站名稱–>

<meta property=”og:site_name” content=” Apple”/>

 

 

 

 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料