Web_Design 板


LINE

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
1F:推 qazsd: 11/19 14:38
2F:推 othree:推!! 11/19 18:31
3F:推 ckai1983:一般blog使用者跟web design有關嗎? XD 11/19 19:04
4F:→ aquarianboy:原來我op了 :) 11/20 06:22







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:e-shopping站內搜尋

TOP