公司網站架設該如何開始? 找網站架設公司報價,網站架設費用是多少呢? 若自架網站網站架設流程是什麼呢? 如何買網址、RWD、Wordpress是什麼。 不管上述那個情況,然後就躁鬱症發作,問題大暴發。心想弄一個形象網站設計真的那麼難嗎? 其實一點都不難,貴設計10大主題網頁設計教學,分享如何架設網站、網站架設流程、素材準備,架設網站真的一點都不難。 就讓我們開始 GO!GO!

關鍵字: 網站設計 網站架設費用 RWD響影式網站設計 網站設計公司推薦 WORDPRESS網頁設計

文章作者:陳艾文,目前為貴設計網站架設公司負責人 ,曾任職於104、IBM、菲律賓外商主管。網站開發10餘年經驗,曾獲獎三屆國家級比賽特獎,拿下獎金上百萬,有豐富的網站架設經驗,若有正在尋找 台北網站架設公司 請參考貴設計,以下為部份形象網站範例。

Wordpress網頁設計作品範例|GinerC
網頁設計作品範例|亞洲矽谷ASVDA
網站設計作品範例|金門振興券
更多網頁設計範例 ➔

網站架設費用試算器

網站架設費用總額:   $49,800

**該網站架設報價僅供參考**
網站類型
   
(1首頁+5內頁、14~21日交件、 網頁設計方案)
7日內簽約
  
增設頁面
提早交件日
聯絡表單
   
Google翻譯
  


目錄



官方網站的重要性?

官網大家一定耳熟能詳,但每位獨立出來的創業家卻也未必都有一個官網,最大的原因不外就是費用高昂,所以取而代之的便是 Facebook粉絲專頁。 所以有了Facebook粉絲專頁、Youtube、Instagram等社群平台,我還需要網站嗎?
答案其實"是的",很多企業主諮詢時都會提出的問題,但也有不少店家、企業選擇不架設網站,只經營Facebook的粉絲頁,「台灣人愛滑手機,使用臉書的比例偏高,為何不直接開一個粉絲專頁不是更有效?」。 這時候通常我們都會試問一下請問有那一個大品牌,只有FB粉絲團、IG,卻沒有官網的呢?
官方網站其實是你在茫茫網海中的門面,你有意走網路行銷就必需準備品牌官網。而官網建置完成不是一個終點,是一個更大的起點。 你要開始網站管理經營、廣告行銷、網站優化、網站升級擴充功能等等。這些的目地就是為了持續經營官方網站在廣大的網海中的品牌形象、同時也透過網路行銷拓展客群、增加業績。 所以為什麼我們需要官方網站?網站優點有很多,但首先讓我們來看看Google怎麼說:

官網的重要性是連Google都認同的,所以想了解更多官網架設的好處嗎?請參考 【官方網站架設】的重要性你知道嗎?

網站種類有那些呢?

如何架設網站的第一個步驟,請先清楚哪種網站的種類適合已身的企業。因為不同種類網站架設費用會差到百萬, 若貴公司只是要一個小小的企業網站又何需客製化網站的費用呢? 所以為了不白花冤枉錢,搞清楚適合的種類是重要的。

種類說明
形象官網 一般的品牌形象網站,官網可提供公司介紹、產品列表、常見問題、聯絡我們、交通資訊、最新消息、媒體報導、價格方案、產品訂購、合作提案、FB粉絲團、經銷據點、活動專區等訊息 。亦可做成一頁式的官網,好處有網頁製作成本低、故事型瀏覽、轉換率高、手機瀏覽順暢等優點。可用平台or套裝軟體如Wix、Weebly、智邦 Google Bloggerwordpress.com。。等等非常多。
電商網站 於網路上銷售產品,諸如保養品、手機配件、皮件、手飾、手機等。雖是以購物平台為主軸,但網站中仍會有幾個頁面介紹品牌、公司介紹、最新消息、聯絡我們之類。 可用平台如91APP、wordpress、opencart。。也是非常多。
客製化網站在網路上提供特有的服務,需特別開發功能。EX:UberEat、熊貓。但缺點就是費用昂貴、技術能力高。 (請參考【客製化網站設計】為什麼網頁設計費用貴的嚇死人!!)

以上是網站的種類,但或許還有聽過RWD網站、Wordpress網頁設計。RWD網站指的是官網要滿足RWD響應式網站(響應式網站設計是什麼)。 所以上述三種種類有滿足RWD響應式網站,都可以稱之為"RWD網站"。

而Wordpress網站則是指網站製作軟體是使用Wordpress(也有些使用Wix、Weebly、Google Blogger),就會稱之為Wordpress網站(請參考 Wordpress網頁設計是什麼)。因此形象官網或電商網站若是使用Wordpress製作的,我們也會稱之為Wordpress網站。 所以RWD網站、Wordpress網頁設計,其實是從技術的角度定義網站。

主機、網址URL、IP 是什麼?

每一個網站都需要架在一台電腦上面,因此該電腦即是所謂的"主機"。 主機對於環境有很嚴苛的要求,如溫度、濕度、24小時開機、不斷電系統,因此要自架在家裡是不可能的,除非是玩票性質, 因此信譽良好、不易當機的主機商便是很重要的。此外還要注意的項目如下

  • 網站主機位置,請務必選擇亞洲地點,網站下載速度很重要。
  • 網站主機商,不用比了就是SitegroundCloudways (適用於企業) 。英文不好的請選Godaddy(適用個人玩票、不適合企業),台灣主機商偏貴。 租主機可找貴設計
  • Uptime: 主機商都會保證"99% Uptime",這是指主機有保證99%都是正常執行不死機(參考用)。 Uptime很重要,若網站1個月營業額上千萬,今天停機2小時公司就虧損上百萬。
  • 熱門網紅、部落格主的網站,請選擇適當的網站空間(10G居多)與流量
  • 勿用共享主機,硬體資源是大家共享的,當愈多網站加入你的主機,你的網站就會愈慢,問題愈多,甚至連IP(共用IP)都會被列成黑名單。 主機費很低的,大都是使用共享主機。

再來說明一下網域(domain)、網址(URL)、IP。 網域是什麼呢? 以簡單創網站來說明網域(Domain)就是指"https://ezstartup.cc",而網址(URL) 即為"https://ezstartup.cc/website-design-guidelines.html"。 二者的差異就在於多了"website-design-guidelines.html",所以網址會指示到特定頁面名稱,而網域則是整個網站的域名。 所以一個網域下會有很多的網址。但在口語化的說法,網域也會稱為網址,但網址一般則不會是網域的意思。
再來什麼是IP位址呢?在電腦的世界裡,只認識一堆數字,所以facebook.com其實對映到的是以4組數字組成例如35.123.32.33,這組數字則謂之IP。但你每次要上FB的時後, 你總不能記憶35.123.32.33,所以為了真實生活中方便記憶,就會對應另一組網址如facebook.com(即為網域)。 挑選網域除了好記,也要尋找適合品牌的網域。

網站前台、後台是什麼

網站前台、後台 ,就用餐廳來舉例吧。你在餐廳內用餐,餐廳內所有看到的裝潢、擺設、牆壁顏色等一切就是這個餐廳的前台,而後台就是所謂的廚房,廚房需準備餐廳前台的一切食物、飲料、餐點等。 以網站來講,你是一個FB網站的訪客,當你進入某某FB粉絲團所有看到的內容、網頁介面、資訊等一切,都是需要一個後台進行上稿、發EDM。
所以網站前台是讓網路使用者瀏覽的畫面,如文字、圖片、特效、動畫、表單填寫。前台都會由網頁設計師規劃排版讓網站精美呈現。 網站後台則為管理網站功能、使用者登入,文章頁面、商品等等。

網站前台、後台

RWD響應式網頁設計是什麼?

響應式網頁設計(RWD) ,是指網站的畫面會依瀏覽器的尺寸,自動變換網頁排版,而不會造成網頁在不適當的尺寸下造成使用者體驗差勁的問題, 所以一個網站滿足RWD設計原則(可用RWD開發工具Bootstrap)是基本需求。
若外包商在網頁製作階段提出RWD網頁設計報價要加1萬,請直接封鎖這間RWD網站架設廠商。因為RWD已是標配,現在是行動網站的時代,人手2隻手機的可能性大增, 你的網站沒有滿足RWD的規格的話,就不用妄想會有陌生訪客從網站詢價。 響應式網頁設計

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

Wordpress網頁設計是什麼?

Wordpress是功能強大的內容管理系統(Content Management System),全世界有30.6%的市佔率,也就是全球有3成的網站、 ,將近7億5千萬的形像網站、購物網站、部落格都是Wordpress建置,Wordpress知名網站如 美國白宮、CNN、BMW、FB都是愛好者。
Wordpress的初衷是一套內容管理系統(CMS),最適合建立部落格網站,但隨著WP演化,它可用來建立形像官網、電子購物車、線上教學平台, 甚至用來做簡易的半客製化系統。對於一般只需形象官網的你,透過WP就能簡單管理你的網站, 而不是像過去需要寫一堆的程式碼,只需在後台修改頁面跟文章,就如同Word一樣的簡單。而且WP是免費、開放式的程式碼。 還能快速的擴充各式的功能(稱之為外掛),只需輕輕一鍵即可。
在Wordpress網頁設計價格,相對於過往使用Java、PHP都簡單且便宜許多。 Wordpress架站費用大概4萬5至6萬。但若是客製化網站費用可是會嚇死人,所以沒事不要做客製化的網站。

WordPressWordpress超過30.6%使用者(來源:wordpress)

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

Https是什麼?

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

SSL安全憑證https

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

搞懂以上幾個名詞有利於你在找網頁外包時搞清楚你官網架設的基礎建設問題,所以在網站需求表訪談時請務必詢問以下幾個問題
請問我的主機位置在那裡? 網址IP一年費用? 網站有提供免費的https加密嗎? 網站應該會有完整的前後台權限吧?  應該會有RWD吧,然後再請問一下是WP網頁設計嗎?
主機以台灣最棒(日本、新加坡亦可),非特殊網址一年1000有找,https歐美有提供免費的加密(如Cloudflare、Let’s Encrypt),後台要有100%權限、RWD、WP網站架設這些都一定要有 以上任一點若是NO的話 ,對你的網站都會有很大的影響,所以請審思該網站架設的公司。


網站架設流程

網站架設流程如下圖,這些步驟是完成一個網站最最基本的流程,缺一不可。步驟1、2 、5、6都只要設定一次即可。而3、4屬於網站優化的部份,會一直repeat、repeat、再repeat。
網站架設流程

架設網站流程
  1. 01租主機、空間:主機推薦廠商初階如Godaddy,中階如Siteground、Cloudways,高階如linode,非常高階GCP、AWS等。
  2. 02網址購買:買網址推薦,如Godaddy(介面好、速度快、價錢多樣化)、中華電信(介面極差、DNS轉換速度慢、客服回信很慢),網域申請費用約1000元上下不等。
  3. 03素材準備:網站名稱、大小標、文案、影片、圖片、聲音、檔案、公司粉絲團、合作夥伴等。
  4. 04網站製作:RWD響應式網頁設計、Https、外掛、Line、FB通訊工具安裝、文章、部落格設計。
  5. 05Google Analytics(GA)安裝:GA是由Google所提供的網站流量統計服務,為了網站優化與流量統計觀察,務必安裝。請參考GA安裝
  6. 06Google登錄:登錄過,才可以透過Google搜尋到您的網站

租網站主機、網頁空間

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

Godaddy買網址

網址購買,一般費用約1000元上下。若為特殊網址,費用會有可能高達上萬元。以貴設計 ,都是在Godaddy購買,中華電信、PC Home買網址都不建議,因為介面難用,未必便宜、DNS轉換又慢。GoDaddy買網址

貴設計會那麼愛用Godaddy,認為Goodaddy有五好。
  1. 介面簡單乾淨好友善:相對中華電信很OLD FASHION的介面,Godaddy你定會覺的非常好用。
  2. 客後服務好好找:中華電信的客服電話告訴你,非常難找,一直在電話中。
  3. 網址買錯退費好人性:上次買錯一個網址,當下找客服處理,10分後就馬上退費。
  4. DNS生效好快速:參考更多DNS介紹
  5. 程序簡單好快速:中華電信買個網址需要輸入至少10個欄位,Godaddy買了直接刷卡帶走。買錯還可以退款。
  6. 多樣化網址選擇好方便:直接參考下圖吧。.com是台灣最愛的,但隨著網址也跟著進步,不用再死守.com的網址囉。
想了解更多及DNS設定方式,請參考以下的影片

網站建置素材準備

網站建置最重要的就是素材、素材、素材。素材美觀精緻大方,網站建置就會漂亮(尤其是圖片,可參考GinerC)。因此網站素材,如圖片、影音、文案,通常這幾點是會花最久的時間去準備。 剩的就是一堆小東西如網域、DNS設定、主機廠商、免費圖片都會負責處理。

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

GinerC (圖片漂亮,網站一定漂亮)

WP網頁設計

網路上有很多的平台、套裝軟體、網站架設公司都有提供網站架設的服務。 要找免費網站架設請參考 Google網站架設Wix、Weebly網站架設。 但貴設計網站架設推薦還是使用Wordpress網頁設計,透過視覺化的介面,只要輕鬆拖拉即可簡單快速的架設網站。再透過Wordpress佈景主題、外掛的功能,達到美化及網站擴充,可參考Wordpress知名網站。以下是Wordpress網頁設計教學的資源供參考。

Wordpress網頁設計Wordpress網頁設計

Google Analytics安裝

Google Analytics(GA)是由Google所提供的網站流量統計服務,但GA能提供的絕不是單單統計而已,能做的超乎你所想像(參考網站優化 )。但先安裝就對了。 Google Analytics
Google Analytics安裝步驟

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

Google網站登錄

你知道每天有多少次的Google搜尋次數嗎?其實全球有近93%的搜尋行為都在Google上發生,也代表每日有上億人口在Google這什麼東西的。 而你的網站無法在Google被搜尋到,就代表你無法做到這群人的生意,更悲慘的是這群人都變成競爭對手的生意了。可想而知,要能夠被Google搜尋出來是一件多麼重要的事情啊。 所以請記的把網站提供給Google收錄。一旦收錄,才會有訪客可透過Google搜尋進入到你的網站,不然你的網站一定會變成蚊子館。
簡易方法:將你的網站到處分享到FB粉絲團,Google的蜘蛛會隨著網址爬爬爬,就爬到你的網站。如此就做好"收錄"的動作。簡單快速只要一秒鐘,但被收錄的時間會較慢。
標準作法:登入你的Google Search Console,並送給Google收錄即可。在未來網站經營,只要有新網頁or網頁有所更動,建議都讓Google重新爬一次。 Google登錄



網站優化

網站架設完成後,還會開啟一個大議題網站優化。網站優化的目地很簡單,就是為了將網站轉化營業額出來 (下個月薪水、明年年終) 。 所以此時Google Analytics(GA)就是最好的工具。如上所提GA是Google提供的網站流量統計服務工具,此外它可以觀察網站訪客的行為、狀態、轉換...等等。最主要你可以在GA做5件大事情。
  1. 即時:即時觀察網站人數、流量來源、事件、地區
  2. 目標對象:了解客戶、網站訪客的樣貌,例如族群年齡、性別、客層、興趣、裝置...等等
  3. 客戶開發:網站訪客從那個管道來? 也就是流量來源
  4. 行為:網站訪客進入網站做了什麼事情
  5. 轉換:網站訪客有無完成我們期待做的事情
例如下圖 Google Analytics
網頁/apply-trademark.html, 被瀏覽了28,040次、 不重複瀏覽量23,444(粗略的解釋就是2萬多人的意思)、在這頁看了3分22秒..然後近68%的人看完直接離開網站。
所以可以從GA了解網站的狀態,但最難的是看完數字後你要如何去解讀這些數字,進而提出解決方案。不然就跟看股票一樣,有看沒有懂。

搜尋引擎優化

何謂搜尋引擎優化呢?就是透過Google上有成千萬上億的使用者搜尋到你的網站,進而購買你的商品。所以 關鍵字優化的目地就是為了提昇網站流量,不然網站就會變成蚊子館。 但要如何優化呢?請先安裝Google Search Console(GSC)吧。 安裝GSC後,你才可以開始大玩所謂的"搜尋引擎優化Search Enginer optimize(seo)"。什麼是SEO呢?

SEO稱為搜尋引擎最佳化,是一種行銷的技術。全世界每天都有上億次的人口,在Google輸入關鍵字做搜尋。如果搜尋出來結果的第一名,就是你的店家名稱,可想而知那個就是"黃金店面",黃金店面帶來的人潮就是金流了,重點是還不用付房租、更棒的一旦搶上黃金店面,還不容易落入別人他手,是有辦法獨佔長長久久的可能性的。

轉換率優化

轉換率優化是最難的一件事情,從小轉換到大轉換都需要透過工具觀察。如上所提的GA也是轉換率優化工具。另一套推薦的是Google最佳化工具(Google Optimize)。透過Google最佳化工具的AB-Testing方法測試網站訪客偏好,以增加網站轉換率。
Google Analytics
如上圖,我們在測試在五種字樣,那一個文字最容易激起網站訪客點擊電話播出。 看資料顯示原始版本"立即來電"這個字樣的轉換率為1.54%,高於其他字樣(如立即播打、馬上播打)的轉換率。結果我們就沒有換字樣了 (這實驗白做)

網站速度優化

快速的網站,不只為網站帶流量,也帶來營收。所以確保公司官網能夠快速下載,尤其在人手一機的時代就更是金律。同時網站的下載速度也影響著轉化率,可以參考以下圖。當速度愈慢,轉換的百分比就會減低 。
Google Analytics

速度優化的方式有那些呢?
  1. 01 亞洲主機位置
  2. 02 壓縮程式碼
  3. 03 移除沒在使用的CSS
  4. 04 圖片優化
  5. 05 減少Reqeust的呼叫
  6. 06 勿使用過多的HTML元素


網站速度測試工具如PageSpeed Insigh(如下圖)、 Pingdom,這個分數沒有絕對。但就是建議比你的競爭對手高即可 Google Analytics 簡單創的商務中心的頁面,下載速度為100分(電腦版),手機版應該會略低。但不求高,只求比競爭對手好。 在圖片優化的部份,檔案上限不要大於600k,一般只要100k~200k左右。手機拍出來的照片(約為2M~5M)建議使用工具:tinypng 或是 Shortpixel把圖片的壓縮再上傳到網站上。

UIUX優化

只要做網站很多老師開始講到UIUX,什麼是UIUX?他們差異在哪裡?

UI=產品該怎麼呈現,要設計每一個與使用者互動和操作的畫面。像是網站所有的風格、整個產品設計元素的一致,例如:定義什麼時候出現警告狀態的動作、什麼時候用什麼元素的跳出與跳出來的方式等。
UX=產品用起來的感覺, UX是要確保產品從這一步到下一步符合邏輯,這需要第三人來測試,我們須在旁邊觀察使用者行為,因為自己測試很容易有盲點。 UX要關心所有會影響使用者體驗的一切,例如:資訊架構、互動設計、內容、價值觀等。

UIUX是什麼UIUX關係圖(圖來源:Userexperiencerocks)
UIUX是什麼UIUX關係圖(圖來源:Conversion Lab)
所以其實UI與UX是密不可分的,UX是使用者體驗,使用者體驗當然也包含了UI的畫面與互動等。
UXUI感覺太難了?沒關係,網站本來就是慢慢優化,一步一步來,所有的大廠牌的網站也不是一次到位,他們也是慢慢測試慢慢地觀察使用者行為來優化網站的。
新手可以首先著手於介面、動線,例如:我想讓使用者點到A產品,我的動線是不是都有導到A產品呢?或著可以讓網站視覺一至,按鈕的顏色、按鈕的大小、按鈕的動畫等,一點一點提升網站。
除了介面,還有文案也很重要,例如:按鈕 「請下載」、「立即下載」、「下載立即得到優惠劵」,這3個其實會有不一樣的結果,這都需要測試過後才知道。 這時候可以使用上面文章有提到的工具「 Google Optimize」,做一個AB-Testing方法測試使用這偏好。
再來可以請第三人(排除工程師、設計師、製作的人)使用體驗,才能真正了解使用著通常一到網站會做什麼、看什麼、有沒有照著與你操作的差不多?還是不一定樣?
如果沒有太多人可以幫忙,那就用真實使用者的行為吧!可以使用網路工具「HotjarClarity」,使用Hotjar、Clarity可以提供熱點圖跟錄影讓你一眼看出網站使用者在做什麼,快速了解使用者有沒有迷路。
hotjar查看熱點與瀏覽動線可以查看熱點與瀏覽動線(圖來源:hotjar)

網頁設計小撇步?

網站優化除了透過上述的工具與方向,貴設計再跟您分享一些網頁設計小撇步。

  1. 使用者滑鼠點擊三下,讓使用者便能找到重要的資訊
  2. 網站名稱的命名,請先將名稱Google一下,千萬不要取到同樣的名字,撞衫是還好,重點是有可能會觸商標法。
  3. 網站首頁務必乾淨、漂亮。讓使用者一目了然網站重點部份。過度凌亂的網站易讓使用者彌留。就直接關閉視窗。
  4. 所有對外的連結,語法要加上target="_blank"。這代表網站使用者點擊連結時會新開視窗,不然你的網站使用者就會跑到別人家網站。
  5. 網站文字不是連結的部份,勿用藍色。大家很習慣看見藍色就以為是可以"點擊的連結",當網站使用者點擊之後卻沒有動作,使用者體驗會不好。
  6. 避免404連結(即是壞掉的連結)。可使用brokenlinkcheck檢查
  7. 網站基本的品質就是圖片勿破圖,同時勿用解析度過低的圖片,會讓網站非常的醜陋。
  8. 響應式網頁設計
  9. 網站在文字、圖片,顏色的對比很重要。
  10. Chrome與Safari是二大瀏覽器陣營,請檢查網站在這二個瀏覽器是精美漂亮。
  11. 請檢查網站在以下螢幕解析度的外觀:手機為360x640、375x667、414x736、電腦版為1920x1080、1536x864、1400x900、1366x768 (資料統計:熱搜情報網)
  12. IPhone是一個較封閉的系統(穩定、速度快、錯誤少),有些js的行為會跟Android系統不同。所以檢查javascript檔在IPhone是可執行的。
  13. 善用行動呼籲設計(CTA)、網站轉換率直直衝


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

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

網站架設費用?網站維護費行情?

網站架設費用除以上基本費用,還有最貴的網頁設計費用。 網路上百百種網頁設計方案,從SOHO網頁設計報價單低至1萬多,高到台北網頁設計公司Wordpress網頁設計報價則會到8、9萬。但回歸一句老話多少錢買多少牛肉,很低的網站架設費用價格都是包裝過的
如何包裝呢?先用低價方案吸引你的眼球,接著安裝GA要3000、GSC要5000、送Google收錄要2000、Yahoo收錄要1000之類的。還有就是有無100%權限、主機無法搬家、自家開發的架站軟體、主機/網頁設計/RWD都分開報價 接著加上一年主機費、管理費,以10年為一個單位至少要花費10萬、20萬以上。
所以你說架設網站費用該如何計算呢?一個小撇步
坊間的網站架設公司收費模式月收、年收、一次收難以比較。建議 一次抓10年網站架設總費用來比較CP值。
當找出哪間網站架設公司費用CP值高,就可以開始檢查有無響應式網站設計、是不是Wordpress網頁設計 、配有https、主機位置之類的問題。

一個Wordpress形象官網報價費用,在正常交期、無特殊功能、無提案、無協助素材製作、Wordpress網站報價會落在4.5萬~6萬左右,高於6萬的,可以了解是否有提供行銷方案帶流量or搜尋引擎優化的功能。 網站維護費這塊,比較多的網頁設計公司是會著收總費用的10%,但這費用僅限於保證你的網站是正常不掛掉的,所有新功能、大更改都是需要額外報價的。
  1. 中華電信、智邦:費用5,000~1,000。無響應式網站、無網站流量費用、網站維運費用。適用族群:只要一個網站即可,沒有額外要求。
  2. Wix / Weebly / 架站平台:25,000~40,000 網站無法搬家、搜尋引擎最佳化差(SEO(搜尋引擎最佳化)是什麼 )。適用族群:新創、純資訊曝光、對美感無太大要求、牛刀小試、練習用網站
  3. Wordpress網頁設計:45,000~60,000。Wordpress費用較為昂貴、網站靈活性高,外掛擴充容易,處處可搬家,網站流量費用、維護費用視外包商決定。適用 族群:有隱定收入的中小企業or純形像官網要求的中小企業、電商。
  4. 原刻:10萬~1000萬+。相當昂貴,但網站彈性極高,沒有寫不到的功能,只有寫不出來功能的工程師。適用族群:網站需要相當的客製化功能。

若真要比較網站架設費用請依同等級的網站架設平台做比較,千萬不要拿免費的痞克邦跟Wordrpess網頁設計比較,這是不對等的。一個是免費的,一個可是要3萬5萬or更高的都有。

此外一個成熟、具規模商業性質的網站建置從無到有,大都只知道主機費、網頁設計費,但其實在網站的經營過程中,為了網站安全、專業形象、服務品質等等,都會額外安裝許多功能or外掛。以下做一些簡單的舉例。
  1. 廣告圖片設計:大大小小的廣告圖片、FB影片、IG活動圖片
  2. 網站行銷費:如Google/FB廣告、傳統DM、電視廣告費。這個可是一筆極大的費用,若你了解的話,你就會知道網站架設費用是小錢。
  3. 以網址結尾的Email:如[email protected]。以Google收費單月一人是150元,10個人單月就是1500。若包括雲端空間加大還有額外的費用。
  4. 自動網站備份:例如All-in-One WP Migration付費版 3000元。每日可以自動備份至各式的平台、電腦。
  5. 電子報系統:如MailChimp(大猩猩),單月300起跳。Mailgun 單月1000起 or 用多少算多少。
  6. 刷卡手續費:電商網站的線上刷卡手續費。如藍新客戶線上刷卡購買完成會收2.8%的手續費(100元收2.8元),及在提款時會收取提領手續費(提領手續費每個月4次免手續費、第5次起每次10元手續費)。更多有關於 購物網站建置
  7. [email protected]:[email protected] 推播訊息計價費,單月數千元。了解更多請參考Line for Business
  8. API使用費:若有使用到第三方的API,依呼叫使用次數收費。如Google的服務 Static Map、動態街景服務、Dynamic Maps。參考更多Google Cloud
  9. 線上客服系統:專業的線上客服系統功能。如自動分流、客戶分析和報告。Zendesk
  10. 手機簡訊費:一般會使用簡訊做網站客戶的手機認證、事件通知等等,簡訊費用各大廠商均不同。一般短訊息約為1元,國際簡訊每通扣3點。字數超過短簡訊的限制,則會被歸類為長簡訊,費用也會不同。
  11. 付費外掛:Wordpress有許多付費的外掛,費用從1000~3000不等,也有部份是使用月費收費。
  12. 資安維護費:如弱點掃描、資安檢測。從7,000~15,000不等。

客製化網站設計費用

客製化網站讓人又愛又恨,它非常好用, 將近可滿足99%的需求,但就是非常的昂貴,隨便都是上萬起跳 。

客製化網站優缺點
優點缺點
  1. 可實做99%的需求
  2. 彈性靈活的量身需求
  3. SEO能力佳
  4. 網站速度快
  5. 網站優化容易
  1. 價格費用高昂
  2. 開發時間久
  3. 網站穩定性,需大量測試
  4. 網站擴充、修改難度皆高
  5. 網站優化不易
優點方面,因為網站是純手中完全打造,所以程式開發員有100%的控制的能力,所以通常只有開發不出來的功能,沒有無法開發的功能。 其他優點同樣因為畢境使用原刻程式語言(java、php、.net)打造,所以在彈性、SEO、網站速度都有很大的優化空間。

缺點方面,最大的問題就是費用高昂,每個功能都是萬元起跳。若專案規模大,上千萬、上億都是有可能的,且開發時間冗長。 第二點缺點,即然稱之為客製化網站,所以程式邏輯都在軟體開發員身上,自已要修改、調整、開發新功能都難(所以程式交接、註解、說明手冊就變的很重要)。因為你要先搞懂對方寫的程式,你才可以調整。 所以其實修改功能比開發新功能還要複雜,費用會更貴。
客製化網頁設計報價單
大型客製化網站架設的報價通常只會收到費用範圍,待有意簽約時後會先收一筆功能需求訪談費用(功能需求訪談有可能會耗到好幾天)、 功能需求訪談出來時後,再簽約時,再正式收取製作網站費用。收費模式因為金額有可能較大,都會看業主、廠商偏好,分多次收款。
客製化網站功能從小到學生作業幾千元,大到上市貴公司上千萬的價格都有,所以在客製化網站費用還真沒有一定,就取決於網站功能數量與需求功能的難度, 但一般上萬元是跑不了的。在做客製化網站之前請務必弄清楚網站需求,因為客製化網站最大的問題就是業主自已的需求都搞不清楚(很容易被追加費用),所以廠商在估價的時後,也不敢把價格估死,因為通常都是開工的時後做下去,業主才知道缺了什麼、要加什麼。 若早在網站功能完成前提出來修改,還不會被額外收費,最怕的就是廠商做完功能的時後,才驚覺這不是我要的,此時你會收到一張程式設計修改報價費吧。

一頁式網站設計費用

那做一頁式網頁網頁要多少錢? 費用會切分為一頁式"網頁" or 一頁式"網站" 。若是網站的話,其實還是要去買主機、買網址、安裝Wordpress、外掛、Https..等等硬體架構。 所以它的功並未比一個網站少太多,一般都是2萬~3萬5上下。
但若是網頁排版(如html檔),一頁式網頁排版價格大概是12,000(包含5個區塊, 不含頁首、頁尾,有些網頁設計公司是採用網頁高度)。中間的功包含美術視覺設計、動態程式撰寫、圖片/圖示製作、程式設計報價、及最花功的切版成HTML檔。 若區塊愈多的話,費用都再往上變高。


Godaddy買網址+Https、DNS設定

買網址就是Godaddy,介面清楚明瞭、DNS轉換設定簡單好用、速度快、網址多樣化選擇,費用也不貴。但買網址的時後,仍是可以多比較不同平台,不同的地方費用仍是會不同。

請注意上圖價錢的下方有一小排灰色字體"適用於第一年",這代表費用只有包含首年,第一年看似便宜,但若以長期購買使用的話,其實你是一點折扣也沒有賺到的,若你一次買10年,其實一點打折也沒有。

購買網址需註冊Godaddy,購買網址後去"帳戶-->我的產品",就會看見你買的網址了。

接著需設定DNS(如下圖),何謂DNS設定? 你買了一個網址,需要將網址指去某個主機的IP
進入畫面之後,你會看見類似如下的畫面,尋找一個叫做類型為A,再將值輸入你的主機IP即可(我知道還沒有租主機,等會講)。這個動作稱之為DNS設定
但貴設計為了使用免費https加密傳送(Https是什麼?) 的服務,我們會選擇將DNS交給Cloudflare代管 ,因為Cloudflare提供免費的https服務,可讓我們一年省下好幾千買https。 如何將Godaddy的DNS交給Cloudflare代管呢?方式如下
  1. 請先註冊Cloudflare: https://www.cloudflare.com/zh-tw/,並新增網站將網址填入
  2. 完成後,你就會看見你的網址,接著點擊進去(貴設計是網站架設公司就有很多網址要設定)
  3. 將畫面拉到下方Cloudflare名稱伺服器,接著將紅色部份回填到Godaddy名稱伺服器即可。
  4. 再回到Cloudflare DNS設定,將IP填入以下紅色區塊就大功能告成。

Siteground購買主機 + 安裝Wordpress

SiteGround成立於2004年主機商公司,擁有400多名員工。SiteGround提供虛擬主機、雲託管主機、網域等等。 SiteGround運作時間保證是99.99%,所以他們的伺服器不會有當機或連不上的問題。

為何選擇SiteGround?

  1. 免費SSL加密憑證
  2. 免費 CDN
  3. 每天自動備份,自動備份前30天資料
  4. 主機穩定性優
  5. 24/7客服服務,線上即時聊天,回覆速度快
  6. SG介面乾淨,好上手
  7. Wordpress一鍵安裝,5分鐘搞定
  8. Wordpress免費輕鬆搬家,SG提供免費外掛
  9. Wordpress自動更新

如何在SiteGround建立Wordpress?

  1. 註冊登入後,到HOME 就會看到 Set Up Site,點進去。

  2. 選擇Start a New Website。 ps.如果你現有Wordpress網站才選擇Migrate Website。

  3. 選擇Wordpress。 ps.如有需要WooCommerce可以點選Wordpress+WooCommerce。

  4. 設定登入資訊,之後登入都以這帳密登入。

  5. SiteGround有提供加購網站掃毒的工具,看需不需要加購,不需要直接按Finish,Wordpress網站就完成了!

  6. 直接登入網站。

在完成Siteground主機之後,將Siteground取得的IP設定至Cloudflare DNS即可 。

Wordpress網頁設計與安裝佈景主題

安裝好Wordrpess後,請輸入 "https://購買的網址/wp-admin"。再輸入登入帳密就可以登入。

登入之後,就會看見如下的後台。就代表你已經成功至少50%了。
接著需購買Wordpress版型,Wordpress版型請參考【Wordpress版型推薦】佈景主題下載秘技。剩的請閱讀以下的Wordpress網站教學

到這個步驟結束之後,其實你已經完成了一個網站。

網站收錄

你的網站能在Google被搜尋到嗎? 我要如何讓Google搜尋到我的網頁呢? 【網站收錄】就好比新生兒出生報戶口的動作。 而時代的演進,全球主要的搜尋行為高達93%都在Google上發生(參考下圖), 所以網站架設完成後,請務必至Google登錄。不然花了4、5萬打造一個蚊子館實為浪費, 請參考以下貴設計跟您分享3種將網站收錄到Google方式。 2020年3種【網站收錄】的方式,最快只要1秒鐘!

WooCommerce+線上刷卡

前面的步驟已經完成一個Wordpress形象網站,但要如何架設網站賣東西呢? Wordpress購物車電商網站設計,就請直接安裝Wordpress的購物車模組 - WooCommerce。 WooCommerce的功能涵蓋了以下幾個重要功能
1)商品管理:對商品圖文影介紹、商品上下架、定價、折扣、庫存管理、運送方式....。
2)訂單管理:訂單清單、訂單資訊、訂單狀態調整 。
3)銷售報表:依年、月、過去七日統計銷售總額、曲線報表。
4)折價券:折價券類型、折扣種類、金額、描述、到期日、使用限制等。
其他還有顧客管理、分析各式資料。上述功能對於一個需要電商購物網站的客戶是已經非常足夠的,而部份的網站會特別安裝一些組合優惠的外掛。 這也只需要網站搜尋Wordpress外掛即可。EX:Advanced Dynamic Pricing for WooCommerce、WPC Product Bundles for WooCommerce、YITH WooCommerce Product Add-Ons。
如何安裝WooCommerce,請參考以下影片。安裝完成後在你的左選單會看見WooCommerce的項目,就代表安裝成功了,接著就要開始串金流囉!

申請藍新金流的會員是不需付費,只有在客戶線上刷卡購買完成會收2.8%的手續費(100元收2.8元),及在提款時會收取提領手續費(提領手續費每個月4次免手續費、第5次起每次10元手續費)。 此外請先準備銀行帳號及個人or企業的基本資訊(身份證、統編、地址),申請時均需要輸入。
藍新金流個人會員可自行開立商店使用信用卡支付、Web ATM、ATM轉帳、超商代碼繳費、條碼繳費等完整金流機制,並享有簡易快速收款功能,輕鬆整合處理收付帳款,即時掌握交易紀錄。 註冊個人會員
企業會員則可自行開立商店使用信用卡支付、Web ATM、ATM轉帳、超商代碼繳費、條碼繳費等完整金流機制,並享有簡易快速收款功能,輕鬆整合處理收付帳款,即時掌握交易紀錄。 註冊企業會員
了解更多藍新金流可參考企業會員FAQ。 接著回到主題,要能夠申請線上刷卡會分為三個步驟

  1. 註冊藍新金流:註冊後需輸入銀行帳號(需要等1~2個星期驗證銀行帳號),提款時錢才能夠轉進你的戶頭內,另外要記的開通信用卡刷卡、ATM轉帳、到貨付款等功能(如上所述)。
  2. 安裝藍新金流Wordpress外掛:記得先下載WooCommerce線上刷卡外掛。下載後解壓縮,內有一個zip檔,再使用手動上傳外掛即可安裝(可參考以下影片)。
  3. 設定藍新金流外掛 :請務必設定三個值 1)藍新金流商店 Merchant ID(即商店代號) 。2)藍新金流商店 Hash Key 。 3)藍新金流商店 Hash IV,如何設定請參考影片。 設定完成請把啟動測試模組取消,接著在商品新增一個1元的商品,再拿自已的信用卡刷卡試用即可。若刷卡有誤請檢查剛設定的3個值。若仍是不行請洽藍新金流的客服部門。他們回話速度還滿快的。


免費虛擬主機/網站空間

創業初期想要製作網站,需要虛擬主機、網站空間,貴設計找到了幾個免費網站空間,讓你省下一筆費用,也能享受不錯網站空間。

免費虛擬主機網站空間月流量綁定網域
000Webhost300MB3GB
InfinityFree無限空間無限流量
Clouds.tw10G100GB
Byethost5G50GB
MyOwnFreeHost10GB100GB
FreeHosting.com10GB無限流量
5GBFree5GB20GB

注意事項:

  • 免費虛擬主機/網站空間都會有各種風險,畢竟是免費的,主機商擁有主導權,如果事業步入軌道,可以考慮採用付費方式,確保公司網站能一直都好好的。
  • 做部落格做到流量太大時,也建議採用付費方式,畢竟很多免費的都會有限制流量或是容量,到時候會導致網站掛掉,要特別注意一下。

免費網站架設平台

想自己打造網頁卻不會寫程式嗎?以下介紹免費架站平台完全不需要程式碼也能在幾分鐘就擁有高質感個人或企業網站,只需要拖拉、編輯的方式產生網站。

免費網站架設平台免費網址廣告中文介面
Wordpress.comwordpress.com網址
Google協作平台sites.google.com網址
Wixyourname.wix.com
Weeblyyourname.weebly.com
Webnodewebnode.tw網址
Jimdoyourname.jimdo.com✔ (簡)
Strikinglystrikingly.com網址
Carrdyourname.carrd.co
Tildayouname.tilda.ws

免費購物網站架設

想在線上開店又不想在購物網站賣,那邊競爭太強烈了外,又綁手綁腳的,那就來自己架設購物網站吧!以下提供各大電商網站,基本上電商網站很少有免費的,都是需要收點費用,電商有需要更多設定,例如:安全、金流、物流等,所以有些會採用抽成、付一些基本費用,很多家都提供14-30天的免費體驗,都可以嘗試看看你喜歡哪一家。

免費網站架設平台網址抽成
Weeblyyourname.weebly.com3%
Webnodewebnode.tw網址免抽成
Strikinglystrikingly.com網址免抽成(上架1件商品)
ShopStore簡單開店yourname.shopstore.tw5%
Waca 30天免費自訂網址免抽成
EasyStore 14天免費免費域名免抽成
Shopify 14天免費自訂網址1-2%

免費網頁模組下載

會寫程式的人看過來~這裡有免費網頁模組可以下載,免去從0到有,免自己動手寫程式,大大提升網站架站的效率!以下有CSS、HTML5、Bootstrap、Wordpress網站模板、佈景主題,都是響應式網站,對製作網站開發者來說,是一大福音!

免費網頁模組程式碼
TemplatedCSS、HTML5
CruipHTML
StyleShoutCSS、HTML
HTML5 UPCSS3、HTML5
Free CSSCSS
Webflow TemplatesHTML5
UX ThemeBootstrap
Theme TagonBootstrap、HTML5
BootstrapMadeBootstrap
Creative TimBootstrap
JetpackWordpress
WordpressWordpress
ThemeisleWordpress
ThemeforestWordpress

免費圖片下載

設計師、部落客與小編常常需要大量的高質感的照片,在哪裡才能找得到免費的圖片呢?很多圖庫下載時會發現有浮水印、或著圖片很小,必須付費才能下載原始檔,以下提供免費、沒浮水印、不小的圖片,快收藏下來吧!

  1. Pixabay:百萬張免費的照片,不需要註冊,可用於商業用途。
  2. Unsplash:高解析度圖庫,無需付費、也不用標記原作者名稱,可用於商業用途,每十天更新10張圖片。
  3. Picjumbo:免費高畫質圖片,可商業用途。
  4. FreeImages:30萬張免版稅照片,可以商業用途。
  5. Morgue File:38萬張免費高畫質,可以商業用途。
  6. Gratisography:免費高品質照片,可商業用途,每日新增圖片。
  7. Pickupimage:免費高品質照片下載自然和戶外場景,無須要求授權,可以複製、修改等,可商業用途。
  8. Life of Pix:提供免費高品質照片,可以使用自由修改、複製,可用顏色去搜尋照片,可商業用途。
  9. Foodiesfeed:超過1600張食物照,如果需要美食相關照片,這可以下載,可商業用途。
  10. Pexels:可任意使用的免費上萬張圖庫相片,免費用於商業用途,無需註明相片來源。
  11. CleanPNG:提供免費高畫質透明背景的圖庫,無限下載。
  12. SplitShire:免費下載照片,可商業用途。
  13. Stockio:免費下載照片,可商業用途。

免費影片下載

網站架設為了要讓網站更生動活潑,有時需要一個背景影片,以下推薦給你。

  1. Pixabay Free Videos:數千隻免費的影片,可用於商業用途。
  2. Pexels Videos:可任意使用的影片,免費用於商業用途,無需註明影片來源。
  3. Coverr:免費影片下載,可商業用途。
  4. SplitShire:免費影片下載,可商業用途。
  5. VidsPlay:免費影片下載,無版權限制,可商業用途。
  6. Mixkit:免費影片下載,有自然、商業、動物、食物等,可商業用途。
  7. Stockio:免費下載影片,可商業用途。

免費圖片編輯

小編、部落客絕不能錯的的免費圖片編輯,完全免費,並且可以自由使用下載,不要猶豫了,趕快把這篇加入書籤,也可以分享給朋友~

  1. Photopea:類似Photoshop線上版,可以免費編輯圖片、開啟PSD、XD、PDF、RAW、Sketch、SVG等。
  2. inPixio Remove Background:網站提供免費去背,可以迅速去除背景轉為透明背景。
  3. Moose Photos:不用再找圖庫找圖了~自己動手做吧!可以選擇人物、物件、背景來製作圖片,可以免費下載JPG檔案,如需要PSD要付費。
  4. Vector Creator:使用向量插圖製作圖片,打造符合你的網站,可以下載PNG檔案,如需要SVG要付費。
  5. DesignCap:加快你的創作過程,為你的業務、活動、社交媒體等製作精美的圖形設計,可免費下載JPG檔案,可以免費儲存5個設計。
  6. Stencil:社群媒體宣傳圖、廣告圖、部落格圖片都需要美美的Banner,可以在這裡製作,內建有大量的免費圖庫,加上文字,有各式各樣廣告尺寸。
  7. Canva:人人都能建立專業的設計,數十萬張免費照片和圖片,100+ 設計類型,完全免費。

免費圖示

網站架設很需要一些圖示讓網站更活潑,以下免費圖是可以下載。

  1. IconPark:上千圖示可以下載SVG或PNG。
  2. Evil Icons:線條圖示,免費SVG下載。
  3. Icon8:萬個免費圖示,可下載PNG、SVG
  4. Basicons:208個圖示免費下載。
  5. System UIcons:免費使用220個圖示。
  6. Feather Icons:286個圖示免費下載。

免費向量插圖

  1. PixelTrue:每週都會更新向量圖與動畫插畫,可商業用途。
  2. PICaboo:日本可愛向量圖,可下載EPS、PNG檔案,可商業用途。
  3. FLAT ICON DESIGN:日本扁平化設計圖,走簡約風、可愛,可商業用途,有提供Ai、EPS、JPG、PNG、SVG下載。
  4. illustAC:人物、交通、植物、美食等的插圖,可商業用途。
  5. FREE LINE DESIGN:各式各樣的分隔線裝飾線,可以免費下載,可商業用途。
  6. Icons8 Illustrations:提供插圖下載,讓不會畫插圖的創作者,也能有高質量的圖像,可以用於商業用途,但須標示出處來源。
  7. Blush:免費用戶只能下載小型or中型的PNG圖片,可商業使用。
  8. Free Control Illustrations:提供108種向量圖,免費的只提供PNG檔案下載,可以使用商用途,付費才提供可編輯向量檔案。
  9. DrawKit:每日更新,提供彩色與單色風格SVG下載,圖包含了商業、人物、交通、旅行等,可商業用途。
  10. unDraw:扁平化插畫設計,很適合使用在於網頁設計、開發、簡報製作,可免費下載SVG、PNG檔案,可用於商業用途。
  11. Illustration Gallery:每週更新,提供向量圖,提供SVG、PNG檔案下載,可自行修改、編輯,可用於商業用途。
  12. Stories by Freepik:可以在線上自訂調整顏色、背景、人物等,還可以變動態的,可以免費使用,但需標示來源。
  13. illlustrations:這是一個開放原始碼插圖庫,已經有120+向量圖,開放下載Ai、SVG、PNG、EPS,可用於商業用途。

免費CDN

  1. CloudFlare
  2. Incapsula
  3. Jetpack免費CDN:Wordpress專用

免費Https加密功能

  1. Cloudflare:除了DNS,也提供內建免費SSL功能。
  2. ZeroSSL
  3. AlwaysOnSSL
  4. SSL For Free


找網站設計要注意的事項?

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

台北網頁設計推薦

貴設計是台北的網頁設計公司,專研Wordpress網頁設計、SEO、形象官網、購物車網站架設。 使用的技術專為企業網站設計,Wordpress+RWD(響應式網站設計)+Siteground雲端主機,定能滿足你專業網站的需求。

三大保證
  1. 01100%管理權限。
  2. 02網址、網站程式備份皆有,絕不會被廠商綁架。
  3. 03一次性付費,無延伸費用,隔年主機費5000元。


請參考我們的網頁設計作品範例 ☞以及視覺明燿線材Cathy造型師工作室Ginger C.金磚鳳梨酥零距離沉風雅檀天使之翼 ,都是我們部份的網站範例,您可以參考。
貴設計官網設計包括的領域有創業平台、3D列印廠商、政府單位、新秘、攝影、電商平台、視覺設計、商務中心...。更甚包括海外 菲律賓台商總會也是我們客戶之一。
若您有網站架設的需求 or 尋找台北網頁設計公司建置網站,如一頁式網站製作、購物網站架設、Wordpress網站設計 ,歡迎與我們聯絡。

網站架設費用

貴設計網頁設計方案價錢始終如一,一次性網頁設計費用無任何延伸費,滿足各種企業規模的需求,企業官網wordpress網頁設計49,800,大至客製化網站報價制,及購物網站架設費用59,800,定能滿足您的需求。 我們提供付費版形、付費備份軟體、RWD、HTTPS連線加密、100%後台權限、不綁約,找貴設計網站設計絕對讓你放心、安心、不擔心。
Wordpress網站架設部份規格
  1. 01需求訪談2小時(碰面)貴設計到府服務(雙北、桃園、新竹),向您解說我們的方案內容與費用,也了解一下您目前對網站的需求。若有網站規劃上的問題都可以提出來。
  2. 02正式簽約確定簽約付款時,請將合約書印上小大章(或個人簽名)回傳,並給付訂金。
  3. 03結案諮詢+SEO起手式教學共約90分鐘(碰面)結案後會提供完整的文章、頁面、基本後台的教學文章及檔案,協助你快速上手,並做SEO教學1小時。 SEO是目前最熱門的行銷方式,如何在不用半分錢,就能夠為網站賺取流量轉單呢?SEO就是有這種神奇的技巧。
  4. 04陪伴式網頁設計學習3小時(加選)結案之後,為了輔佐客戶能夠快速上手後台,貴設計會花前後數小時在您身邊,陪伴你操作後台,有任何後台操作問題,都可立即詢問,此外還會協助申請Google商家、FB粉絲團。 (陪伴式網頁設計學習3小時、需加費用$5,000)

若有需要到府為您講解,請加我們的Line、FB,我們將排人過去為您解說(限新竹、桃園、雙北地區)


32個優質教學文推薦


網站設計範例作品集

Wordpress形象網站、RWD網頁設計範例作品
Wordpress網頁設計作品範例|GinerC
網頁設計作品範例|亞洲矽谷ASVDA
網站設計作品範例|金門振興券
Wordpress網頁設計作品範例|CATHY 函育造型師
網頁設計作品範例|綠茶的形象官網

更多網頁設計範例 ➔

簡單創團隊

簡單創團隊都曾任職於大型上市櫃或跨國公司(IBM、卡內基),最後一份工作任職菲國當軟體主管,直至前幾年才回國。站長網站開發10餘年,曾拿下三屆國家級比賽特獎,拿下獎金百萬。 豐富的網站架設經驗,定能協助您開發形像官網。
其他網頁設計公司推薦: 台北網頁設計公司推薦 新北網頁設計公司推薦高雄網頁設計公司推薦台中網頁設計公司推薦桃園網頁設計公司推薦

留言

名稱:
Email:

鞋子
  • 新增時間:49天前

網站第二年主機費是多少呢

➦簡單創: 隔年主機費用是5000元。(不含網址費)


周嘉恆
  • 新增時間:61天前

您好如果我想要架設一個電商網站的話方便幫我估算預計的時間及費用嗎以下是我的需求 基礎網站架構WooCommerce 主畫面響應式網頁能在LIFF頁面跳出功能頁面各產品分頁產品詳細資料頁面貨品資料數據報表串接網站雲端流量等 會員系統建置 會員登入系統建置會員資料庫建置會員卡系統建置與LINE同步購買紀錄系統 訂單查詢系統物流貨到取貨系統退貨系統 結帳購物車系統建置 結帳系統建置信用卡金流綁定付費方式設定 其他 主視覺設計MySQL響應式設計SEO優化 謝謝

➦簡單創: 已經回信至您的信箱。請您至信箱查看。


鞋子
  • 新增時間:98天前

如果我想做 httpswwwjsy-teacom 這樣的官網 難度跟預算

➦簡單創: 已經回信至您的信箱。請您至信箱查看。


影片怎麼處理
  • 新增時間:127天前

我是影片剪接師我有一堆影片要上傳到網站主機容量是不是會很貴呢

➦簡單創: 當然不用啊、你就把影片上傳到youtube,再將youtube影片網址嵌進網站就可以囉。


請問陪伴式諮詢可以不要嗎?
  • 新增時間:150天前

請問陪伴式諮詢可以不要嗎

➦簡單創: 上面所有的需求還是以您這邊為主。謝謝您。


弱弱的新手問
  • 新增時間:165天前

請問版形那邊可以購買呢?

➦簡單創: 您可以參考https://web-design.vip/wordpress-theme.html。一般我們會建議客戶去themeforest.net購買。而且版形購買後還有更新可下載。


Eric Jones
  • 新增時間:175天前

請問我是個高中生,我想網頁設計自學的話,有那麼多技術,我該從何開始呢?

➦簡單創: 您好,您網頁設計想自學的話,建議您先了解html (https://www.w3schools.com/html/) 及 javascript等基礎的語言,再轉向高深的物件導向語言會比較適合哦。


evan
  • 新增時間:207天前

請問你們有在單純做html檔設計及切版嗎

➦簡單創: 您好,當然有的哦。結案時會提供完整程式及資源檔。謝謝您。


網站搞的我很痛
  • 新增時間:218天前

請問你們有提供網頁設計教學嗎

➦簡單創: 看來您真的頭很痛,我們結案時都會提供1~2小時網站後台的教學,請您放心哦。


高小姐
  • 新增時間:235天前

https有些網站一個月又要多收好幾千元? 有無便宜的嗎?

➦簡單創: https是指幫你的網站資料在傳輸時會加密,其他網站公司會收如此費用,大概是較高級的加密方式。不然其實目前有很多網站都有提供免費的,如cloudflare, let's encrypt。你可以請你的外包商使用該平台提供的就會是免費的哦。但或許要安裝吧!


Chung
  • 新增時間:247天前

我目前的網站沒有RWD我能怎麼救呢

➦簡單創: 沒有 rwd還的確是很大的問題,依目前的解法不是重做一個網站。再不然就是做一個m開始的網址,代表是手機版的網站。


weebly & wix好嗎
  • 新增時間:258天前

上次朋友提到形像網站設計推薦找Wix or weebly還不錯 請問是嗎

➦簡單創: 若有預算考量時,然候未來都不打算主機搬家、做SEO和可接受略為簡單的形像官網的話,weebly or wix是可以的。但網站架設公司較少使用這二個做客戶做網站倒是。


找外包中
  • 新增時間:259天前

請問你們能提供網頁設計作品集給我參考嗎 還有形像官網的報價也麻煩了

➦簡單創: 您好,請參考 https://ezstartup.me/portfolio/ 。形像官網的報價已寄至您的信箱。


K
  • 新增時間:265天前

請問你們架設網站的Wordpress版形是免費的還是付費版形呢

➦簡單創: 網站架設的費用都包括首年主機及網址、付費備份工具、付費版形。當然還有更多服務啦。需到付務解說,請與我們聯絡。謝謝您。


阿國
  • 新增時間:272天前

RWD是目前網站都會有的功能嗎上次我有問一間要加收1萬元的

➦簡單創: 以開發網站的工具來說,RWD已經是網站設計的標配,不應該要加收1萬元才對,反而要是我的客戶跟我講"不要RWD",我還會另加收1萬元,因為這還比較難。網站設計的費用,可以參考文本的網頁建置費用


Dave
  • 新增時間:275天前

我想請人架設網站市面上好多種方式呈現哪一個比較好呢Wix or weebly or wordpress 謝謝

➦簡單創: 要講呈現方式的話,你應該是指版形吧,那就選擇Wordpress,Wordpress的版形數不盡了吧。而Wix除了便宜之外,剩的就........多比較看看囉!


陳小姐
  • 新增時間:280天前

請人家做SEO要多久才會有成效呢謝謝~

➦簡單創: SEO一般都是抓三個月才會有效果,但隨著時間的推移,網站體質愈好,SEO的效果會愈快呈現。


Irene
  • 新增時間:283天前

Wordpress也可以變成購物網站嗎 謝謝

➦簡單創: Wordpress的外掛非常的強大,只要安裝woocommerce。咻一下就安裝好了


班長
  • 新增時間:284天前

請問網址有推薦購買的地方嗎

➦簡單創: 網址有很多地方都可以購買,台灣如pchome買網址,國外有godaddy,都可以買,同樣的網址不同網站會有不同價錢,可以比較一下。