【網站架設神攻略】
網頁設計教學、流程、費用、公司推薦

➤ 主機、網址URL、IP 是什麼？

主機:每一個網站都需要架在一台電腦上面，因此該電腦即是所謂的"主機"。 主機對於環境有很嚴苛的要求，如溫度、濕度、24小時開機、不斷電系統，因此要自架在家裡是不可能的。 除非不在乎網站死機等問題。因此找信譽良好的主機提供商是很重要的。在尋找主機提供商時，主機商都會保證"99% uptime"，這是指主機有保證99%都會是正常運作執行不死機( 參考用 )。 所以務必注意這點，若網站1個月營業額上千萬，今天停機2小時都有可能造成公司虧損上百萬。
網址(網域、domain):假設你家地址住在"台北市中正區忠孝東路168號"，而網址即是主機的地址，只是他以4組數字組成(35.123.32.33謂之IP)。而為了方便記憶就會對應另一組網址如facebook.com。 再舉個例子以簡單創 https://ezstartup.cc為範例來解釋，網域就是指 https://ezstartup.cc。 該文章的URL: https://ezstartup.cc/website-design.html
IP:網址https://ezstartup.cc是方便給人記憶，但網域背後會對應該到一組數字，也就是所謂的IP Ex 35.32.42.23。 網域除了好記以外，也要思考一下您的品牌，尋找適合您品牌的網域，當客戶找尋您的網站會比較容易想到您的網址。若已想好了網域名稱，要盡快去檢查是否已有人購買走了，漂亮的網址很容易被購買走。 可以至GoDaddy尋找網域並且購買。

➤ 網站前台、後台是什麼

用餐廳來舉例吧。你在餐廳內用餐，餐廳內所有看到的裝潢、擺設、牆壁顏色等一切就是這個餐廳的前台，而後台就是所謂的廚房，廚房需準備餐廳前台的一切食物、飲料、餐點等。

以網站來講，你是一個FB網站的訪客，當你進入某某FB粉絲團所有看到的內容、網頁介面、資訊等一切，都是需要一個後台進行上稿、發EDM。

網站前台、後台 (圖片來源:簡單創設計部)

➤ RWD響應式網頁設計是什麼？

RWD響應式網站優點：

1. 只存在單一網站：因應手機時代，較古老的網站不支援手機版，又難以重建網站成RWD，因此會建置 m.example.com的網頁給手機載具使用，但RWD響應式網站只需一個網站，管理/建置成本皆低。
2. SEO提升：因單一網站，流量只會存在於同一頁面，不會分流至電腦or手機版，避免了重覆頁面的問題。
3. 畫面瀏覽體驗佳：良好瀏覽體驗讓使用者願意多停留一些時間，下單機會越大，回流客越多！
4. 單一網站維護：只存在單一網站，所以只需維護一個網站，減少工作負載。

➤ Wordpress網頁設計是什麼？

1. 全球30%的網站在使用。所以技術純熟、教學資訊多、系統穩定性高，畢竟程式已經過千萬人測試使用
2. 以內容管理系統(CMS)的初衷、非常適合部格客做為官網使用技術
3. 100%網站、資料庫擁用權，搬家、備份簡單又快速
4. 完整的前、後台功能，形象官網、一頁式網頁、電商平台、部落格一應俱全
5. 100%視覺化編輯 ，無需任何的程式碼，也能快速的建置網站，懂程式碼會讓網站更精緻、美完 (視覺化編輯請參考WP文章功能的教學)
6. Wordpress教學、影音文件網路上眾多
7. 相對於Weebly、Wix、Google網站架設，Wordpress的搜尋引擎優化(SEO)是相對的友善、好操作
8. 功能無限擴充、外掛輕輕一裝、功能無限增長，重點外掛能功只要1,000~3,000不等的費用，且免費的居多(如Wordpress Plugin 外掛必裝推薦清單)
9. 因為WP的受歡迎，使得懂這方面的專業能力很好找，員工的交替技術不斷層
10. 上千種Wordpress佈景主題，絕對滿足你想要的風格。

➤ Https是什麼？

簡單創的網址是https://ezstartup.cc，在網址前面有一個"https"，這代表網站透過協定上的加密機制後能夠防止資料竊取者就算攔截到了傳輸資訊卻也無法直接看到傳輸中的資料，講白一點就是資料從網站傳到你電腦上的瀏覽器都是經過加密的。

有心截取你資料的駭客是無法解密的(理論上)。網站要使用免費的https，可以去Cloudflare or Let's Encrypt註冊。一年大概可以省下2xxx多的成本。 但當然加密等級是有差的囉！

請問我的主機位置在那裡? 網址IP一年費用? 網站有提供免費的https加密嗎? 網站應該會有完整的前後台權限吧?  應該會有RWD吧，然後再請問一下是WP網頁設計嗎?

➤ 網站架設流程

架設網站流程如下

1. 租網站主機、網頁空間:Siteground、linode，一般主機空間大概10G。
2. 買網址:如Godaddy(較優)、中華電話(需指定DNS)
3. 準備素材:文案、影片、圖片、聲音、檔案
4. Wordpress網頁設計:RWD響影式網頁設計、Https
5. Google Analytics安裝 :可觀察你的網站整個狀態
6. Google/Bing登錄:登錄過後，才可以透過Google、Yahoo搜尋到你的網站

➤ 買主機、網頁空間?

上一章節提到主機即是存放網站的地方，目前市面上有很多主機提供商，歐美品牌 EX:GCP、AWS、Godaddy、Linode、siteground。本土品牌如中華電信、智邦、戰國冊..等。
若您問我說那一個比較好呢？對網站架設有概念的人選擇Siteground，架站新手Godaddy則最適合(有中文介面，三年4500左右)，GCP、AWS、Linode難度過高，不適用於非IT人員。
Godaddy主機新手適用

➤ Godaddy買網址？

網址的購買，正常網址的費用大概是1000元有找，若是特殊網址的話，費用通常會有可能高達上萬元。以簡單創設計部 ，都是在Godaddy購買，首次購買是買擁有權，第二次就是使用權而已。台灣的中華電信、PcHome買網址都不建議，因為介面難用，未必便宜、DNS轉換又慢。GoDaddy買網址
特殊網址費用極高
PS:買完網址記得"指定DNS"，他的概念就好比門牌要對應到你的房子。

➤ 網站建置素材該如何準備

網站建置最重要的就是素材、素材、素材。
素材漂亮，設計網站都會漂亮(尤其是圖片，可參考GinerC)，所以你接著要去生網站的內容、圖片、影音、文案、風格，通常這幾點是會花最久的時間去準備。 剩的就是一堆小東西如網站、網址、主機這些通常外包商都會幫忙處理掉，也無需擔心。需準備的素材可參考如下(下載PDF檔)

1. 網站類型：形象官網、一頁式活動網頁、購物車網站、客製化網站
2. 網站風格：簡約風、工業風、雜誌風
3. 網站商標(Logo)：即公司的Logo。如果目前沒有，可以到網路上製作logo，推薦到DesignEvo，有中文，一步一步製作，下載下來有免費與需付版本，付費版本可以做更多編輯以及擁有權。
4. 網站名稱、網址、口號(Slogan)、主色系網站叫什麼名字(簡單創設計部)、網址是什麼(ezstartup.me)、有無口號(華碩品質)、主色系(如麥當勞是黃色、AirAsia是紅色)
5. 首頁與內頁架構每頁架構就是每頁會分成那些區塊，例如簡單創設計部就分了"主視覺圖文、 三大保證 、網站特色、響應式網頁設計範例、網站架設流程、網站建置費用"六大區塊，這就是所謂的架構。
6. 導覽列、選單：官方網站的目地是提供資訊，所以需提供選單讓訪客在網站之間移動。
7. 部落格這年頭寫文章做內容行銷已經是主流了，即使不寫文章，企業也一定會有如最新消息、即將上市、優惠價格等資訊需要上線，一般都會收在Blog內。
8. 圖片、影音圖片的精緻，100%關乎網站的美醜，所以圖片超級重要。除了產品圖片，一般圖片網站架設公司都會有圖庫，幫你處理這塊 or 到 Unsplash下載。
   關於影片，因為影片檔案容量很大，請務必先上傳到youtube，再將youtube影片網址嵌進網站就可以，不要上傳到網站，網站的容量很快就滿了，還要多付錢。另外影片可以 Pexels下載。
9. 文字網站文案的話，一般不外乎就是提供你想傳達給客戶的資訊，但有一點要注意B2B的網站在產品頁面需提供詳細且完整的資訊，如相關證明、檢驗、規格書。而B2C的話則聚焦於利用美美的圖文吸引客戶。
   若略懂SEO的話，強列建議把大家慣用的搜尋關鍵詞加入你的文案內，如此有益於網站的搜尋行銷。
10. 聯絡我們：簡單創都會請客戶填上如公司名稱/統編/電話/Email/FB/Youtube/IG/地址/營業時間/合作夥伴網址之類的。

➤ Wordpress網頁設計

Wordpress網頁設計，上一章節有提到Wordpress舉世聞名的網頁設計軟體，透果視覺化的介面，只要輕鬆拖拉即可簡單快速的架設網站。再透過Wordpress佈景主題、外掛的功能，達到美化及網站擴充 。Wordpress網頁設計教學，請參考

1. 【Wordpress網站前後台】教學
2. 【Wordpress 選單教學 (Menu)】教學
3. 【Wordpress頁面新增、刪除、修改 】教學
4. 【Wordpress文章新增、刪除、修改、列表、分類 】教學
5. 【Wordpress外掛】教學及推薦
6. 【All in one Migration 】Wordpress網站備份外掛

➤ Google Analytics安裝

Google Analytics(GA)是由Google所提供的網站流量統計服務，你可以在GA做5件大事情

1. 即時：即時觀察網站人數、流量來源、事件、地區
2. 目標對象：了解客戶、網站訪客的樣貌，例如族群年齡、性別、客層、興趣、裝置...等等
3. 客戶開發：網站訪客從那個管道來? 也就是流量來源
4. 行為：網站訪客進入網站做了什麼事情
5. 轉換：網站訪客有無完成我們期待做的事情

1. 登入GA : 請點擊Google Analytics
   
2. 點選左邊最下面齒輪形的圖示-->建立資源
   
3. 勾選網站
   
4. 輸入網站名稱及網址。有https加密，請務必選擇https
   
5. 送出後你就會得到一個追蹤ID。
   
6. 回到你的Wordpress網站後台，安裝以下外掛，並至Plugin Setting輸入剛的追蹤ID，再回到你的GA-->即時-->內容。若有1位活躍使用者，則代表你安裝成功了。
   

➤Google、Bing登錄

Google登錄最簡單方式，就是將官網分享至個人FB，但這需要時間生效。最快速的方式只要開通Google Search Console後，給Google抓取即可。 抓取方法如下。大概1天不用，直接拿網站名稱去Google搜尋就可以搜到。 延伸閱讀: Google Search Console安裝、 Yahoo/Bing登錄

➤ 網站架設基本成本有那些?

1. 網頁空間租用費用:年約5,000~1萬不等，一般均為10G的空間。大於10G，每1G會加收費用，費用由網站架設公司決定。
2. 網址費用:一般網址年約1,000上下，精品網域則價格高昂。
3. 佈景、版型費用:免費~2,000都有，付費一般會去Themeforest購買。
4. 外掛費用:進階外掛模組、如Yoast SEO。
5. 第三方服務:如發簡訊、EDM、線上刷卡金流2.5%、LINE、API呼叫費用(如Google API)。
6. 網站流量費用:若你是高人氣的部落客，需注意該費用。

➤ 網頁設計費用?網站維護費行情?

坊間的網站架設公司收費模式月收、年收、一次收難以比較。建議 一次抓10年網站架設總費用來比較CP值。

1. 中華電信、智邦:費用5,000~1,000。無響應式網站、無網站流量費用、網站維運費用。適用族群:只要一個網站即可，沒有額外要求。
2. Wix / Weebly / 架站平台:25,000~40,000 網站無法搬家、搜尋引擎最佳化差(SEO(搜尋引擎最佳化)是什麼 )。適用族群:新創、純資訊曝光、對美感無太大要求、牛刀小試、練習用網站
3. Wordpress網頁設計:45,000~60,000。Wordpress費用較為昂貴、網站靈活性高，外掛擴充容易，處處可搬家，網站流量費用、維護費用視外包商決定。適用 族群:有隱定收入的中小企業or純形像官網要求的中小企業、電商。
4. 原刻:10萬~1000萬+。相當昂貴，但網站彈性極高，沒有寫不到的功能，只有寫不出來功能的工程師。適用族群:網站需要相當的客製化功能。

➤ 找網站設計要注意的事項？

1. 確認是否配有響應式網站(RWD):以現在的技術已經很容易可以達到，只需要製作一個網站就能任何裝置都能在最佳瀏覽狀態，不論是手機、網頁、平板。 這已經是標配了，但還是有許多業者，以RWD的標準再多收使用者一次的費用。 響應式網站 (圖片來源:簡單創設計部)
2. Wordpress網頁設計:市面有7,999、8,800的方案，應該都不是Wordpress，所以將來要換廠商是不可能的，你的網站就被綁住在他們家的系統無法更動。但Wordpress不是，只要再購買一個主機空間，整個Copy/Paste過去新主機空間就搞定了， 廠商說換就換
3. SSL安全憑證(https):網站如沒有設定SSL安全憑證，會被Google列為不安全網站，這樣google排序會降低。此外網址列也會看到「不安全」這三個字，會讓使用者產生疑慮，如果是電商平台客戶下單時會不安心，而流失客人。需要確認網址前面有：HTTPS
4. 公司網站類型？網站會屬於哪類：形象官網、電商平台、客製化網站。網站製作方式就只有「客製化量身製作、套版式網站、租用式網站」三種，費用以客製化量身製作最高，最有彈性。若無特殊要求，其實一般套版式形象網站已非常足夠。
5. 網站結案後，是否可以自行修改？為了避免被廠商綁架或著網站孤兒，沒人照顧網站又無法自行更新，請確保您的網站設計公司有提供「後台」or「原始檔」讓您自行編輯、更新。
6. 有沒有提供基本SEO搜尋引擎優化設定?當網站製作好了當然是要讓客戶Google的到你的網站，所以基本的SEO設定一定要有，不然網站就是白做了！

➤ 台北網頁設計推薦-簡單創

➤ 網站架設費用

• 1. 需求訪談1.5小時(碰面)
  2. 簡單創到府服務(雙北、桃園、新竹)，向您解說我們的方案內容與費用，也了解一下您目前對網站的需求。若有網站規劃上的問題都可以提出來。
  1. 簽約1.5小時(碰面)
  2. 確定簽約付款時，我們會花1.5小時進行、簽約動作、購買網址、客服信箱等申請
  1. 結案諮詢+SEO起手式教學共1.5小時(碰面)
  2. 結案後會提供完整的文章、頁面、基本後台的教學文章及檔案，協助你快速上手，並做SEO教學1小時。 SEO是目前最熱門的行銷方式，如何在不用半分錢，就能夠為網站賺取流量轉單呢?SEO就是有這種神奇的技巧。
  1. 陪伴式網頁設計學習5小時(可選)
  2. 結案之後，為了輔佐客戶能夠快速上手後台，簡單創會花前後約5個小時在您身邊，陪伴你操作後台，有任何後台操作問題，都可立即詢問，此外還會協助申請Google商家、FB粉絲團。 (陪伴式網頁設計學習5小時、需加費用$6,000)
  2. (查看完整網站規格)

➤ 簡單創團隊

➤ 留言