常被忽略的網頁配置問題

近來Blog與網路廣告的興起,讓許多個人與公司都開始架設Blog,在上面放置廣告,期望網路帶來流量與廣告收益。甚至有許多人在研究所謂的SEO(搜尋引擎最佳化),希望經由一些調整,讓網站可以在搜尋結果中列在較前面的位置,以讓流量與曝光增加。

頓時關於這兩個主題的Blog也開始增多,多到有點誇張的地步。光是繁體中文語系大概就有為數不少的相關網站。「網路廣告的放置與調整」與「搜尋引擎最佳化」已成為顯學。

然而一些更加顯而易見的「頁面配置」重點反而常被忽略。忽略這些重點,去做廣告調整與SEO,就好像約美眉去吃飯時,租了台雙B轎車還訂了高級餐廳,卻忘記注意外表,只穿個藍白拖+短褲一樣的本末倒置。然而有這種情況的Blog其實在不在少數。既然上面兩個主題已經有太多人說到爛,我們就來說說這些大家容易忽略的重點吧。

載入時間與畫面組成

其中一個重點就是網頁的載入時間,很多會玩/愛玩Javascript的人都喜歡在網頁上放上一堆「排名/人數/時間/音樂」之類的標籤,把網頁貼得花花綠綠,搞得好像參加F1的賽車一樣。

可是賽車跟網頁不一樣啊,賽車上面貼再多廣告也不會跑得比較慢,網頁貼了一堆Javascript可是會慢到不行!內容再好,等個十幾秒還沒出來,讀者早就跑掉了。就算沒跑掉,一堆亂七八糟的東西也會分散讀者對內文的注意力,或是降低對廣告的目光與點擊率。碰到提供Javascript的網站當機或塞車時,你的網頁也會跟著卡住,讀老半天讀不出來。放了越多Javascript,發生這種事的機會也愈大。

網頁的載入時間與擺設空間(或說讀者的等待時間與視覺空間)都是有限的。你必須思考怎麼有效利用這些有限的時間與空間。

所謂「有效的利用」可以大略分為兩大類:

一、用來增進收益:舉凡各種網路廣告、或是「在此刊登廣告」、「網站合作」的圖示等都屬於此類範疇。這類東西可以直接或間接地將Blog的曝光轉換成收益。

二、用來增進瀏覽功能:這些東西包括最新文章、文章分類、文章搜尋等功能。訪客可以用這些工具在你的內容間瀏覽切換,進而多花時間在你的網站上。

所以設置版面時就要思考:「我放了這個東西能不能增進收益或改善瀏覽功能?還是只是分散讀者的注意力,不必要地拉長網頁載入時間?」從這個邏輯出發,很多只是酷炫地顯示排名/訪客數/時間的Javascript,根本沒有放上網頁的必要。

想想:有多少訪客會因為你的網頁上有個時鐘,就專程連上來看時間?又有多少人關心你部落格的各項排名,勝過文章的內容呢?(除非你在幾萬個Blog中排前十名,非得放上來耍酷不可)

這裡有個叫(Pingdom Tool)的網站,可以測試一個網頁的載入時間。如果你發現貴站的載入時間比已經滿到不能再滿的奇摩首頁還要久,可能就要稍微調整一下了。

處理網頁Javascript時除了儘量精簡外還有個小撇步,就是把載入時間較長,或主機常當機的Script放在右側。因為網頁的載入多半是由左至右,這樣的做法可以這些JS還在載入或載入失敗時,讀者也可以正常閱讀內文。很多Blog老手都使用這個訣竅縮短讀者等待的時間。

網頁的相容性

另個常被忽略的是網頁的相容問題。雖然絕大多數使用者都用IE來瀏覽網頁,但還是有相當數目的人偏好Firefox、Opera、Safari等瀏覽器。如果IE以外的瀏覽器無法正常顯示你的網頁,就等於把兩三成以上的人摒除門外。

各種不同瀏覽器在顯示上最常出現的不同之處有二:一是圖文的配置。在一些瀏覽器裡看起來放得好好的圖與文,在別的瀏覽器裡卻是亂糟糟。二是Javascript的處理;在一些瀏覽器裡正常運作的JS,到別的程式中卻會顯示錯誤訊息、拖慢速度甚至當機。

除了瀏覽器的不同,解析度與字型也常造成網頁的錯誤顯示。如果版面在調整時沒有考慮到「瀏覽器或作業系統預設了較大的字型」的情況,就可能讓畫面慘不忍睹,給訪客的印象也就整個low掉了。

因此建議大家準備幾套不同的瀏覽器,每次刊登新文章時隨手用不同的瀏覽器開看看,檢查一下圖文或版面有什麼問題。在設計或調整網站版面時則要更仔細地檢查,確保在各種「瀏覽器/解析度/字體大小」的組合下都能正常顯示,不會有東西跑掉/亂掉的情況發生。

長度、圖文比例與小標題

這是我開始幫網站寫稿後才知道的小秘訣。就是一篇文章的長度以一千字上下最為理想。兩千字以上的文章最好分成多篇來刊登。另外不妨放一些圖片在文章中間或是開頭之處,(與內容無關也無妨),在視覺上維持一定的圖文比例。

這是因為「網頁」這種素材天生不適合長篇閱讀,讀者對你的文字付出的注意力十分有限。如果沒有一些圖畫在旁點綴,整個版面會顯得太乾。使用者看到整個螢幕舖天蓋地的字,往往看都不看就按下Back鍵逃走了。除非你自信文筆跟九把刀或金庸一樣,讀者不看完整篇停不下來,不然還是乖乖的控制字數比較實在。

再來還可以考慮在每個段落的開頭給出一個小標題,凸顯文章的結構,讓閱讀更為輕鬆方便,讀者可以預期你接下來要講的內容重點。

把握「長度、圖文比例與小標題」這三個重點,絕對可以讓Blog的畫面與文章更為好看好讀。

待客之道

當然這些「頁面配置」對於你Blog的排名、收益可能未必有最快速直接的影響,但是「從讀者角度著想,讓網頁好看好讀,將內容用最好的方式呈現」是架設一個網站的根本。來看你部落格的人,就是你個人或公司的客人。善盡待客之道,則是主人的責任。

經營一個Blog光有這些基本技巧當然不夠,但是如果連這些東西不重視,其它的策略也免談了。這就好像一家餐廳如果連服務態度與菜色裝盤都不重視,宣傳跟行銷策略再怎麼搞也是難以成功的。