01
2023/09

2023網站設計公司推薦,教你挑選網頁設計推薦6大細節,不被網路文章帶著走!

網站架設seo
SEO規劃師 Una Lee

當有網頁設計需求時,該怎麼開始進行呢?該如何挑選推薦的網站設計公司呢?而網站架設的費用應該多少才合理呢?該如何買網址、SSL,以及RWD又是什麼呢?網站設計不僅流程複雜,且有許多細節需要注意,儘管有些免付費平台可協助使用者自行架設網頁,但其不僅設計的彈性小、功能少,甚至不利於網站SEO,對於長久經營來說更是一大缺點。因此,尋找符合自身需求的網頁設計公司就很重要。而本文就將告訴你該如何選擇適合的網站設計公司以及需注意的6大重點!

 

網站類型介紹

首先要架設網站的時候,我們通常要先釐清,你的網站類型是什麼呢?目前常見的網站類型有以下項目:

類型 概述
形象官網 此種類型是最普遍的,基本上內容只要有牽涉到企業介紹或是個人介紹,這樣都算是形象官網,通常預算會抓在3W~15W,此部分差異會是WordPress網站或是設計類型的不同,若超過15W以上到50W,主要的差異就是多國語系或是功能上的客製化。
形象購物網站 以形象官網為基礎,首頁偏向介紹品牌,內頁的部分就是電商購物類型。如我們開發的泰山汕頭火鍋
電商購物網站 存粹只講商品,不談形象,通常是經銷商,如可思科技開發的米其林輪胎
Blog新聞網站 只放新聞和文章的資料,追求的是讓Google吃到Google的新聞版面,或是賺流量錢,如:ETtoday新聞雲
論壇網站

讓使用者可以自由的討論想討論的事物,最知名的應該算是Mobile01

客製化網站 隨著客戶的需求,做出非等同一般形象官網,比如104人才招募網站,591房屋網,或是我們開發的萬寶華人力資源網
內部網站 通常是給公司內部使用,比如業務要查詢ERP的資料,或是要串接人資HR資料,做其他內部系統整合。
B2B網站 B2B網站概念和形象官網很像,但是通常會多一個類似經銷商專區,讓他們的經銷商可以登入會員,下載本季的DM或是圖片之類的。
B2B2C網站 此網站通常伴隨著一些直銷概念,有點像是開個網店,或是會員系統區分經銷商以後,讓經銷商可以在此網站操作,販賣商品給一般消費者。

 

基礎網站架設知識

1.網域是什麼

網域就像是一個人的身分證字號一樣,只是這個身分證字號,可以自己用英文或是中文選。比如我們可思科技就是www.codepulse.com.tw,這是一個完整的網域名稱。要注意有些網站商,會弄出子網域,來說這是給你的獨立網域。

vince.codepulse.com.tw <--這個就是codepulse.com.tw的子網域,別被騙了呦!

網域是很珍貴的,因為只能有一個,後面的tw是國碼,所以也有可能是www.codepulse.com.us,www.codepulse.com.hk之類的,所以我們在註冊的時候,如果公司很在意,通常也會多註冊一個全球的www.codepulse.com網域!

 

以下三個是不同網域喔,所以要註冊三組!

www.codepulse.com.tw

www.codepulse.com

www.codepulse.tw

但是

www.codepulse.com.tw與codepulse.com.tw是同一組 

www.codepulse.com與codepulse.com是同一組 

www.codepulse.tw與codepulse.tw是同一組 

 

另外www.codepulse.cc,www.codepulse.net也都是不一樣的,所以在註冊的時候要先想好大概要註冊怎樣的網址。

 

小秘技:

註冊網域盡量不要太長:比如www.codepulseisverygood.com.tw這樣就不好了,盡量是兩個單字組起來就好,甚至是縮寫也可以,這只會影響到公司印名片或是有印刷品時的長度問題,搜尋不會影響。

注意註冊時的擁有者:如果你是請網站公司註冊,有可能備註冊在它們公司名稱底下,意思就是你花大錢導了流量,但是名字其實是那個網站公司的,所以我們可思科技,在註冊的時候,都說不會幫客戶註冊,會去教導客戶怎麼註冊,確保我們的客戶網域是在自己的名下。

 

2.網域申請費用差異相關

基本上很多地方都可以申請網域

中華電信Hinet網域註冊

Godaddy

遠傳Seednet網域註冊

基本上的費用大約都是TWD800/年,但是比如Godaddy,第一年雖然會給新客戶50趴的優惠,但是第二年以後一個網域可能就會變TWD1000/年,這些要注意,並且越奇怪的網域名稱越便宜,因為沒人會使用...,所以搞不好會低到200元左右,我個人是比較推薦中華電信,反正就800乖乖繳到底吧!

 

3.主機是什麼

主機簡單說就是放網站的地方,裡面有網站的程式,通常會使用FTP軟體把網站的程式放上去!挑主機的時候可能客戶會問說:"方便提供規格嗎?",但是根據我們去問主機商規格,通常都只會給說2CPU、4G RAM、硬碟30G,再詳細一點的規格很難給,這延伸的意思是什麼呢?意思就是我們根本不知道主機商這兩顆CPU,詳細的規格到底是啥,搞不好只是一顆AMD 3600,或是一顆E5的Server處理器,又或是4G RAM,是以前的1333還是3200之類的...詳細的規格主機商根本不會提供,所以挑的話,講真的...是瞎子摸象,try and error,但是別怕!我們可思科技基本上程式要放到那些主機都可以配合,並且會提供過往使用經驗給我們的客戶!

 

4.虛擬主機、獨立主機、雲端主機的差異點

虛擬主機有點像是一棟大樓,裡面可能隔很多間房間,然後假設電梯只有一兩台,同時100多個廠商在使用虛擬主機,那電梯就不夠用,效能跑得慢,會卡來卡去,所以這是虛擬主機的缺點,但是優點就是很便宜,裡面該有的都有了,建置成本很低,一年大約2,500~7,000就有了!適合小需求的一般客戶!

 

獨立主機就是一棟大樓,但是大樓裡面啥都沒有,你要自己建立電梯、警衛室、自己隔間,好處就是自由,不會被其他人妨礙,缺點就是什麼東西都要自己來、比如備份、防火牆、FTP設定、web server的所有設定,適合有MIS的公司,或是真的對網站有興趣的人,費用一年10,000以上到幾百萬都可能的!

 

雲端主機和獨立主機很像,但是他的最大好處就是隨時可以增加修改規格,比如現在是1CPU、1G RAM,但是這種規格通常只能承受50~100人,如果現在是網站購物平台,可能下了15萬的廣告預算,流量突然變到1,000人以上,那這台主機會直接炸掉,動不了,然後15萬的預算一直吃,客戶來了看不到東西,這時候雲端主機可以馬上把規格調高,按一下就可以,但是獨立主機就不行了,獨立主機要移機...,所以我認為差異是彈性問題!適合可能有大量流量的客戶。

 

以下是我們常用的雲端主機中華電信雲端主機

 

5.DNS是什麼

DNS簡單來說,你就想像是個電話簿的概念,因為網路的世界主要還是用IP,有點類似把www.codepulse.com.tw設定到某台主機的IP。

小秘技:

設定通常要24H才會全部轉移好,如果要先看結果,記得去找一下system的host檔案,可以直接設定,但是只有本機可以看到,這其實也會成為一種駭客手法喔~。

 

6.SSL憑證是什麼

正面一點的說法就是讓你的網域有所保護,但是因為現在Google的技術文件有說,會很看重SSL,所以我都會跟客戶戲稱保護費,反正大家都有,你也就跟著買吧!現在Google有推免費的SSL認證,Let’s Encrypt

小秘技:

1.免費的因為三個月要換一次簽證,可思科技將換簽證寫入排程,會自動簽發,但是因為Let’s Encrypt是新的技術,上次被報導有重大漏洞,隨時可能會有額外延伸問題。但是好處是目前SEO在前面的大部分都用這個免費簽證。並且我們的三個月自動簽發只能放在雲端主機和獨立主機!

 

7.憑證購買技巧

基本上主機商都會有提供,費用上選一年大概1,000~3,000的,因為最大的差異點只有到時候有爭議的話是在台灣開庭或是海外...但是這數據太少,所以就選便宜的就可以了!

 

8.Google Analytice要看哪邊

基本上網站做好以後,一定會安裝GA,Google Analytice是Google提供的網站流量分析軟體,以我們可思科技為例,網站改版好以後,我最常開打的是:

報表>即時>內容>網頁瀏覽量 (近 30 分鐘)

這邊可以讓我隨時看到客戶在觀看那些頁面!

行為>網站內容>所有網頁

這邊可以讓我評估這幾天客戶常看到那些頁面!進而做出行銷策略的改變!

 

9.什麼是網站地圖Sitemap

有點像是一個地圖的概念,網站做好以後,可以跟爬蟲說明整個網站長怎樣,所以會用到Sitemap產生器,輸入網址以後,下載然後上傳到網站,但是這樣會有點麻煩,所以可思科技在我們的系統中,只要是有新的文章產出,那系統就自己產生一個新的Sitemap,就不用那麼麻煩了!

 

網站設計公司推薦挑選4步驟


相信大眾無論在挑選東西或公司時,都會參考網路上的各式評價,但要注意的是,在眾多評價中,不免會出現與廠商合作的介紹文章,這時該如何看待,就需看自己的判斷了。而若不想受太多外界聲音所影響,那麼就建議根據自己的需求來挑選合適的網頁設計公司,而推薦的評判步驟如下:
 

STEP 1 ➜ 確定網站定位


首先,必須先對要架設的網站有一個初步的想像,並將其定位做好,如:你的網站是形象官網還是電商網站?最基本需要哪些功能、架設網站有哪些目的?先清楚瞭解自己的需求,再去尋找對應的廠商才會較容易。


STEP 2 ➜ 閱覽設計作品


而在尋找設計公司時,其中一個判斷是否合適的基準就是其過往的設計作品。可藉由其設計作品中得知該設計公司擅長的技術、產業領域,甚至是風格等,並可從中尋找是否有與你需求相近的案例,以查看其做出的成品是否符合自己的期待。


STEP 3 ➜ 瞭解廠商資料


接著則可進一步瞭解該設計公司的資料,如:涉略的技術領域、服務項目、服務品質與合作模式等,才能在要洽談合作時,溝通能夠更加順暢。


STEP 4 ➜ 詢問方案內容


最後則建議事先瞭解清楚方案內容,如:服務範圍包含哪些、是否會協助後續維護、有無加入SEO考量、方案費用是否符合預算等,再次確認該公司的服務是否符合你的需求。

延伸閱讀:SEO公司挑選3大注意事項!SEO公司服務及費用行情一次整理

 

網站設計費用要多少?行情報價一次整理


而如前述所說,網站設計的費用也是挑選時的一大重點,但行情是多少?其實根據網站的種類及服務方案的不同,價格都會有所差異,以下就以可思科技的大約費用範圍為例來說明。

 

半客製化

客製化

網站類型

官網

電商

官網

購物車

基本費用

8.5萬

12萬

23.5萬

27萬

建議族群

個人或剛開業之企業

營運電商0~2年

營運2年以上之企業

製作時間

約1個月內

約4個月

 

由此可知,可根據自己的基本條件、預算與預計花費的架設時間,來挑選適合自己的網站設計方案。

 

別人推薦的一定好?網頁設計6大細節要注意


然而,除了前面說明的挑選重點外,選擇網路設計公司還有哪些細節該注意,才不會落入不肖廠商的陷阱?以下為你提供6項check list,讓你在下定決心前做最後的確認!


✅  確認服務範圍,以免後續出現加購服務等費用紛爭
✅  是否提供完整的網站管理權限
✅  是否提供後續的網站維護與更新服務
✅  是否提供後臺使用教學
✅  確認SSL憑證相關資料
✅  確認合約中的校稿及修改等規則

 

3大網頁設計範例


看完了上述介紹,你也在找推薦的網站設計公司嗎?那就不妨參考看看擁有多個成功案例可思科技吧!以下舉3個實例以供參考:

 

 

客製化購物車—班尼頓服飾

班尼頓服飾為客製化的電商網站,專案中,可思科技運用了良好的溝通能力與專業技術,解決了客戶對於專案模糊地帶的疑問,以及國際大型電商所需的相關功能需求,顯現了可思科技與客戶之間的互相瞭解、信任,以及其實在且令人放心的專業能力。

 

客製化系統—海克力斯

由可思科技製作的海克力斯官網,在"日本海運"關鍵字上順利的搶下了一二名,由此可以知道,做一個網站,不光是要漂亮,重要的是網站的結構和讀取速度,這樣其實後續,不管是自己的行銷部操作SEO,或是讓SEO公司操作關鍵字廣告,都是可以非常順利得搶好位置,讓業績大大提升。


客製化官網—迎廣科技

而在於客製化官網上,可思科技也可為客戶提供細膩的設計與紮實後端基礎。以迎廣科技之官網為例,不僅提供了多層商品篩選、商品比較及EDM等多樣化功能,且網站整體呈現低調卻不失精緻、簡約卻不失專業的風格,可說是看似簡單大方,但甚為細膩的網站設計。

 

網站架設常見問題

1.架設官網真的很重要嗎?

老實說,品牌的塑造遠比我們想像的重要,品牌價值是從以前到現在不變的硬道理!

比如使用者想購買一樣商品,他就會先聯想到某幾個他曾記憶中的好印象...。都一樣是吸塵器,我們東看西看,價錢差不多,功能差不多,但是如果是個我們熟悉的人,也用同一牌子,那我們就會買單!就如同我們每個人的名字一樣,名字好不好聽不是重點,而是你這個人做了什麼,說了什麼,這就是最基本的品牌。


正常來說都會有一個品牌認知,例如:一樣都是籃球,這籃球如果多了喬丹的簽名,那價值一定不一樣。品牌建立須要企業投入引導和推廣,一旦樹立起一個成功的品牌,企業就找到了賺錢的方法,一個長期穩定的收入來源,品牌的產品可以賣的更多、賣的更貴,這就是品牌的價值。建立品牌有幾個簡單動作可以先執行,其中網站是最好做也是第一個要做的!該怎麼做呢?
 

第一步:建立有質感的網站,現在的網站比實體門面更為重要,就如同IG一樣,大家都喜歡漂亮的事物!為什麼要先做網站呢?因為他是成本最低,也是行銷的第一步,現在的網站之於企業其實和個人之於手機一樣,比如你現在很少看到有人拿3310,都是拿Iphone之類的,一個漂亮的網站可以為你的企業加分,代表有在賺錢,其他人才會跟上來,不然你會想跟著不賺錢的人合作嗎?我們一定都是想跟賺錢的人合作阿!所以!漂亮的網站絕對是最重要的。


第二步:要多注重網站的SEO(搜尋引擎最佳化),我們一定要有規劃且有計劃地更新,主要這個動作可以開發到陌生客群,讓消費者容易在網路搜尋資料時找到我們的網站或商品,這也是我們的服務項目之一。


第三步:對的行銷策略很重要!我們一但選好策略,不要害怕失敗,可以多多嘗試,每次的失敗都是我們成功的養份。


第四步:每位客戶認真且誠實的對待,這是不變的核心思考方式。


第五步:我們可以多多爭取社群媒體報導機會,不但要認真經營社群,並且要有效運用媒體關係。

 

2.都有粉絲團了,還需要架設官網嗎?

以下是Google的建議!

我們都知道,Facebook粉絲團是現今台灣人社群網站龍頭,台灣臉書用戶超過1900萬人;在我們的事業剛起步的時候,我們一定有聽過經營粉絲團的重要性,甚至將之視為行銷必要的預算之一。

當然啦!“別人都在做了,我若是不跟上,不就落後其他人了嗎?”這樣的恐慌感操作著我們。

有的人認為,開粉絲團又不用花錢,我們又何必花錢製作網站呢?

實話是,粉絲團是社群,並不等於我們的銷售平台。甚至,我們搞錯重點了!為什麼會這麼說呢?我們整理以下思考點:

思考點1.臉書終究是社群互動,不是購物網站、也不是搜尋網站

試想一下,冬天來臨,我們想添購除濕機、暖爐用品,這時候第一步是什麼呢?不外乎就是先求Google大神了解產品品牌、價格等資訊後,接著你會到各大論壇、社群網站試圖了解該項品牌產品的口碑與心得資訊,最後到實體店面、電商網站、品牌官網購物車完成購買。發現了嗎?消費者並不會第一時間用關鍵字於臉書搜尋到你的產品,但他可以在了解階段的同時看到你精心打造的品牌形象、產品特色內容,許多人會把經營粉絲團就視為販賣產品,這樣的結果往往造成我們的粉絲黏著低,也達不到我們要的行銷效果。

思考點2.粉絲團的演算法一日三變

相信說到這裡,有擔任過小編的朋友們,現在一定點頭如搗蒜了。我們都知道臉書為了營運收益,演算法時常在變動,進而影響觸及率跟互動數字;限制曝光對臉書來說是必要的,因為這樣我們才會投放廣告,他們才有獲利。臉書廣告並不是不能投,而是屬於行銷品牌的預算,並不是銷售行銷的預算。再者,粉絲團廣告有競爭屬性,同類型的商品或廣告目的,更是會遭遇競爭影響廣告成品。

思考點3.你的客人在哪裡?

俗話說“雞蛋不該放在同一個籃子裡“,臉書使用者固然多,但也有很大一群人是在臉書以外的,若僅經營粉絲團,就等於放棄那些客人了。有效的SEO優化我們的網站,才更可以幫助我們的品牌在關鍵字搜尋能被看見。

思考點4.臉書粉絲團終究不是自己的

此話何意?先不要說臉書哪天突然像當年無名小站關閉好了,光是盜用、莫名檢舉、抄襲等,遇到一次就有的受的了,你等於把公司最重要的資產都放在別人家,我們安心嗎?網站就不一樣了,我們著重客戶資安保證、定時備份資料與維護作業、穩定的主機伺服器,讓我們沒有後顧之憂。

思考點5.我不要當複製人

臉書粉絲團功能有限,各品牌最終都有大同小異的感覺。粉絲團的功能限制導致品牌風格、企業文化無法有效的突出。網站可以客製化的製作,更重要的是,如果我們想給我們的客人更好的使用體驗,例如:會員系統、購物車系統、紅利系統等,這些都是粉絲團做不到的事情!

 

臉書粉絲團在品牌行銷不可否認絕對是一大利器,但它並不能取代網站!而粉絲團與網站倒也不是非要二選一不可的題目,相信我們思考過後,會知道怎樣才是對企業、品牌最好的方式。打造屬於企業形象網站,不要讓Facebook掌握你企業的生殺大權,不要限制了自己!

 

3.網站架設以後的經營與管理

官網架設好之後,有很多面向需要注意:

主機問題:正式上線後,有可能遇到網站當機,但網站如果三不五時的當機、通常會先聯絡我們,我們會查證是程式問題或是主機問題,並且提供建議,如果是主機問題,會考慮更換主機商。

速度問題:網站下載速度過慢是有可能的,如果下載速度過慢,有可能是文案、圖片過多、主機實體的所在地太遠,這時候就可以考慮優化網站下載速度,但是有些是資料庫語法下得不夠好,比如內藏一堆迴圈或是資料表結構問題。

連結問題:連結壞掉很正常,有時候網站連結如果壞掉,我們會使用工具進行初步檢查,然後再進行後續優化動作。

破圖問題:其實一般形象官網網站頁面不多,肉眼很容易可以看出。若為中大型網站的話,我們通常會用掃描的方式找出破圖。

頁面問題:有時候點開某些頁面,會跑的很慢,或是壞的的問題,這時候一樣需要我們協助找尋問題,可能是資料庫,也可能是主機問題。

安全問題:比如網站中毒了、網站被綁架了,或是被自動機器人打,被駭客入侵、植入病毒,各類問題我們都有遇過,合理的做法是每半年做一次弱點掃描或是滲透測試。

注重官網Email回覆:一般來說我們在信箱一定會加上“我不是機器人”,用來阻擋一般的駭客攻擊,因為這邊是我們最直接接觸到客戶的地方,所以會有許多Email等事項要處理。

網站的新功能:經營一段時間以後,總是會有許多新想法,所以需要編列預算來處理這段。

網站檔案備份:如每日備份、差異備份、異地備份等,內容包含圖片檔、程式、文件等。

資料庫資料備份:上述提到的是偏向檔案,所以資料庫也要另外做備份。

網站GA、GTM設定:一旦GA、GTM設定好之後,基本上不會有太多的問題,但是這些很重要,所以一定要設定好。

 

網站設計看似簡單,但其中的細節可說是極為複雜且需付出許多心力,若你也有網頁設計的需求,那就推薦不妨可與我們聯繫,讓專人來為你提供專業建議。而若想先瞭解更詳細的網站建置流程,則推薦可參考:網站建置4流程!快速瞭解建置前準備與費用重點,網站建置輕鬆做,協助你事先瞭解作業細節。


關於可思科技

我們是一家「綜合型」的SEO服務公司,提供技術與內容並存的SEO優化,擁有經驗豐富的網站工程師,加上用心的文案團隊,讓網站成為「專業領域的權威網站」!
立即諮詢