2010年2月15日 星期一

如何使用Blogger官方版的繼續閱讀功能

Google Blogger雖然修改的彈性大,但比較常被初學者抱怨的,反而是缺乏有些基本常用的功能,有些部分即使連進階使用者要修改也會稍嫌麻煩與受到限制,例如最常被抱怨的前幾名裡,應該就有在其他部落格系統預設會有的文章清單「繼續閱讀」的功能(因為Blogger本身系統內原本就沒有可以另行輸入前文導言之類的欄位設計),不過目前官方系統裡已經有內建了繼續閱讀這項功能可用了,真是一項遲來的福音…

以往在Google Blogger開立後要自行尋找外掛程式來修補這個缺點,但無論您找到那些高手那一版寫的繼續閱讀的外掛功能,其實原理幾乎不外乎是把不要顯示在文章清單裡的內容用Javascript加上CSS與HTML隱藏起來,但實際上這樣的做法都會有一項先天上的缺點,就是一般瀏覽者在瀏覽Google Blogger前台頁面時,仍是需要先把該頁清單內的所有文章內的文字與圖片載入,等到讀入後再去縮減隱藏其他不必要顯示的圖文,這樣子除了在瀏覽顯示時容易因為圖檔較大會頓一下不美觀之外,若圖檔多嚴重時可能會整個拖慢頁面讀取效率,對於SEO來說也是不利的,這些問題也只有使用官方的繼續閱讀從系統層面才能有效解決,這個改善應該是在Blogger推出新版文章編輯器時就已經有的,只是過了好幾個月筆者才注意到就是了(Google Blogger近來持續推出了不少新功能)...

要使用官方版的繼續約讀功能,建議到Blogger後台的「設定」/「基本」裡,將文章編輯器改為新版。s1

在您想要做繼續閱讀斷行的地方,按下「插入jump/break指令」按鈕。
s2

在文章編輯器內就會多出一個類似水平線的圖示,這就表示Blogger系統在前台清單頁顯示文章時,會把本篇文章此分隔水平線符號以下的內容直接不載入,由官方系統層面來處理自然前台就不會用讀取這些不必要顯示的內容,也就不會造成前台頁面載入時的緩慢與不必要的頻寬浪費,這是其他類似外掛功能所做不到的。
s3

其實您在後台新文章編輯器裡按下「插入jump/break指令」按鈕,如果您切換到HTML模式去看,就是多產了一個s4這樣的語法註記,所以若是您沒有使用舊版的文章編輯器或甚至使用其他的網頁編輯器來撰寫部落格內文時,可以手動鍵入這樣的HTML註解標籤,一樣可以達成官方版繼續閱讀的功能,但提醒您要注意的是有些網頁編輯器或其他的部落格文章編輯器,由於不認得s4這樣的語法註記,有可能會誤認或者是將此語法轉換成超連結語法(例如筆者使用WindowsLiveWriter連上Google Blogger寫文章就會發生這樣的情形),所以建議若使用其他編輯器的使用者,在撰寫完部落格文章最後時再使用Google Blogger後台的文章編輯器設定「插入jump/break指令」為宜,雖然是稍微麻煩了一點,但還是要提醒您要稍加留意就是囉~!

若是您想要修改前台原本系統預設的「閱讀更多 » 」這樣的文字,可以到Blogger後台的「版面配置」/「網頁元素」裡(非傳統範本模式才有這個選項),在「網誌文章」的區域點選「編輯」連結,可以看到「張貼頁面連結顯示文字:」的項目,將此欄位裡面文字做變更修改即可。
s5

還需注意的是,若您的部落格美編版面不是使用Blogger系統原本提供的範本,而是您自行在編修或者是使用其他第三方(非官方)提供的美編版面範本(像筆者就是),則有可能還需要對Blogger後台的「修改 HTML」裡做些調整,詳情請參考Blogger官方建立「繼續閱讀」摘要的說明,裡面有提到詳細的修改做法。

筆者最近已經把自己的Google Blogger的所有文章,由原本外掛的寫法改成官方版的繼續閱讀的功能,並花些時間把之前的舊文章打開加入s4語法標記,的確對前台文章清單頁面的讀取速度有獲得很大的改善,效能的改善在前面也有提到對於SEO搜尋引擎最佳化也有所助益(網路曝光行銷等層面),建議有在使用Google Blogger且有看到本篇文章的您,趕緊也去改成官方版繼續閱讀的功能吧~!


0 意見:

張貼留言

若對於本篇文章有任何批評指教或鼓勵建議,歡迎您留言讓我知道...