其實我也不確定這是不是叫 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 囉 
若你不想錯過任何教學，歡迎免費訂閱電子報
0 意見:
張貼留言