其實我也不確定這是不是叫 OG 語法

但不管它叫什麼,總之這小技巧對網頁點擊率是有幫助的,而我要分享這個小技巧給你

OG 語法用來做什麼 ?

簡單講,現在網路行銷已經走向社群行銷如 Facebook 了,如果我們做了一個銷售頁

分享到 Facebook 絕對是一個非常有力的曝光方式 !!

而大家在 Facebook 貼上網址後,應該會發現它會幫你弄出預覽圖,比如下圖

好,上面是一個未完成的測試貼文,為了預防狂讚士又發瘋按讚,特別說明了一下

但重點是,其實預覽圖的每個部份,都是可以自訂的 !!

比如改成下圖

各位應該有發現,同樣的網址,在 Facebook 貼文的預覽卻完全不同,包括圖片、標題、說明

這個就是 OG 語法在控制的囉

底下貼上我改過的 OG 語法給大家參考

<meta property="og:site_name" content="征戰雲端絕對讚 !!">
<meta property="og:title" content="標題真的很重要!! By 征戰雲端 Rocky">
<meta property="og:description" content="標題如果不吸引人,包括下面的圖片沒有在第一時間吸引人,網友很可能就離開了…">
<meta property="og:image" content="http://dl.dropbox.com/u/21050710/website/time.jpg">
<meta property="og:url" content="http://rockywang.net/op/index.html>

用法就是把這段語法貼在 </title>之後,或者 <body> 之前,如果不知道我在說什麼

如果你是用 weebly,或許拉個 custom html 貼上去就可以 (我沒試過,應該啦)

OG 語法要如何 debug ?  

你可以像我一樣找個版試貼看看,但這不會很即時,當你改了語法,可能還是看到舊的,必須過一段時間後才看的到新的效果

或者要即時的話,可以到下面網址去做測試與驗証相關語法正確與否

https://developers.facebook.com/tools/debug

好吧,我必須承認,這個分享不難,但對沒學過 html 的人是有點小難度

而且有些也簡單帶過,沒有太詳細的步驟教學,如果你真的不會但又很想學,以後有機會再交流囉  ^ ^"

希望對你有所幫助,未來我會陸續分享或許簡單,或許困難,只有有用的就會分享囉

如果你覺得這分享還不錯,幫我在這個文章按個讚與 +1 囉  

若你不想錯過任何教學,歡迎免費訂閱電子報

原文出自征戰雲端 Rocky 分享


文章來源『無薪假怎麼辦?在家創業網路行銷網』

創作者介紹

網路行銷DIY

ChuckOrz 發表在 痞客邦 PIXNET 留言(0) 人氣()