【網站架設+網頁設計】懶人包-網站設計重點與公司推薦

客戶常問我：我想架設一個網站，找到網站架設公司後該如何開始? 或是當我找網頁設計公司報價，網站架設的費用應該是多少？我們該如何買網址、SSL，還有RWD是什麼?有什麼是網站架設應該注意的小問題呢？

大家好，我們是可思科技，今天特別來跟大家講解一下網站架設應該注意的地方！

首先當我要架設網站的時候，我通常最先問的是：請問你的網站類型是什麼呢？

網站類型：

了解以上的資料以後，通常客戶還會有下面這些常見的問題：

官方網站架設問題

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

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

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

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

第一步：建立有質感的網站，現在的網站比實體門面更為重要，就如同IG一樣，大家都喜歡漂亮的事物！為什麼要先做網站呢?因為他是成本最低，也是行銷的第一步，現在的網站之於企業其實和個人之於手機一樣，比如你現在很少看到有人拿3310，都是拿Iphone之類的，一個漂亮的網站可以為你的企業加分，代表有在賺錢，其他人才會跟上來，不然你會想跟著不賺錢的人合作嗎?我們一定都是想跟賺錢的人合作阿!所以!漂亮的網站絕對是最重要的。
第二步：要多注重網站的SEO(搜尋引擎最佳化)，我們一定要有規劃且有計劃地更新，主要這個動作可以開發到陌生客群，讓消費者容易在網路搜尋資料時找到我們的網站或商品，這也是我們的服務項目之一。
第三步：對的行銷策略很重要！我們一但選好策略，不要害怕失敗，可以多多嘗試，每次的失敗都是我們成功的養份。
第四部：每位客戶認真且誠實的對待，這是不變的核心思考方式。
第五部：我們可以多多爭取社群媒體報導機會，不但要認真經營社群，並且要有效運用媒體關係。

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

以下是Google的建議！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. 主機問題：正式上線後，有可能遇到網站當機，但網站如果三不五時的當機、通常會先聯絡我們，我們會查證是程式問題或是主機問題，並且提供建議，如果是主機問題，會考慮更換主機商。
2. 速度問題：網站下載速度過慢是有可能的，如果下載速度過慢，有可能是文案、圖片過多、主機實體的所在地太遠，這時候就可以考慮優化網站下載速度，但是有些是資料庫語法下得不夠好，比如內藏一堆迴圈或是資料表結構問題。
3. 連結問題：連結壞掉很正常，有時候網站連結如果壞掉，我們會使用工具進行初步檢查，然後再進行後續優化動作。
4. 破圖問題：其實一般形象官網網站頁面不多，肉眼很容易可以看出。若為中大型網站的話，我們通常會用掃描的方式找出破圖。
5. 頁面問題：有時候點開某些頁面，會跑的很慢，或是壞的的問題，這時候一樣需要我們協助找尋問題，可能是資料庫，也可能是主機問題。
6. 安全問題：比如網站中毒了、網站被綁架了，或是被自動機器人打，被駭客入侵、植入病毒，各類問題我們都有遇過，合理的做法是每半年做一次弱點掃描或是滲透測試。
7. 注重官網Email回覆：一般來說我們在信箱一定會加上“我不是機器人”，用來阻擋一般的駭客攻擊，因為這邊是我們最直接接觸到客戶的地方，所以會有許多Email等事項要處理。
8. 網站的新功能：經營一段時間以後，總是會有許多新想法，所以需要編列預算來處理這段。
9. 網站檔案備份：如每日備份、差異備份、異地備份等，內容包含圖片檔、程式、文件等。
10. 資料庫資料備份：上述提到的是偏向檔案，所以資料庫也要另外做備份。
11. 網站GA、GTM設定：一旦GA、GTM設定好之後，基本上不會有太多的問題，但是這些很重要，所以一定要設定好。

基礎網站架設知識

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. 虛擬主機、獨立主機、雲端主機的差異點

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

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

   3. 雲端主機和獨立主機很像，但是他的最大好處就是隨時可以增加修改規格，比如現在是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，就不用那麼麻煩了！