分享儼然成為現在的全民運動,
而在facebook上分享一個網站的時候,fb通常會自動幫你抓取這網站的資訊,
但是,這自動抓取的資訊似乎與網站想呈現的訊息有些出入,
對於網站想呈現的分享訊息現及seo都不是一個正向的作法,
於是,就有專門的code給fb去解讀,讓訊息忠實呈現,
設定了這些code後,別人在分享你的網站時,
出現的訊息就是你安排好好的了,而不在是fb亂數抓取!
而在facebook上分享一個網站的時候,fb通常會自動幫你抓取這網站的資訊,
但是,這自動抓取的資訊似乎與網站想呈現的訊息有些出入,
對於網站想呈現的分享訊息現及seo都不是一個正向的作法,
於是,就有專門的code給fb去解讀,讓訊息忠實呈現,
設定了這些code後,別人在分享你的網站時,
出現的訊息就是你安排好好的了,而不在是fb亂數抓取!
步驟一:
在html標籤內加入 xmlns:og、xmlns:fb屬性
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
步驟二:
在head標籤內加入以下fb中繼資料
<meta name="og:description" content="呈現網站內容描述設定" />
<meta property="og:title" content="威廉王子不再家│去旅遊‧去攝影‧去教學‧去當奶爸"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://i.see-design.com.tw"/>
<meta property="og:image" content="http://see-design.com.tw/i/logo.jpg"/>
<meta property="og:site_name" content="威廉王子不再家" />
<meta property="fb:app_id" content="填入應用程式 ID" />
<meta property="fb:admins" content="管理者 fid"/>
說明:
og:description:網站描述設定
og:title:網頁標題
og:type:類型
og:url:網頁網址
og:image:網頁縮圖(縮圖也可設定多圖,讓分享者選擇)
og:site_name:網站名稱
fb:app_id和fb:admins:讓管理者能分析流量及誰按過讚(屬於行銷和管理的功能)
在html標籤內加入 xmlns:og、xmlns:fb屬性
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
步驟二:
在head標籤內加入以下fb中繼資料
<meta name="og:description" content="呈現網站內容描述設定" />
<meta property="og:title" content="威廉王子不再家│去旅遊‧去攝影‧去教學‧去當奶爸"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://i.see-design.com.tw"/>
<meta property="og:image" content="http://see-design.com.tw/i/logo.jpg"/>
<meta property="og:site_name" content="威廉王子不再家" />
<meta property="fb:app_id" content="填入應用程式 ID" />
<meta property="fb:admins" content="管理者 fid"/>
說明:
og:description:網站描述設定
og:title:網頁標題
og:type:類型
og:url:網頁網址
og:image:網頁縮圖(縮圖也可設定多圖,讓分享者選擇)
og:site_name:網站名稱
fb:app_id和fb:admins:讓管理者能分析流量及誰按過讚(屬於行銷和管理的功能)
0 Response to "網頁文章分享於facebook時的呈現設定"
張貼留言