ENsearch btn

選擇文章分類
2020-08-26
Eric Wang

公司官網設計建置前有哪些重點工作?

當你要開始著手公司的官網設計,一定有很多困惑,哪些是東西是自己要先準備?哪些是網頁設計公司可以幫忙的?我們用淺顯易懂的方式來讓你了解,提供您和網頁設計公司進一步討論。

 

main

 

top 01

網域名稱/網址(Domain Name)

網域名稱就是我們一般俗稱的網址,又叫域名。先看自己有沒有網域名稱,沒有的話,先上name.com網路中文購買。如果有網域名稱,也要先弄到登入帳號、密碼,以及在哪個網域平台購買的,網站正式上線時,才能做網址指向。就像經營企業品牌一樣,網站經營和網路行銷的最終價值是存留在網域名稱上,所以網域最好是自己購買,之後有任何異動,主控權才能掌握在自己手上。

 

 

 

top 02

主機/網站空間(Hosting)

主機空間就是放置網站檔案及資料庫的地方,可能是在公司機房,或是外部的專業主機代管。如果是一般的企業網站,建議直接租專業主機,有機房、穩定的頻寬、不斷電系統、有些主機管理介面甚至可選擇php版本。一般的企業網站都不需要太大的空間和流量,支援資料庫就可以。如果是自己公司的主機,建議先弄清楚公司採用的是Windows主機還是Linux主機,以便讓設計團隊了解之後要撰寫的程式及主機環境需求上是否能配合。不過由於Windows主機也能用 Web Platform Installer 的方式安裝php和mysql,所以採用Linux主機或Windows主機,對網站設計來說,已經沒有太大影響了。

 

延伸閱讀:傳統自架主機與租用虛擬主機比較起來有什麼差別?

 

 

 

top 03 

語言程式、資料庫 (php/.net/sql)

現行的網頁語言程式主要是PHP(搭配MySQL資料庫)及ASP.net(搭配MSSQL資料庫)。語言程式需與主機環境配合,一定要在製作前先跟網頁設計團隊確認語言程式和系統環境是否可以符合需求,不要等到決定用ASP.net才發現手上的主機環境是Linux的。如果網站是委外交由網頁設計公司製作後放外部主機,那問題就簡單得多,交給網頁設計公司處理就可以。

 

 

 

top 04

網站內容管理系統 (CMS)

現在的網站幾乎都有後台管理系統,以便隨時更新網站內容。為簡化說明,我們將後台管理系統分為兩大類:傳統客製化系統CMS系統,兩種各有優缺。如果你的網站屬於企業形象網站,適合採用模組化的CMS系統。像Joomla、WordPress這類的CMS系統(Content Management System)是近年來流行的趨勢,透過管理功能強大的後端元件模組,可以彈性調整網站架構。有能力的網頁設計團隊還可以做到100%客製化網站版型,以符合各類型企業形象網站的需求。如果你的網站需要高度客製化功能,例如:高度客製的會員系統、整合ERP系統產品資料庫、互動平台式的網站(例如104網站),這類的網站平台就一定要採用客製化系統來進行建置。

 

 

 

top 05

網站架構說明書 (Sitemap)

網站架構可以用很多方式表達,可用MS Word、Excel或心智圖軟體(如xmind)製作。重點在於讓設計團隊了解整個網站架構(例:公司簡介、產品介紹、服務支援、聯絡我們),以及每個主選項下的次選項。最好能夠說明每個選項下的呈現方式及列出參考網址,這個部份也可以請網頁設計團隊針對主要選項提出設計構想。

 

延伸閱讀:推薦B2B企業網站、公司網站常用的網站架構(sitemap)

 

 

 

top 06

準備內容圖文 (Content)

網頁圖片是官網設計重要的一環,圖片主導了企業網站的第一印象,網頁圖片來源不外乎購買版權圖庫(例:網頁情境圖)、自行拍攝(例:用簡易攝影棚拍產品)、找專業攝影師拍攝、請視覺設計師編排(例:數據圖表呈現),視網站預算和呈現效果來決定用什麼方式取得。網站文字則是讓訪客決定是否繼續瀏覽的主要因素,各行各業都有其專業性,建議由各業務單位撰寫,由各部門提供相關資料。如果文案上想要呈現得再更具企業氣象與價值,可再委外請文案人員潤稿。

 

延伸閱讀:一張照片如何決定B2B網站的價值?

 

 

 

top 07

資料上稿(Content Development)

網頁內容資料大致上會分成固定格式(如:產品或新聞上稿)和非固定格式(如:公司簡介)兩大類。固定格式的資料(產品或新聞上稿)會由網頁設計團隊寫成有資料庫及後台管理介面的功能,可以從後台去更新上傳資料,通常這部份可以由網站管理員自行更新,但如果資料量太大或是沒時間,也可以另撥預算由網頁設計團隊處理。非固定格式的資料(如:公司簡介)的呈現方式可簡單可複雜。如果單純放文字插入圖片,可以透過後端的圖文編輯器(像簡易的網頁版Office Word)進行編輯,這只需要有基本文書處理和圖片裁切能力的行政人員就可以執行。如果是要做到內容圖文編排設計,如:一頁式又能RWD的畫面設計編排,那就一定要網頁設計人員進行畫面編排設計、CSS編寫和切版,通常這部份會編列較高的預算。

 

 

 

top 08

多國語言版本(Language)

如果你所面對或要開發的市場不侷限在台灣,你的網站就會需要製作中文以外的語言版本,至少要有英文版,也就是你要提供英文翻譯文字給設計團隊。語言翻譯有兩個方式:自行翻譯、找翻譯社翻譯。自己的產業自己最了解,自行翻譯最省錢。如果工作太忙沒時間,或是語言不熟沒辦法自己翻譯,找翻譯社翻譯是最省事的,翻譯回來再自己視需求做一些微調。

 

 

 

top 09

響應式網頁設計(RWD, Responsive Web Design)

RWD是根據瀏覽器寬度而自動改變版型呈現的一種網頁技術。同一網址、同一html內容,在不同瀏覽器寬度情況下(電腦、平板、手機)呈現不同的版型畫面。隨著手機瀏覽量超過桌機瀏覽量,以及Google即將以手機瀏覽做為搜尋排名的關鍵因素,RWD網頁設計已經是現代網頁設計的必要條件。

 

延伸閱讀:搞不懂什麼是RWD響應式網頁設計?我們來看圖說故事響應式網頁設計(RWD)有哪些趨勢與特點?

 

 

top 10

搜尋引擎優化(SEO, Search Engine Optimization)

SEO俗稱網頁自然排名,其實是需要長期經營改善網站,才能讓搜尋引擎認為你的網站是有價值而提升排名。因此網站建置過程中,網站能不能在後台自行編寫設定網頁關鍵字、設定關鍵字連結,網頁結構是否符合SEO基本規範(H1,H2,H3)、是否具有url-rewrite(網址重寫)的功能,都是網站是否具備SEO架構的指標。一般來說,像Joomla、WordPress這類的CMS系統,在SEO成效上會比傳統客製化系統來得好,如果是採用傳統客製化系統,則需要額外撰寫一些SEO的管理功能,才能符合SEO管理的需求。

 

延伸閱讀:客製化網頁、套版網頁有何差異?客製化網頁設計的3大優點

 

 

訂閱文章

想要收到CADIIS凱士網頁設計公司的相關訊息嗎?

我們會在FB轉貼網頁設計專欄文章,歡迎訂閱CADIIS凱士數位臉書專頁

 

 

 

 

cadiis

Eric Wang

凱士數位科技專案經理 Eric,擁有設計與理工背景,擅長和行銷、業務、管理、資訊、設計等專業人員進行跨領域溝通,樂於分享與討論,長期致力於網頁設計白話文運動。

 

 

 

想找專人詢問嗎?

凱士網頁設計深受B2B外銷公司、上市櫃公司及外商公司推薦,累積超過100個網頁設計案例。

 

想跟我們談談您的網頁設計需求嗎?

 

立即填表諮詢

 

 

凱士數位科技

諮詢專線: 04-2221-0688

想進一步了解網頁設計服務?