找回密碼
 註冊
搜索
查看: 4515|回復: 5

[教學] 讓Facebook分享連結時可以顯示小圖示

  [複製鏈接]
發表於 2012-2-25 17:48:50 | 顯示全部樓層 |閱讀模式
 
Push to Facebook
現在很流行的Facebook ,現在幾乎要做活動網站或部落格幾乎都會有分享連結
Facebook通常是用如下的連結做推薦
http://www.facebook.com/share.php?u=分享網址&t=網頁標題



但是實際上連過去以後 FB會自動從分享網址搜尋 他要的訊息,不一定會顯示你指定的標題
所以你必須在頁面上做一些語法標示,可以出現標題、文案和圖示,用以下的語法可以做到
讓FB抓到你要的推荐資料,記得這些是加在</head>前面
<meta name="title" content="網頁標題會顯示粗體" />
<meta name="description" content="網頁說明文案" />
<link rel="image_src" type="image/jpeg" href="要顯示的圖檔網址.jpg" />



圖片的大小寬度是100px內,在大的話,FB會縮圖,圖片就可能會變形。

效果會像這樣
如果要多張圖的話
建議另外寫不同的方式來讓FB讀到圖片
就是將img圖片寫在<li></li>標籤裏面,效果是比較好的,且圖片要用全網址http://開頭,不要只用xxx.jpg
對於其他類似的像murmur.tw也可以抓的到,比較通用。


全Flash的話可以圖片把它定義在一個div區塊設隱藏css語法display:none;
圖片一定要在flash前面喔
以上給大家做參考嚕~~
 
發表於 2012-9-13 00:40:53 | 顯示全部樓層
努力~~各位。。。  
版主招募中
發表於 2012-9-13 00:57:32 | 顯示全部樓層
ding   支持  
 樓主| 發表於 2013-2-1 19:29:47 | 顯示全部樓層
{:5_4:}牛X海海!!!
發表於 2014-10-23 16:01:36 | 顯示全部樓層


  不是很明白
您需要登錄後才可以回帖 登錄 | 註冊

本版積分規則

Archiver|手機版|小黑屋|TShopping

GMT+8, 2025-6-16 04:54 , Processed in 0.024604 second(s), 21 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回復 返回頂部 返回列表