1. Home
  2. »
  3. 設繪資源
  4. »
  5. Open Graph – 如何應用FB的 Open Graph 筆記

Open Graph – 如何應用FB的 Open Graph 筆記

Open Graph - 如何應用FB的 Open Graph 筆記

在有許多大大小小的網站促銷活動分享,密集性的出現在臉書上,有密集恐懼症的要小心

下面就說明一下這樣的網站促銷活動分享在臉書上是如何可以做到客製化的應用

先假設大家都了解基本的網站都有html meta,如下面的一串程式碼好朋友:

<head>
<meta name=”description” content=”來店前一百位顧客買一送一” />
<meta name=”keywords” content=”買一送一,免費請你吃” />
<meta name=”author” content=”richman” />
<meta http-equiv=”content-type” content=”text/html;charset=UTF-8″ />
</head>

Open Graph – 如何應用FB的 Open Graph 筆記

但是只有這些最基本的好像不夠,就seo優化來說,現今很多網站在做活動促銷都會運用到FB做分享,利用臉書的人潮流量或粉絲數加大其曝光程度和複數分享的優勢。
下面的Open Graph可以讓我們客製設定出現在FB上的標題與內容和圖片,複製貼上改字我想大家應該會吧 !

<meta property=”og:title” content=”這裡輸入標題”/>
<meta property=”og:type” content=”這裡輸入型式”/>
<meta property=”og:url” content=”這裡輸入網址”/>
<meta property=”og:image” content=”這裡輸入圖片的網址”/>
<meta property=”og:site_name” content=”這裡輸入網站名稱”/>
<meta property=”fb:admins” content=”這裡輸入網站管理員的稱號”/>
<meta property=”og:description” content=”這裡輸入相關敘述”/>

[ 您需要注意的是 ]
因為在FB有暫存的問題,所以要如何把更改好的og資料做立刻的更新呢?
這時可以到Debugger,輸入分享的網址,接著送出偵錯做更新就可以了 !

文章來源 : 網路,dpd再做文句增添修改並筆記在網站裡,如有任何問題,再請與我們連絡,謝謝 !

 

更多文章…

返回頂端