網頁設計 FAQ

宅經濟時代來臨徹底扭轉了透過實體通路銷售的傳統商業模式,網路行銷已成為各大產業的共同趨勢。網站製作的兩大目的:一是宣傳曝光,二是創造營收。利用線上虛擬通路低成本、高互動、方便快捷、無遠弗屆等優勢,公司網站能大量地增加產品的銷售機會及廣告曝光率,而好的網頁設計更能提升企業形象、創造產品價值感,吸引瀏覽者注意使他們再三回來光顧消費,建立知名度,帶來無限商機與可能性,因此,公司網站經營與網路行銷的運作也越來越受企業重視。

01 網路消費新趨勢,您跟上了嗎?

隨著網際網路的蓬勃發展,現今的消費者在購物前大多會先在網路上搜尋他們想要的產品或服務,網站儼然已成為企業在網際網路上與消費者間的連絡窗口,就像公司電話和名片一樣不可缺少!無論您經營的是三、五人的小公司亦或是數千員工的大企業,若缺少了企業網站,就等於把生意機會白白讓給了競爭對手。

02 網路行銷創造無限商機與可能

市場特性及媒體環境的變遷不僅造就了今日網路消費的普及,更徹底扭轉了透過實體通路銷售的傳統商業模式,網路行銷已成為各大產業的共同趨勢。透過線上虛擬通路低成本、高互動、方便快捷、無遠弗屆等優勢,企業網站能大量地增加產品的銷售機會及廣告曝光率,帶來無限商機與可能性,成為中小企業最為青睞的一種行銷方式。

03 成功的網站能有效地提升企業形象、創造產品價值感

依據產業性質設計出的成功網站能夠有效地提升企業形象、創造產品價值感,引起瀏覽者的注意並且使他們再三回來光顧消費,建立當地及全球知名度。不論您的網站內容規劃是強調企業的專業形象與服務,或著重在產品資訊與質感的呈現,甚至是 24 小時全年無休的網路商店,您的企業網站都將成為最經濟有效的行銷工具。

01 網站定位與目標確立

任何一個成功的網站都具有其明確的市場定位與目標。規劃網頁設計專案的前置步驟就是要知己知彼。

  • 知己 – 思考企業形象屬性、市場定位與網站製作的目的。您想藉由企業網站傳達什麼訊息?您想建立怎樣的企業形象?您期望企業網站達成哪些行銷目標?
  • 知彼 – 瞭解消費者和瀏覽者的目的、定位與需求。網站的目標客群是那些人?是什麼促使了他們消費的動機?哪些資訊能吸引他們?

02 定位網站 CI 形象

一個傑出的網站,和實體公司一樣,需要定位網站的 CI 形象。所謂 CI(Corporate Identity)- 企業識別 - 就是透過視覺設計來統一企業的形象包裝。好的 CI 設計不僅可以塑造活力專業的企業形象,讓瀏覽者留下深刻的印象,更對網站的宣傳有事半功倍的效果。從正確的市場定位、設計配色、資訊整合,以及快速載入且吸引人的圖表,都是成功定位網站 CI 形象的必備要素。

03 清楚流暢的網站架構

好的網站架構設計應該要主題明確、層次清晰。網頁設計時使用淺顯易懂的導覽列,配合網頁路徑導覽列(Breadcrumbs)與網站地圖的輔助,就能讓瀏覽者迅速地從網頁中獲得需要的資訊,也是建立瀏覽者對網站信賴度,以及對產品接受度的重要關鍵。

04 突顯重點

網頁內的資訊應利用簡短有力、能夠抓住讀者目光的標題突顯重點,吸引消費者注意並留下深刻印象;再透過版面設計、圖片、字型、配色等元素搭配,讓豐富的資訊一目了然,大大提升網站好感度。

05 簡單才是好設計

在資訊轟炸的網路世界中,簡單扼要的資訊傳達才是王道。反觀有些網頁為了使瀏覽者留下深刻印象,使用過多背景圖案、Javascript 程式、Flash 動畫、外掛程式和令人眼花繚亂又得費時下載的圖像,反而使得用戶失去耐性,關閉網頁。因此網頁的下載速度要夠快,把網頁技術和動畫效果運用在有效資訊上,才能讓瀏覽者對您的公司網站留下好印象。

06 持續創造網站價值,維持長效經營

想吸引消費者經常回顧瀏覽,甚至將公司網址推薦給其他人,就必須持續分享瀏覽者感興趣的資訊內容,創造網站價值。切記,「新鮮感」是創造網站流量的重要因素,「內容充實」則是創造網站長久經營重要關鍵。

企業網站上線的必要費用包括網頁設計費、網域名稱租用費、虛擬主機租用費、後續維護費用;此外,若要在短時間內發揮網站最大效益則需要另外準備一筆預算進行網路行銷,例如電子媒體廣告行銷、搜尋引擎行銷、E-mail 行銷、論壇行銷…等。

網頁設計

網頁設計收費會依內容及排版模式分別計價,大多以 A4 頁面為計價單位;若有其他網頁技術需求如動態圖像、互動功能或其他程式設計時,則會依據其功能跟複雜度另外報價。我們的網頁設計收費合理且透明化,針對頁數較多複雜度較低的網頁,我們也有彈性合理的計費方式。通常客製化的網頁設計專案費用會較高,相對的套用固定網頁版型樣式的套餐方案費用當然就較便宜,不過一分錢一分貨,如果網頁設計的頁數越多,複雜度越高,功能越強大,成本自然也會比較高。您不妨直接告訴我們您的預算與需求一同討論,我們將根據您的實際需求給予建議、報價,提供您更有效率與經濟的網頁設計解決方案,讓您在控制預算的同時也能擁有符合需求的優質企業網站。

網域名稱

網域名稱,也可稱為網址。要進入想要瀏覽的網站,必須先在瀏覽器的網址欄位裡輸入 URL。舉例來說,Yahoo!奇摩的網址就是 http://www.yahoo.com.tw。這串 URL 中的 yahoo.com.tw 就稱為網域名稱。好的網域名稱應符合切題、好記、簡潔這三大原則,使用公司名稱、代表產品或服務項目來申請網址都是不錯的方式。此外,依網站性質的不同應選擇適合的網址種類。一般公司行號建議使用國際性網址 .com 結尾或台灣網址 .com.tw 結尾的網域名稱。目前網域名稱申請費用每年約數百元不等。

虛擬主機

虛擬主機的概念類似百貨公司進駐的店家。虛擬主機供應商就好像百貨公司的總公司,每一個虛擬主機用戶就像是不同品牌的進駐店家,負擔若干金額,即可享受一整個百貨公司的資源。依據虛擬主機供應商所提供的平台規格、功能支援、頻寬、硬碟空間、流量限制、服務的等級不同也會有不同的收費。選擇平台規格時必須考慮軟體支援是否符合自己的網頁製作需求,例如資料庫(如:MSSQL、MySQL)、伺服器端程式語言(如:ASP.NET、PHP)。在寬頻方面,系統穩定度非常重要,因為虛擬主機的網路頻寬及連線品質,會直接影響網站連線的速度及網站排名的效果。國內較知名的虛擬主機的供應商有中華電信、WIS 匯智、戰國策、智邦…等等,而其租用收費從每年數千元至近萬元不等。

進行網頁設計專案前應準備的文案及圖片資料包括:

  • 公司基本資料 – 產業特質、公司延革、經營理念、組織團隊、主要服務項目…等,大部份可從公司簡介或型錄中摘錄。
  • 產品資料 – 產品或服務之說明、特點、圖片、產品關鍵字。如果您沒有產品圖片也可以直接提供實品,我們提供體積 60 立方公分以內之產品數位拍攝服務(費用另行計算)。
  • 其它相關圖片 – 公司 Logo、代表性圖案、型錄、雜誌稿、傳統照片或相關文件之電子檔。
  • 網域名稱與虛擬主機空間 – 已有企業網站的客戶請提供網域名稱、虛擬主機供應商及管理帳號。初次製作網站的客戶,請提供想申請的網域名稱及虛擬主機租用方案,若有需要,我們也可為您進行代辦申請服務。

為了節省成本與人力,一般企業都會向虛擬主機供應商或網頁設計公司租用網站空間及相關服務(如:E-mail 企業信箱、資料庫系統)。選擇虛擬主機供應商時,可以參考下列要點:

  • 收取的費用和服務品質是否合理 – 虛擬主機供應商通常會提供 24 小時免費專人線上服務,解答客戶的各種問題。
  • 網站的空間大小和頻寬流量 – 頻寬流量代表網站一個月可以存取多少資料量,若超過上限則需要另外收費。如果網站上的多媒體內容以及訪客人數較多,就需要考慮空間和流量是否足夠。
  • 連線品質與穩定度 – 國外的虛擬主機公司競爭激烈,所以價格相對比較低。但若考慮到國內使用者的連線速度則是國內廠商比較佔優勢。
  • 支援的平台和程式語言 – 這包括伺服器的作業系統(如:Windows、Linux)、伺服器端程式語言(如:ASP.NET、PHP)、資料庫系統(如:MSSQL、MySQL)。
  • 機房基礎設備的可靠性 – 包括主機規格、防火牆設備、機房的安全控管以及資料備份服務。
  • 現有客戶和客戶滿意度 – 虛擬主機供應商通常會列舉他們的客戶名單,甚至在網站上標示他們的得獎紀錄,我們可以藉此判斷該公司的管理經驗和技術服務品質。

有時從虛擬主機供應商所提供的規模敘述也無法保證最佳的連線品質或服務,此時最簡單的方式就是直接透過網路或是電話取得技術支援,有些供應商甚至願意提供免費試用期供使用者親身體驗。

所謂的動態網頁(Dynamic Web Page)不是指網頁上的動畫、移動字幕…等視覺上的動態效果;而是指使用資料庫儲存網頁資料,並透過 ASP.NET、PHP 等程式語言將網頁資料傳送至瀏覽器「動態生成」的網頁。簡言之,動態網頁就是一種包含網頁程式及資料庫的網頁技術。

靜態網頁(Static Web Page)則是以 HTML 語法建製完成後,再放置在網頁伺服器上的網頁,大多用在單純的資料呈現,無法做出需要計算、判斷、利用系統資源或維護大量資料…等工作。

以瀏覽者的角度來看,不論是動態網頁或靜態網頁都可顯示出文字、圖片、甚至 Flash 動畫等,兩者最大的差別在於網站的開發、維護與管理。由於動態網頁通常會搭配資料庫與後台管理系統來管理網頁,除了可以即時維護更新網頁資料,保持網頁內容的即時性,增加網頁維護效率外,也能透過程式語言結合資料庫,依據需求設計出可與網友進行互動的功能,例如:會員管理、新聞發佈、產品展示、購物車、電子報、留言板、討論區…等。相較之下,靜態網頁需要懂得 HTML 的編輯者來進行維護修改,在效率上不如動態網頁,但靜態網頁的內容也相對穩定,因此容易被搜索引擎檢索,較有利於 SEO 搜尋引擎最佳化。

Microsoft .NET Framework 是微軟公司為整合不同平台與不同系統而提出的解決方案。在 .NET Framework 上無論使用何種程式語言或何種作業系統,都會有一致的軟體開發方式。而 ASP.NET 是運用在 .NET Framework 上的一種動態網頁開發平台,允許網頁程式開發人員能夠快速有效地製作動態網頁,網路應用程式和網路服務。ASP.NET 的前身為 ASP 技術。由於 ASP 的語法簡單,但是程式的結構鬆散,不容易維護。加上 ASP 沒有元件,也不是物件導向式的程式語言,於是微軟提出 ASP.NET 來解決這些缺點。ASP.NET 網頁可由程式開發人員自行選擇熟悉的程式語言來撰寫,目前最常使用的語言為 VB 及 C#。

PHP 是 "PHP: Hypertext Preprocessor" 的簡稱,是專門為了網頁程式開發人員所設計的程式語言。PHP 是一種在伺服器上運作的直譯式 Script 腳本語言,也就是說 PHP 不需事先經過編譯就可以直接執行,加上它對 HTML 的支援,可以將 Script 結合在網頁中執行與運用。另外 PHP 是開放原始碼(Open Source),使得許多 PHP 使用者開發出各種功能擴展模組。使用者便不需要自行撰寫,即可使用相關的功能,因此 PHP 的應用範圍相當廣泛,尤其是在網頁程式上的開發。PHP 具備跨平台特性,可支援 Linux 與 Windows 作業系統環境。如果要寫跨平台的 Web 應用程式,PHP 可說是最佳的選擇。在執行環境的架設方面,主要也是由網頁伺服器 + 網頁程式語言 + 資料庫這三種構成,也就是 Apache + PHP + MySQL 最為常見。

資料庫是集中儲存資料數據的地方,早期的資料庫大多屬於單機操作或是區域網路的系統。但是,隨著網際網路的興起,資料庫也逐漸應用於網際網路上提供網頁資料的存取與查詢。當您為網站新增購物車或討論區等功能時,購物車所需要的客戶帳號、購物紀錄,及討論區的內容等資料,都要儲存在網頁伺服器上的資料庫中。我們可以在資料庫裡進行資料的新增、刪除、修改以及查詢,取得有用的資訊。企業最常使用的資料管理系統有:Microsoft SQL Server、Access、MySQL 及 Oracle 等。一般來說 ASP.NET 動態網頁程式會搭配 Microsoft SQL Server 為資料管理系統,而 PHP 動態網頁程式則會使用 MySQL 為資料管理系統。

在 2010 年以前,網頁設計對象大多是以家用電腦或筆記型電腦的瀏覽者為主,因此製作網頁時會以一般電腦螢幕的規格為預設的頁面大小進行網頁開發,隨著智慧手機與平板電腦等手持行動裝置的普及,多螢幕時代來臨,使用螢幕較小的手持行動裝置瀏覽傳統網頁時,會因為預設的網頁尺寸過寬,瀏覽者必須靠雙指撥動或縮放螢幕才能閱讀網站內容,導致瀏覽頁面時的不便,傳統的網頁設計方式已無法滿足所有的瀏覽裝置。

為了解決手持行動裝置瀏覽網頁的不便,業界開發出一種新的技術-「響應式網頁設計(Responsive Web Design, RWD)」來製作網站。RWD 技術又稱為回應式網頁設計、自適應網頁設計,或多螢式網頁設計。簡單來說,RWD 響應式網頁設計開發技術的原理就是讓網頁可以配合瀏覽裝置的解析度大小,自動變化網頁的寬度及版型配置,調整網頁內容、縮放、重新編排或隱藏部分內容,讓網頁在不同的行動裝置上都能以最適合閱讀的格式呈現,展現最佳的視覺效果,讓瀏覽者容易閱讀,使用上也極為流暢方便。由於 RWD 響應式網頁設計開發技術,能夠達到跨螢幕整合的效果,藉由提供更友善舒適的網頁瀏覽環境,能增加目標客群的數量與瀏覽時間,成為網頁設計的新趨勢。

RWD 網頁設計的優點:

01 支援手持行動裝置的用戶

根據統計,台灣使用手機上網人口已到達八成以上,有六成網友有手機消費經驗,由此可見行動商機的重要性。由於傳統網頁設計方式已無法因應目前多螢幕尺寸的需求,藉由 RWD 響應式網頁設計開發技術,能夠達到跨螢幕整合的效果,瀏覽者使用小螢幕智慧型手機瀏覽網頁時,主選單會改變成下拉的隱藏式選單,網頁內容會隨著螢幕大小伸縮、變化、移動,提供更友善舒適的網頁瀏覽環境,能增加目標客群的數量與瀏覽時間,成為網頁設計的新趨勢。

02 RWD 響應式網頁設計開發成本與時間比 APP 便宜許多

許多商家會選擇開發APP作為手機曝光的方式,然而,APP 相較於 RWD 響應式網頁設計,在開發製作與後續維護上要花的費用與時間多出許多,且 APP 不像網站可以透過搜尋引擎關鍵字被查詢或利用關鍵字廣告進行網路行銷,因此 APP 的曝光與宣傳方式受限幅度較大。若是您有預算的考量,不妨考慮採用 RWD 響應式網頁設計來把握手持裝置的用戶,拓展行動商機。

03 提升 Google 關鍵字搜尋排名

Google 極力推廣運用適合行動裝置瀏覽的方式製作網站,更在 Google 官方網站發佈“如果您尚未建立適合透過行動裝置瀏覽的網站,我們極力推薦您這麼做”,並且將網站的行動裝置相容性列入 Google 搜尋演算法中。因此,使用 RWD 響應式網頁設計開發的網頁,適合透過行動裝置瀏覽,更符合 Google 搜尋演算法,就夠提高 Google 的檢索效率,確保 Google 為網站中的內容建立更多索引,有助於提升 Google 關鍵字搜尋排名。


RWD 網頁設計缺點:

01 不適合資訊量龐大或功能複雜的網站

RWD 響應式網頁設計的網頁內容會隨著瀏覽裝置的螢幕解析度大小,自動變化網頁的寬度及版型配置,調整網頁內容、縮放、重新編排,讓用戶用更適合的圖文編排來瀏覽網頁,如果複雜的內容全部都要在小螢幕中顯示,勢必會出現網頁過長,造成瀏覽者觀看上的困擾。因此,網站資訊量龐大、功能複雜、多層級的網站,如大型購物網站、入口網站…等等,就不適合使用 RWD 響應式網頁設計技術開發。如果網站需要很複雜的功能和介面,則建議將電腦版與手機版的網站分開規畫製作,比較合適。

02 開發時間與成本比傳統網頁設計方式高

RWD 響應式網頁設計開發時,需要模擬不同尺寸的裝置分別規劃瀏覽動線、設計多種版型配置,並在不同尺寸的裝置上做測試調整,才能確保網頁內容在不同螢幕解析度的手持裝置上皆能以最適合閱讀的格式呈現,展現最佳的視覺效果,因此需要投入的時間比傳統網頁設計要多,開發成本也較高。

03 無法完全支援舊版瀏覽器

RWD 響應式網頁設計是使用目前最新的技術來開發網頁,版本太老舊的瀏覽器並沒有完全支援這些技術,所以使用舊版瀏覽器瀏覽 RWD 網頁時,可能會有無法點擊頁面或是破格的情況發生。不過隨著時間的進步,Gmail、Youtube、Facebook…等大網站也不再支援舊版瀏覽器了,因此市場上舊版的瀏覽器勢必會被慢慢淘汰,由新版瀏覽器取代。

如果您是屬於網站改版的客戶,已經申請過網址,且舊網站也被搜尋引擎收錄,則您的新網站上線後,搜尋引擎可以立即搜尋到您的新網站。若您的新網站內容與舊網站內容差異很大時,上線後的搜尋排序可能會有變化。如果您是屬於建置新網站的客戶,網址是新申請的,網站上線後如果您沒有主動向搜尋引擎登錄或做連結曝光的話,那麼您的網站是不容易被搜尋引擎登錄的。博瑞網頁設計會免費提供我們的客戶搜尋引擎登錄服務,主動將客戶的網站登錄到 Google、Yahoo、Bing 等搜尋引擎中。正常來說,登錄後網站應該會在二星期左右即可被收錄,若您要查詢網站的收錄情況,可於搜尋引擎中直接輸入您的網站名稱或網址,您也可於搜尋欄位中輸入搜尋指令「site:www.您的網址」進行查詢。