以網路服務內容與網頁版面架構探討入口網站

國立台東大學教育學系教學科技研究所碩士班

研究生：陳晉煜 撰

摘要

本研究根據《數位時代》所調查之2009年台灣熱門網站100總榜單，選取前六名熱門入口網站如Yahoo、PChome Online、Yam天空、Hinet、MSN、Google等六個入口網站進行分析與探討，以網站服務內容與網頁版面架構等因素，比較各入口網站之異同，並提供入口網站之服務內容與版面架構經營時可採取之建議。

壹、 緒論

隨著網際網路的發展，造就現今各類網站的蓬勃發展，人們在網路上可以容易取得各種資訊，生活也越來越離不開網路。在如此龐大的網路世界中，全球資訊網不只是個是個電子化大眾媒體，更是一個互動媒體。對一般使用者來說，使用者各有不同的資訊需求，而入口網站是使用者上網的起始點，也是使用者搜尋資料的工具，使用者能在入口網站中使用各種服務與功能達到需求與目的。入口網站的服務內容包羅萬象，舉凡人們最常使用的網路活動如搜尋資料、電子郵件、網站瀏覽、線上購物、尋找休閒娛樂資訊等，入口網站是人們上網接收資訊的重要來源之一。根據《數位媒體行銷資源庫電子報》調查，人們在入口網站中的使用行為以收發email為最高，然後依序為瀏覽入口網站內容、使用搜尋引擎、線上購物/拍賣、聊天等。隨著入口網站的蓬勃發展，人們可使用的入口網站也越來越多，根據《數位時代》所調查之2009年台灣熱門網站100總榜單，「入口網站」類別，排名名次依序為Yahoo!奇摩、PChome Online、Yam天空、中華電信Hinet、Google、MSN台灣等。然而在這些眾多的入口網站中，影響人們選擇使用入口網站的因素有哪些？本研究針對各個入口網站之服務內容與版面架構，探討各入口網站間是否有其特別吸引人們使用的服務內容、容易操作的介面、或者有其他的因素。

貳、 入口網站

一、 入口網站的定義

搜索引擎已發展成為一個大型的網站，提供許多免費服務如電子郵件、聊天室、個人化功能以及各式各樣的資訊內容，例如股票報價、新聞和天氣等，逐漸演變成網際網路門戶（portals）。現在更結合了虛擬購物中心、市中心、新聞中心等。使用者將此網站設定為首頁，因此每打開瀏覽器所出現的網站就是「入口網站」（portal site）〈Jim HU, 1998〉。

入口網站整合網際網路上的所有資料，提供資料搜尋及管理等，是個範圍涵蓋完整的網站（謝水木、黃敬仁，2008）。王天津、劉素苓（2004）指出入口網站不僅具備一般網站的功能，也整合並提供如新聞、商業、搜尋、體育、娛樂、旅遊、聊天室、線上購物等服務，吸引網路使用者的再度到訪。

宋明潔（2001）對入口網站定義是：「為了滿足上網者對資訊的需求，網站以內容整合的方式，提供搜尋引擎功能以及各分類功能，以吸引上網者成為網站的會員，並能經常透過該網站連結至其他網站。」

入口網站就像是個港口，功能在於集結旅客與商品，並依照其目的地將他們轉送到世界各地，入口網站是使用者使用網路的起始點，也是幫助網路新手快速熟悉網路的途徑（Clarke& Flaherty , 2003）。

綜合上述入口網站之定義，本研究歸納入口之特點為：「入口網站為上網者登錄網站之起始點，除了搜尋引擎外，並提供豐富的內容與服務，如新聞、免費電子郵件、聊天室、娛樂、購物等，讓使用者能在入口網站內索取資訊與使用所需之服務。」

二、 入口網站的服務

近年來，隨著入口網站越來越多，服務的多樣化與服務品質的好壞將影響使用者持續進入網站的意願，因此網站服務品質的評估與提升勢必是網站業者一個必須面對的重要課題（葉燉烟、鄭景俗、黃堃承，2008）。

入口網站業者為了吸引使用者上網，留住顧客的忠誠度並滿足顧客的需求，因此提供個人化、多樣化的資訊。而影響入口網站經營的因素，則與入口網站業者提供的服務有關（王天津、劉素苓，2004）。

劉一賜（1999）指出，自1999年起，入口網站成為網路經營的熱潮，經過幾年的競爭之後，形成各家間的服務類型相近，只要其中一家推出新型態的服務，其他家也會陸續跟進。在巫榮展（2001）的研究中整理出，入口網站的服務項目可分為十四項，即：（1）首頁；（2）搜尋；（3）新聞；（4）休閒娛樂生活；（5）星座；（6）旅遊；（7）理財；（8）健康；（9）影音；（10）女性；（11）社群家族聊天；（12）購物；（13）下載遊戲賀卡軟體；（14）個人化服務等。以上十四項的分類可以大略將入口網站的服務歸納出來，每個網站也各有其提供的服務。而他研究的報告顯示，各個入口網站間的服務種類特色並無明顯的差異。

根據《數位時代》所調查之2009年台灣熱門網站100總榜單，擷取「入口網站」類別，前六大入口網站為Yahoo!奇摩、PChome Online、Yam天空、中華電信Hinet、MSN台灣、GOOGLE等，，以下整理出各網站所提供之服務如〈表2-1〉：

表 2‑1 國內六大入口網站服務內容

網站	服務內容
	資訊〈新聞、運動、股市、理財、氣象、知識+、字典…〉
Yahoo！奇摩	消費〈 拍賣、超級商城、購物中心、ATM輕鬆付〉
〈www.yahoo.com.tw〉	社群〈部落格、家族、交友、信箱、即時通訊、無名小站…〉
	娛樂〈遊戲、旅遊、音樂、電影、無名相簿、星座算命…〉
	我的〈行事曆、通訊錄、記事本、捷徑列、書籤、會員中心…〉
	購物〈商店街、路天拍賣、ATM轉帳、專櫃、分紅網〉
	通訊/娛樂〈Skype、小遊戲、線上麻將、旅遊、雜誌、星座…〉
PC home Online	社群〈信箱、部落格、相簿、家族、交友、開講、名片盒…〉
〈www.pchome.com.tw〉	資訊〈新聞、不動產、股市、地圖、電子報、電影、氣象…〉
	加值服務〈免費撥接、企業簡訊、健康樂活、虛擬主機、網站空間…〉
	客戶服務 〈網路開店、會員中心〉
	資訊〈新聞、民生報、理財、即時股市、買房子、男人娛樂、運動、寵物…〉 購物〈購物中心、商店街、每週一物、24hr購書〉
	娛樂〈寬頻電視、星座算命、遊戲、電影〉
	社群〈揪便宜、天空部落、小蕃薯、交友、影音分享…〉
	節目〈夜市人生、東森新聞、個人取向〉
Yam 天空	服務〈找工作、信箱、愛分享簡訊、網路開店〉
〈http://www.yam.com〉	活動〈水餃皇后、智慧未來宅、史艷文319、美麗時尚雜誌…〉
	企業〈關鍵字、廣告刊登、開店123〉
	會員〈修改密碼、客服中心、yam e金幣〉
	資訊〈新聞/氣象、運動/MLB、股市/理財、房地產、學習/選舉、
	燦星/旅遊…〉
	娛樂〈hiChannel、遊戲/命理、廣播、音樂/Kod、電影/遊戲、百視達、
	數位商城、數位家庭…〉
	服務〈信箱、我的網頁、歡樂點、相簿/影音、Xuite日誌、保管箱...〉
	消費〈 點數卡、密碼鎖、小額付費、拍賣、商店街〉
	網路通訊〈ADSL、光世代、防毒防駭、色情守門、簡訊、線上掃毒、
中華電信 Hinet	國際漫遊、網路電話…〉
〈www.hinet.net〉	企業/政府〈企業上網、企業資安、視訊、網路開店、虛擬主機、
	防毒信箱、政府服務、政府網路…〉
	便民〈網路訂票、地政/航港、公路監理、票據/商標…〉
	客服〈連線速率、線上繳費、電子帳單、常用服務…〉
	新聞與財經〈焦點新聞 、影劇新聞、天氣、五都選舉〉
MSN台灣	生活資訊〈星座塔羅、3C情報、旅遊、女性時尚、生活地圖、線上翻譯、
〈www.msn.com.tw〉	樂透開講、汽車、產地產…〉
	娛樂專區〈娛樂、電影、遊戲、追星活動、明星照片、預告片〉
	查詢/密碼修改、Windows Live支援〉
Google 台灣	圖片搜尋、影片搜尋、地圖、新聞、翻譯、Gmail、更多…等
〈www.google.com.tw〉

資料來源：研究者整理

根據上表之整理，各入口網站主要提供的服務大致相同，主要有服務項目有搜尋引擎、新聞、電子信箱、社群、購物、娛樂等，入口網站所提供之服務相當豐富，使用者可以在入口網站上攝取所需之各種資源，滿足多元化的資訊接收。

三、入口網站的編排

網站是由多個網頁透過超連結的方式組合而成，每個網頁都是藉由HTML 將文字、圖像、聲音和視訊結合在一起（普悠瑪數位科技，2006）。組成網頁的基本元件主要有文字、圖像、聲音與視訊、超連結、網址等（李國銘，2001；全華電腦工作室，2000；陳佩妤，2001；普悠瑪數位科技，2006）。

〈一〉文字：文字是最傳統的傳播媒介，所佔的檔案空間相當小，扮演「傳達訊息」的功能，能將知識或資訊完整的表達出來。

〈二〉圖像：網頁另一個重要元素就是圖像，圖像帶給人們視覺的感受比文字強烈，它可以吸引瀏覽者的目光，引領瀏覽者繼續瀏覽網頁內容，可節省許多文字。

〈三〉聲音與視訊：聲光效果能使網頁更活潑有趣，舉凡音樂、按鈕音效、動態按鈕、動畫、視訊等皆為網頁重要之元素。

〈四〉超連結：將已定義的關鍵字或圖片，經由滑鼠的點選，就能連結到網站上的其他網頁或網站。

〈五〉網址：代表此網頁的存放位置，就像地址一樣，只要在瀏覽器「網址」空白處輸入網頁的存放位置，就能找到它。

入口網站頁面除了上述幾個重要之元素，介面之構成要素還有網站名稱logo、搜尋引擎、會員專區、新聞標題、網站服務列表、橫幅廣告、商品廣告區、購物區等。另外，網頁版面的設計也是相當重要的，良好的網頁設計應規劃好網站主要傳達的內容、美觀設計以及連結架構，提升使用者對網站的喜好度，並讓使用者能夠順暢的瀏覽網頁。

本研究根據各入口網站的版面配置做分析整理：

〈一〉Yahoo!奇摩

以Yahoo網站為例，該網站之架構可分為頂部導覽、中間三欄式欄位與底部欄位，主要區塊有搜尋引擎、會員登入、網站名稱logo、服務內容、焦點新聞、購物區、生活資訊、商業廣告與服務總覽等，如〈圖3-1〉所示：

圖 3‑1 Yahoo!奇摩

〈二〉PChome Online

以PChome網站為例，該網站之架構可分為頂部導覽、中間三欄式欄位與底部欄位，主要區塊有搜尋引擎、網站名稱logo、會員登入、購物搜尋、服務內容、購物區、焦點新聞、生活資訊、商業廣告與旅遊廣告與人氣相簿等，如〈圖3-2〉所示：

圖 3‑2 PChome Online

（三）Yam天空

以yam天空網站為例，該網站之架構可分為頂部導覽、中間三欄式欄位、橫式欄位與底部欄位，主要區塊有橫幅廣告、搜尋引擎、網站名稱logo、會員登入、服務內容、焦點新聞、購物區、生活資訊、商業廣告、股市行情與網路電視等，如圖〈3-3〉所示：

圖 3-3 Yam天空

（四）中華電信Hinet

以Hinet網站為例，該網站之架構可分為頂部導覽、中間三欄式欄位、橫式欄位與底部欄位，主要區塊有搜尋引擎、網站名稱logo、焦點新聞、會員登入、服務內容、橫幅廣告、購物區、熱門資訊、生活資訊、hichannel、商業廣告、服務總覽等，如〈圖3-4〉所示：

圖 3‑4中華電信Hinet

（五）MSN台灣

以msn天空網站為例，該網站之架構可分為頂部導覽、中間三欄式欄位、橫式欄位與底部欄位，主要區塊有橫幅廣告、搜尋引擎、網站名稱logo、服務內容、焦點新聞、購物區、生活資訊、活動快訊、商業廣告、線上通訊、今日運勢與服務總覽等，如〈圖3-5〉所示：

圖 3‑5 MSN台灣

（六）Google台灣

以Google網站為例，該網站之架構主要為頂部導覽，其它則沒有畫分欄位，主要區塊有搜尋引擎、網站名稱logo、服務內容、會員登入與工具設定等，如〈圖3-6〉所示：

圖 2‑6 Google台灣

每個入口網站各有其版面編排的樣式，以下就各入口網站版面編排與主要服務內容做整理如〈表2-2〉：

表 2‑2 各入口網站版面設計

網站名稱	Yahoo	PChome	Yam天空	Hinet	MSN台灣	Google台灣
版面配置	網頁頂部導覽、垂直分割三欄式欄位、底部框架	網頁頂部導覽、垂直分割三欄式欄位、底部框架	網頁頂部導覽、垂直分割三欄式欄位、底部框架	網頁頂部導覽、垂直分割三欄式欄位、底部框架	網頁頂部導覽、垂直分割三欄式欄位、底部框架	版面簡潔單純，除了網頁頂部導覽外，沒有明顯欄位區隔
網站名稱logo	置於網頁左上角	置於網頁左上角	置於網頁左上角	置於網頁左上角	置於網頁左上角	網頁中央
搜尋引擎	置於網頁中間欄位最上方	置於網頁中間欄位最上方	置於網頁中間欄位最上方	置於網頁中間欄位最上方	置於網頁中間欄位最上方	網頁正中央
會員登入	置於網頁右邊欄位上方	置於網頁右邊欄位上方	置於網頁右邊欄位上方	置於網頁右邊欄位上方	置於網頁右邊欄位上方	網頁右上方
焦點新聞	置於網頁中間欄位上方	置於網頁中間欄位上方	置於網頁中間欄位上方	置於網頁中間欄位上方	置於網頁中間欄位上方	置於網頁左上方服務列表內
服務列表	置於網頁左邊欄位	置於網頁左邊欄位	置於網頁左邊欄位	置於網頁左邊欄位	置於網頁左邊欄位	網頁左上方
購物區	置於中間欄位中間	置於中間欄位中間	置於中間欄位中間	置於中間欄位中間	置於中間欄位中間	無購物區
商業廣告	置於網頁右 邊欄位	置於網頁右 邊欄位	置於網頁右 邊欄位	置於網頁右 邊欄位	置於網頁右 邊欄位	無商業廣告
綜合比較	綜合上述各入口網站，發現網站版面通常是三欄式介面，網站LOGO都置於網頁左上角；搜尋引擎置於網頁中間欄位上端；網站服務列表置於網頁最左邊的欄位，購物區至於網頁中間部分；廣告區則放置於網頁右邊欄位與下端欄位居多。而Google網站除了頂部導覽外，其他部分沒有明顯劃分欄位，畫面簡潔單純，主要的功能服務皆位於頁面左上角與右上角。

資料來源：研究者整理

参、結論與建議

分析各入口網站之服務內容，各入口網站間的服務大致相同，主要皆有提供搜尋引擎、電子信箱、新聞、購物、生活資訊等。此發現與劉一賜（1999）的研究發現結果一致，各入口網站間服務的特性並無明顯差異。

在網頁版面架構中，Yahoo、PChome Online、Yam天空、Hinet、MSN等之間的版面配置也大致上相同，Google的版面則較為簡潔單純。依研究探討的發現，研究者茲從入口網站服務內容與版面架構提出建議：

一、 網站服務內容

經研究分析各入口網站所提供之服務內容並無明顯差異，建議可藉由觀察使用者之使用需求，發展個人化服務，使用者可自行選擇設定常用的功能。鑒於各入口網站間並無明顯的服務特色，建議可重視網站品牌與互動，著重使用者需求以建立良好的口碑，吸引各族群之使用者。

二、網頁版面架構

網頁版面可提供人性化服務，使用者可自行調整版面的配置如背景色彩、字體大小、字體顏色等，甚至可自行編排網站的組成，例如使用者可將較少用的服務項目移除或拖曳至網頁的下方，而把較常用的服務項目拖曳到網頁的上方。

參考文獻

王天津、劉素苓（2004）。應用模糊多準則決策於入口網站服務績效之研究。電子商務研究，2〈3〉，235-258。

全華電腦工作室（2000）。網頁設計經典。台北市：全華。

宋明潔（2001）。上網人口特質、上網行為、網站內容偏好以及影響網站每日瀏覽之研究 ―以台灣入口網站為例（未出版之碩士論文）。國立中山大學，高雄市。

巫榮展（2001）。使用者觀點之入口網站經營特色分析（未出版之碩士論文）。國立中山大學，高雄市。

陳姵妤（2001）。學會網站製作基礎HTML。台北市：電腦人文化出版。

普悠瑪數位科技（2006）。活用網頁設計：FrontPage 2003、PhotoImpact 11、Flash8。台北市：博碩,。

葉燉烟、鄭景俗、黃堃承（2008）。應用模糊階層TOPSIS方法評估入口網站之服務品質。管理與系統，15〈3〉，439-466。

劉一賜（1999）。網路廣告第一課。台灣：時報。

數位時代（2009年04月02日），2009台灣熱門網站100總榜單。數位時代電子報。取自http://www.bnext.com.tw/article/view/cid/0/id/2465

謝水木、黃敬仁（2008）。整合性數位資訊管理入口網站規劃與建置。商業現代化學刊，4〈4〉，17-28。

Clarke, I. and Flaherty T. B.,〈2003〉Web-based B2B portals, Industrial Marketing Management, pp.15-23.

Hu, Jim.〈1998, May 14,〉，“Racing to the start line”, CNET News.com, Retrieved from http://news.cnet.com/Racing-to-the-start-line/2009-1023_3-211162.html