[文章] 常被忽略的網頁配置問題

看板Web_Design作者MLChens (愛時尚的資工人)時間18年前 (2007/11/19 14:01)推噓3(3推 0噓 1→)

留言4則, 4人參與討論串1/1

http://www.zdnet.com.tw/enterprise/technology/0,2000085680,20125894,00.htm 近來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光有這些基本技巧當然不夠，但是如果連這些東西不重視，其它的策略也免談了。這就好像一家餐廳如果連服務態度與菜色裝盤都不重視，宣傳跟行銷策略再怎麼搞也是難以成功的。 -- Meng-Lien Chen, MLChen，Ptt2: HowDai http://www.wretch.cc/album/MLChen -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.112.4.68

推

qazsd

11/19 14:38, , 1^F

11/19 14:38, 1^F

推

othree

11/19 18:31, , 2^F

11/19 18:31, 2^F

推

ckai1983

11/19 19:04, , 3^F

11/19 19:04, 3^F