2012/03/20

如何指定分享到facebook的標題描述與圖片


社群行銷與分享是現在電子商務不可缺席的一環,但網頁該怎麼寫才能讓「分享」方便?
我們活動頁通常都會切圖主視覺,分享到facebook的時候,帶入的縮圖會變成零碎的切割區塊,
倘若要完整的呈現主視覺吸引user來看,就得手動截圖用相片的方式分享;
這樣其他使用者即使看到我們的活動頁覺得很讚,想分享給朋友,
但沒有辦法讓facebook可以抓到我們想要讓user看到的主視覺,吸引點擊的誘因就相對低很多。


建議設計製作時,在網頁的Meta標籤中的title及description是最低基本的,務必加入到網頁中。

<meta name="title" content="網頁標題" />
<meta name="description" content="描述說明文案" />
<link rel="image_src" type="image/jpeg" href="要顯示的縮圖圖檔網址" />



另外要特別注意的是,縮圖圖檔尺寸的部份,
長寬最小不得低於50 pixels,長寬不得大於130x110 pixels
若圖片的長寬比大於3,不會被正確呈現的。


meta的更多關於SEO的細節說明,可見「網頁header中的META標籤功用」。

網站頁面載入速度影響

小筆記未整理


http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml

減少頁面加載量最主要的目的是減少資源消耗,加快頁面的呈現速度。雖然延遲加載可以在一定程度上優化頁面的性能,但不是所有的內容都需要第一時間加載給用戶看或者重復加載的。比如用戶在瀏覽頁面第一屏的內容,那麼頁面在打開時就加載第一屏以下的一些內容就不是很有必要。再或者,官網頁面中一些相同的部分,如導航、腳部聲明等部分,這些修改率極低的內容每次都從服務器請求,在一定程度上增加了頁面加載的負荷。
采用HTML5本地存儲技術,在用戶電腦裡存儲頁面的一些內容,如官網頁面中一些相同的部分,如導航、腳部聲明等部分,這些修改率極低的內容。這樣用戶在加載頁面時,瀏覽器直接從本地獲取這些內容,在一定程度上減少了資源的消耗。
圖片隨滾動條滾動加載,使用戶在瀏覽頁面時,動態按需加載圖片。比如,用戶在瀏覽第一屏內容時,第一屏以後的圖片是沒有加載的,當用戶滾動頁面時,呈現在瀏覽器中的部分會動態加載圖片。