最近每個案子都一定要來非死不可一下
也來分享一下最近的share小心得
先了解一下share的原理:
http://www.facebook.com/sharer.php?u=+ 要分享的網址 + "&t=" + 標題;
當使用者按下上方這段網址時, 就會自動連到facebook, 如果是登入的狀態下, 就可以看到下方的畫面
網址:就是上方的 要分享的網址
縮圖:只要在你的網站上加入一段meta的資訊, 如下
<link rel="image_src" type="image/jpeg" href="http://www.absolut-rock.com.tw/images/fb200x150.jpg">
只要把href換成你的圖片路徑即可
這裡有個小地方要注意, 如果facebook抓到一次這張圖後, 會被快取住, 之後再換圖片別人還是會看到舊的圖片喔。
決解方法就是換一個分享路徑, 比如說加個/index.html 或是 /index.aspx之類的,讓facebook認為是新的網站。
內文:會去抓網站裡的meta description的內文。
但是不是就變成每個人按下時, 圖片和內文都是一樣的呢?
如果是直接分享, 當然是呀,但我們可以用一個小技巧, 做到每個人分享時都是客製化的縮圖和內文
寫一隻轉址的程式就可以
本來分享的網址是:xxxx/index.aspx
換成xxxx/fb.aspx,再多帶一些參數
好比:fb.aspx?id=3,
該程式只要判斷id值是什麼, 然後該對映的圖片和meta丟到網頁裡
同時加寫轉址回去到index.aspx
因為檔名不同了, facebook會認為是新的路徑, 就會來抓新的資訊, 但不會被轉址
而使用者點了該網址, 就又會回到正式的網址上。就可以達到這樣的功能
還有一點, 全flash的網站, 我們經常會使用swfAddress來做到單元獨立網址的功能。
但#號會被facebook給濾掉, 就無法正常使用
一樣可以用轉址的方法, 轉回正確的網站。
可以參考
http://www.absolut-rock.com.tw
我就是用這樣的轉址方法決解#號問題
也來分享一下最近的share小心得
先了解一下share的原理:
http://www.facebook.com/sharer.php?u=+ 要分享的網址 + "&t=" + 標題;
當使用者按下上方這段網址時, 就會自動連到facebook, 如果是登入的狀態下, 就可以看到下方的畫面
網址:就是上方的 要分享的網址
縮圖:只要在你的網站上加入一段meta的資訊, 如下
<link rel="image_src" type="image/jpeg" href="http://www.absolut-rock.com.tw/images/fb200x150.jpg">
只要把href換成你的圖片路徑即可
這裡有個小地方要注意, 如果facebook抓到一次這張圖後, 會被快取住, 之後再換圖片別人還是會看到舊的圖片喔。
決解方法就是換一個分享路徑, 比如說加個/index.html 或是 /index.aspx之類的,讓facebook認為是新的網站。
內文:會去抓網站裡的meta description的內文。
但是不是就變成每個人按下時, 圖片和內文都是一樣的呢?
如果是直接分享, 當然是呀,但我們可以用一個小技巧, 做到每個人分享時都是客製化的縮圖和內文
寫一隻轉址的程式就可以
本來分享的網址是:xxxx/index.aspx
換成xxxx/fb.aspx,再多帶一些參數
好比:fb.aspx?id=3,
該程式只要判斷id值是什麼, 然後該對映的圖片和meta丟到網頁裡
同時加寫轉址回去到index.aspx
因為檔名不同了, facebook會認為是新的路徑, 就會來抓新的資訊, 但不會被轉址
而使用者點了該網址, 就又會回到正式的網址上。就可以達到這樣的功能
還有一點, 全flash的網站, 我們經常會使用swfAddress來做到單元獨立網址的功能。
但#號會被facebook給濾掉, 就無法正常使用
一樣可以用轉址的方法, 轉回正確的網站。
可以參考
http://www.absolut-rock.com.tw
我就是用這樣的轉址方法決解#號問題
留言
正在苦惱這個問題
沒想到就看到解答了
為找分饗卻沒有縮圖出現的解決方法~已經搜尋好幾天~終於看到大大的解說了!
感謝感謝~
我照你的方法增加SHARE縮圖的連結~
測試後確定有縮圖~
但隔幾天~我不小心把縮圖連結砍了~再家回去後!
SHARE不管怎麼樣都抓不到縮圖~
甚至我設定的META 內文也都沒有抓到~
請問大大知曉怎麼解決這樣的問題嗎?!
感謝~
換一個網址試試,比如說改成index.htm或是index2.html
在做網頁的時候
也有碰過Facebook會Cache住meta資料的問題
之前也是參考老師的資料用帶參數的方式解決
後來發現有一個Facebook有一個工具URL Linter - http://developers.facebook.com/tools/lint/
這可以去更新分享資訊的Cache
我的文章在這~~Allen J - http://achtung.webhop.net/allenj/?p=1218
我們現在也是用這個來重新抓取新的資料