公司架網站一人就搞定!15大【網頁設計、網站架設】主題教學

公司架網站一人就搞定!15大【網頁設計、網站架設】主題教學

公司網站架設該如何開始? 網站架設費用又是多少?SEO行銷怎麼做呢?全球市佔40%、超過7億5千萬都是 WORDPRESS網頁設計的網站又是什麼呢?如何買網址、SSL、RWD是什麼。不管那個情況,接著躁鬱症發作,問題大暴發。心想弄一個形象網頁設計真的那麼難嗎?

但可以先不管上述,本文都會慢慢分享,貴設計想先傳達一個最重要的訊息,市面上網站架設軟體百百種,但不管自學網站架設、還是網站架設外包,務必選擇Wordpress架站,理由何在呢?Wordpress網站的特色如下

  1. 非網站外包公司自有技術打造,不擔心被外包公司綁架,隨時搬主機,換掉外包商。
  2. 美國白宮也是選擇Wordpess網站架設,可信賴度高。
  3. Wordpess不用程式也能架設網站,彈性極大。(請參考影片)
  4. Wordpess網站架設時間短又快速。
  5. Wordpess網站架設資源極多,網站自學、公司新人交接都方便。
  6. Wordpess上萬版型讓你挑選,網站風格、基本RWD、跨瀏覽器呈現一次搞定。
  7. Wordpress架站功能擴充一鍵搞定。
  8. 操作SEO搜尋行銷,Wordpress比誰都好用。參考(SEO線上課程
  9. 貴設計寫了18年的客製化網站,Wordpess網站架設的好用。

掌握上述的重點後,接著就讓貴設計15大主題網頁設計教學,分享如何架設網站、網站架設流程、網站素材準備、網頁設計推薦。 就讓我們開始 GO!GO!GO!
關鍵字:網站架設費用RWD響應式網頁設計網頁設計公司推薦WORDPRESS網頁設計


網站類型

型態說明
📌 形象官網品牌形象網站,介紹公司理念、品牌、優勢、產品/服務,聯絡方式。
📌 電商購物網站網路上銷售產品,需信用卡結帳、到貨付款、便利店收貨等結帳服務。例如保養品、皮件、手機、課程。
📌 形象+購物網站首頁會以品牌介紹為主,如同一般的形象網站首頁,內頁則依不同的商品or商品屬性的銷售清單頁面為主。例如最夯鞋款、冬天限定毛衣、小資男專用西裝。
📌 Blog、媒體網站網站以發佈新聞、文章為主軸,如數位時代、天下雜誌、UDN、ELLE雜誌。
📌 論壇網站如MOBILE01、卡提諾論壇
📌 客製化網站網路上提供特有的服務,其中的商業邏輯的程式都不易撰寫,難度頗高。例如:UberEat、熊貓。
📌 企業內部網站私人網站、公司內部網站使用,設計相對簡單,無需GA、GSC、跨瀏覽器,但需相當著重在程式邏輯面、限定公司IP、瀏覽器。

有需要官網站架設?

1.官方網站架設的重要性

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

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

2.有FB還需要建置官網嗎?

這是一個好問題,企業主都在想我已經有臉書粉絲團,為什麼我還要架設一個網站? 很簡單的問題,你看過那一個大品牌只有成立FB粉絲團沒有建置官方網站的呢?所以會架設官網一定有其道理存在。 或許您可以參考如表

3.官方網站架設的好處?

  1. 官方網站是公信力的代表:許多官方平台的申請,都會設定要求審核官網的條件,或者接洽客戶,當名片上的公司網址呈現.com等國際正式網址而非社群平台的附屬網址,都是增加客戶對企業或品牌信賴度的重要指標。
  2. 官方網站傳達是一種企業形象:擁有一個真正屬於自己官網,能呈現專業品牌形象外,也在訴說這間公司擁有真正的企圖和承諾的表現。
  3. 官方網站提供是一種信賴感:上面有提到,官網能帶來公信力,想像一下,如果您要找一家沒合作過的廠商合作,如果A廠商有一個官網,專業、有完整資訊,B廠商剛好沒網站,只有一些資訊在社群媒體上,您會覺得哪一家比較有信賴呢?
  4. 官方網站可聚集你的行銷歷程:官網價值之一,就是官網的網域,網域=你的價值,網域可以代表企業的價值,不附屬在別人的平台之下,對搜尋引擎來說具有累積性。無論你怎麼更改網站內容,都會記載在網路上,讓你的行銷不至於間斷。
  5. 官方網站可永保內容:日益累積的文章、內容、瀏覽人數等,瀏覽著可以很容易找到他們想看的內容,透過內容行銷&搜尋引擎優化(SEO)行銷的概念,可以創造出疊加行銷能量。Facebook精心設計的素材、菜單、心得、文章等,經過一段時日,就會被新的貼文不斷往下壓,石沈大海找不到了!
  6. 官方網站比FB、IG、youtube是更能永續經營的通路:現在Facebook的前景看好,但誰能保證它永遠不會消失?哪天Facebook不玩了或是哪天出現更酷更炫的網站使用者紛紛跳槽?到時再多的粉絲和討論全部歸零。

所以架設網站的好處很多,尤其當你的產業都不流行架設官網,而你有網站時,而且還要用官網架設推薦軟體-Wordpress,那整個差異化就出來。

4.官網架設的模式?

網站架設費用高低 主要的差異在於【套版網站or客製化網站】,這二者的特色賣點是完全不同的。 套版網站是賣快速方便、便宜、功能。客製化網站則在於賣彈性靈活、賣特殊需求。

套版網站 VS 客製化網站
套版網站客製化網站
費用
開發時間迅速冗長
需求彈性受限於版型高度靈活
功能擴充安裝外掛付費開發
前台版型易撞衫獨樹一幟
優化程度優化容易,但效果普通優化不易,但效果很好
穩定性較低(視測試人員專業)
後台系統付費開發
SEO極優
網站管理介面無、需自行撰寫

半客製化網站是什麼?是指在現有的套版版型架構准許下,透過寫程式(CSS、Javascript),調整版型的細節,例如網站元素之間的留白(padding)、邊界(margin)、甚至簡單的程式撰寫。所以最重要的第一步,您挑選版型風格,第二步網頁設計公司會針對部分功能客製,擁有了共識後可以減少視覺設計製作時間,讓您能很快擁有一個網站。
套版最常採用Wordpress 架設網站,Wordpress是全世界都在用的網站架設軟體,不只容易上手,可自行調整網站內容,還有預設區塊版型,對於不懂如何架構網站的新手,匯入之後再設計,十分簡單。況且Google上可以找到很多教學,現在也很多人都會Wordpress,很容易找到維護人員,採用Wordpress比一般套版網站更彈性,它們提供很多套件可以使用。此外也可以透過增加CSS、JavaScript的方式做半客製化網站的修改。
現在市場上最多的模式仍是以套版、半套版的為主。全客製化網站則因為昂貴,也沒有必要,所以較少,會以網路服務或公司內部系統居多,針對客製化網站後續會完整的介紹。

5.網站架設工具軟體篇?

架設網站會有分平台及工具二種,平台是指某間公司提供的網路服務,讓使用者在它們的網站透過拖拉的方式設計網站,例如台灣最大的中華黃頁、智邦、痞客邦、WIX、Weebly。而工 具是指打造這些平台用的程式語言,例如Java、Php、C#。對於網路什麼都不懂的人,使用平台的方式架設網站會是最容易上手、最推薦。

  1. 基礎平台:如 痞客邦MediumGoogle Blogger協作平台。以上適合個人部落格需求,個人玩票性質、練習網站架設(Google Blogger、協作平台)、寫文章(痞客邦、Medium)都很適合使用這幾種工具。沒預算、不懂網站的企業架站工具,則可選擇 中華黃頁智邦生活館。網站架設費用每年1,500上下,就可有一個超簡易的網站,功能極度陽春、網站非常不精緻。唯一的好處只有 "你有一個網站"。
  2. 中階平台: 如 WixWeeblyStrikinglySquarespaceWebnodeGodaddywordpress.com等等的。 這類型網站製作軟體歐美公司設計居多,網站提供完整的前後台功能、專業感也可以、支援度普通、收費中等、難度中等,其中以Wix/Weebly/wordpress.com較為人知。 以上的網站製作軟體都有一個很大的問題,就是"無法搬家",而且未來受限很多,例如無法加硬體規格、外掛支援不足。再加上 SEO效能不好、網站精美度中等、網站細膩度就不足了。
  3. 中高階平台:Wordpress.org,為什麼貴設計將Wordpress.org定義在中高階軟體,因為wordpress.org有著套裝軟體的方便與快速,同時你也可以透過修改程式碼做到客製化的功能(需懂PHP語言),可參考 Wordpress是什麼,為什麼連美國白宮都愛!。貴設計寫了18年的Java程式語言,最推薦wordpress,以企業架設預算不貴、4萬5~6萬之間就有。在網站的掌控能力又高、網路教學資源又豐富。 但仍是有幾個缺點,請參考Wordpress缺點。但綜合性價比,仍是最網站架設工具仍是最推薦Wordpress.org。
  4. 高階軟體:若你不是技術咖可直接跳過,因為這的水很深,邏輯思維要非常強烈,永遠有追不完的新技術(學歷史真好,秦始皇也不會死而復活改寫歷史吧!)。使用的語言如java、php、#net、python等等。高階軟體大都用來開發客製化網站,有80%的中小企業都無需用到這類型的工具,一方面【客製化網站設計】網頁設計費用貴的嚇死人,二方面只要你不是做網路服務,套版的網站架設工具(如中階or中高階工具)可滿足你80%的網站需求。

6.官方網站的經營與管理?

網站管理會從以下的角度管理網站
  1. 網站當機、死機:網站勿三不五時的死機、若常發生該情況,可以考慮更換主機商。
  2. 網站下載速度過慢:下載速度過慢,有可能文案、圖片過多、主機位置太遠,可以考慮優化網站下載速度
  3. 連結壞掉:網站連結壞掉,可以使用Dr.Link或其他工具檢查。
  4. 網站破圖產生:一般小型網站頁數不多,請直接用人眼觀察。若為中大型網站的話,同樣可使用如上工具。
  5. 找不到頁面:連結壞掉就會產生找不到頁面的問題。
  6. 網站中毒、綁架:被駭客入侵、植入病毒。
  7. 官網Email回覆:總會有許多形形色色的Email、例如求結盟、問合作、問服務等事項要回覆。
  8. FB粉絲團留言回覆:(同上)
  9. 網站新功能擴充:網站下一步擴充什麼功能?如何擴充,委外或自行處理。
  10. 網站檔案備份:如圖片檔、程式、文件等。
  11. 資料庫資料備份:資料庫內有許多系統設定、使用者註冊資料等。
  12. 網站GA、GSC設定:一旦GA、GSC設定好之後,仍是有可能會跑掉,所以三不五時還是要檢查設定是否正常無誤。

網站經營貴設計則從以下幾點經營
  1. 品牌:品牌名聲是否有愈來愈有名的感覺。
  2. 網路聲量:是否有部落格介紹公司品牌,或網路上開始有人在搜尋品牌網站名稱。
  3. 網站流量:網站的流程有持續升高嗎?
  4. 流量品質:進入網站的使用者是否與品牌的目標族群有一致呢?
  5. 維持老客戶與開發新客戶:二個主要的客戶要如何管理。
  6. 網站行銷:要如何持續為網站帶來更多的流量。
  7. 使用者註冊:使用者註冊,及使用者註冊後的轉換。
  8. 公司開始賺錢:網站為公司帶來了業績嗎?

以貴設計手邊有四個自已的網站,貴設計每天就是在做這些事情,並且還要讓網站能夠有所營利,其實這不是一件易事,都是需要靠時間累積下來的。所以只能持續的不斷優化網站、再優化、再優化。有關優化網站請參考7大【Google站長工具】網站架設優化非夢事/

7.官方網站做行銷的方法有哪些?

網站建置完成後,就要開始做行銷了,其實網路行銷的費用才是真的貴,隨便要有效果都是10來萬起跳。而一個Wordpress網站設計卻只要$45,000~$60,000。 所以自己要先有心理準備。目前市面的網路行銷方式有以下幾種

  1. Google關鍵字搜尋廣告:這是大家最常見的行銷方式,當你在搜尋冰箱,搜尋結果的第一、二、三筆就都會是廣告了。這的費用是算"點擊",別人點擊一下你的廣告就會開始付款,並未成交。
  2. Google聯播網廣告、youtube廣告、FB廣告:這是最討人厭的廣告,你常在各大平會看見。是一種很侵入性的廣告,所以很討人厭,使用者體驗不好。同樣以點擊廣告為計費方式(其實也有以曝光方式啦)。
  3. SEO 搜尋引擎優化:該行銷方式不用錢,但有很高的技術門檻存在,使用得當,可以佔據搜尋結果的第一頁,以賺取很多的搜尋流量進入你的網站。可參考SEO
  4. 部落客、KOL:業配、業配就是業配文。簡單來說就是花一筆錢,請他在他的頻道推廣你的產品。但這需要觀察他的觀眾屬性跟你的產品屬性是否有搭。不然轉換率會很低。
  5. 廣告購買:去Yahoo、聯合新聞網、各大平台、甚至報社、電視購買廣告

廣為人所使用的行銷方式就上述幾種,但還是需看手中目前的資源有益於做什麼行銷。

8.網站完成後的迷思?

何謂 迷思呢?就是許多人都會這樣子覺的事情。當然在網站完成後,也是有很多迷思的,例如

  1. 網站做好,自然會流量來:這是大錯特錯的想法,開一間早午餐店自然會有人流進來嗎?絕對不會,除非要開在大賣場、百貨內,那大賣場、百貨就會幫帶人流。同樣你的網站除非要建在pchome、momo、蝦米等的平台,才會幫你帶流量,但那個模式只能稱之為銷售頁,叫網站有點牽強。
  2. 關鍵字全放進去網站,就可以做SEO:同樣是一個錯很大的迷失,在早期的SEO該方法或許還有點用,但現在Google搜尋引擎演化的程度,不停的在打擊類似這種黑帽的手法,所以停止吧!沒有用了。 黑帽SEO
  3. 網站要完美呈現在所有的瀏覽器:拜托,別了。全球Chrome+Safari的市場佔有率就近8成,所以只要網站能呈現在Chrome及Safari就足夠。千萬不要說我的網站要能在IE呈現(IE已經不見了,別落伍了哦) Chrome+safari
  4. 網站要完美呈現在所有的尺吋:拜托,這也別了。因為RWD響應式網站的原因,電腦、手機版是使用同一套程式的,所以其實在某種程度上會受彼此的牽引。更不用說要能滿足在種種的螢幕尺寸了。一個判斷的方法 要是2B的網站,請檢查電腦版 1920x1080、1536x864、1400x900、1366x768 四種尺吋。要是2C的網站,請檢查手機版360x640、375x667、414x736即可。若仍有堅持的話,只會被要求更多的網站架設費用而已。
  5. 網頁內容愈多愈好:網頁有內容固然是好,但重要是要能夠讓網站訪客留下來願意閱讀才是重要的,所以網頁內容愈多可以,但請提供適當的留白、圖片影片、分章節段落、空白。易於訪客閱讀是很重要的。

9.網站完成後的常見問題?

  1. 網站無流量、蚊子館:許多網站完成後,即使過了一年仍是只有少數的流量進入。若沒有行銷預算話,請參考SEO搜尋行銷。
  2. 網站不兼容:可能因為網站代碼不兼容各種瀏覽器或裝置,導致一些用戶無法正常使用網站。例如無響應式網站則是老舊網站最常見的問題。
  3. 網站速度慢:一般網站速度慢,最顯而易見的原因就是主機在歐美,搬來亞洲就解決。其他的可用方法請參考 10個【網站下載速度】優化面向
  4. 網站流量無法查看、網站後台無權限:在網站完成後,請直接跟廠商要GA、GSC、網站後台的完整權限。
  5. 網站後台不會操作:要避免掉這類型的問題,就要選擇全球世佔40%的 Wordpress網頁設計,網路教學資源多、FB社團多、YT影片多。 在網站外包時可以先詢問網頁設計公司使用的技術,千萬不要選擇網頁設計公司自行開發的網站後台,不然你!會!哭!
  6. 搜索引擎優化(SEO):網站没有進行適當的SEO優化,導致搜索引擎無法正確索引和排名網站。

基礎網站架設概念

1.網站架設是什麼

網站架設是什麼:"網站架設" 指的是建立一個網站的過程,包括設計、開發、部署和維護。它需要許多技能,例如 HTML、CSS、JavaScript、後端程式語言和數據庫管理。網站架設還包括確定網站架構、設計網站布局、實現功能、確定主題和配色等。最終目標是提供一個有效、易於使用且具有吸引力的網站,以滿足用戶需求。
網頁設計是什麼:網頁設計是指創建和編排網頁的過程,以提供給用戶有效的數字體驗。它包括網頁版面設計、使用顏色、字體、圖像和其他視覺元素創建風格,以及確定網頁的整體布局和功能。網頁設計師需要考慮用戶體驗,並確保網頁易於使用且具有吸引力。網頁設計師還需要考慮技術因素,例如搜索引擎優化(SEO)和網頁的可訪問性,以確保網頁具有可靠的性能和兼容性。
所以嚴格來說網站架設是一個網站"整體性"的設計,而網頁設計則是針單"單一性"的頁面設計。

2.網站類型有那些呢?

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

種類說明
📌 形象官網一般的品牌形象網站,官網可提供公司介紹、產品列表、常見問題、聯絡我們、交通資訊、最新消息(即為部落格)、媒體報導、價格方案、產品訂購、合作提案、FB粉絲團、經銷據點、活動專區等訊息。 EX:維西杰
📌 電商、購物網站適合於網路上銷售產品,諸如保養品、手機配件、皮件、手飾、手機等。電商網站的特色就是首頁一進入就是大大的新商品折扣、活動節慶優惠的推廣的輪播,首頁下方有可能就是熱銷商品、最新產品之類的,接著商品類別的介紹。雖是以購物平台為主軸,但網站的導覽列至少還會有個聯絡我們、最新消息的頁面。 EX:Com2Buy
📌 形象+購物網站形象+購物網站便是結合了上述二點,在首頁的呈現會以公司形象官網為主軸,介紹公司優勢、解決方案、公司理念之類。接著帶一些最新、熱銷商品在首頁並導流至電商的某個商品類別的頁面。 EX:JustBeWell
📌 Blog、媒體網站Blog跟媒體網站其實很類似,整個網站都是以文章為主軸,一進入官網就是滿滿的文章,跟文章分類。經營這類型的網站會很累人,因為你要產出很多文章、精美的圖片。若團隊不擅於產生這方面的內容,實在不適合使用這類的網站,EX:SOLEDAD。 這二個怎麼區分呢? 通常首頁比較多精美的圖片、文章分類、生動活潑的風格,這類型我們就會叫做媒體OR雜誌之類的風格,而BLOG的風格你應該可以了解,就是相對的較呆板、無趣、制式排版。
📌 論壇網站論壇網站總是會有很多人問,也很多人回答,就這樣你一句我一答的形成一個天然的問答聚落,例如就如MOBILE01,會有一堆人刊登討論、詢問問題,接著就有一堆人在下方留言回答。 這類型的網站,若你沒有一個完整的it團隊,千萬不要經營這類型的網站。網站剛開始的經營都是要團隊申請好多帳號,並自問自答好一陣子,產生網站很熱絡的假象,才會有人陸續留言、詢問。 EX:SOLEDAD
📌 客製化網站在網路上提供特有的服務,需特別開發功能。ex:UberEat、熊貓。但缺點就是費用昂貴。 EX:簡單創 (請參考【客製化網站設計】為什麼網頁設計費用貴的嚇死人!!

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

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

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

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

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

再來說明一下網域(domain)、網址(URL)、IP。網域是什麼呢?以貴設計網站來說明網域(Domain)就是指"https://web-design.vip",而網址(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(即為網域)。 挑選網域除了好記,也要尋找適合品牌的網域。

  1. 購買網址GoDaddy:非常推薦
  2. 中華電信域名申請:DNS生效極慢、介面又非常難用
  3. PChome買網址

4.網站前台、後台是什麼?

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

網站前台、後台

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

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

響應式網頁設計

RWD響應式網站優點

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

6.Wordpress網頁設計是什麼?

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

Wordpress優點

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

7.Https是什麼?

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

SSL安全憑證https

有心截取你資料的駭客是無法解密的(理論上)。網站要使用免費的https,可以去Cloudflare or Let's Encrypt註冊。一年大概可以省下2xxx多的成本。 但當然加密等級是有差的囉!
搞懂以上幾個名詞有利於找網頁外包時搞清楚你官網架設的基礎建設問題,所以在網站需求表訪談時請務必詢問以下幾個問題

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

主機以台灣最棒(日本、新加坡亦可),非特殊網址一年1000有找,https歐美有提供免費的加密(如Cloudflare、Let’s Encrypt),後台要有100%權限、RWD、WP網站架設這些都一定要有 以上任一點若是NO的話 ,對你的網站都會有很大的影響,所以請審思該網站架設的公司。

網站架設流程

0.前言

架設網站總是一頭霧水,搞不清楚先後順序,但請直接跟著以下的步驟走,一步步的完成每個 階段性的目標就可以了。網站架設流程

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

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

1.租網站主機、網頁空間

主機的概念就是你蓋房子找一個空地,同樣網站也是需要一台電腦,也就是所謂的"伺服 器"、並規劃硬碟空間存放。但當然不是真的要叫你找一台電腦存放網站,這樣子太難了, 而且電腦還要不斷電、恆濕、恆溫。所以千萬"別了"
複雜難搞的電腦硬體管理、設定 、主機安全交給專業的處理,你只要租一個空間、伺服器,會讓事情簡單許多,而年費大概免費到上萬都有,依主機規格(如CPU、RAM、容量)決定。

但問題來了,租伺服器在國內外有數百間伺服器廠商,該怎麼選,怎麼看呢? 直白的跟你講, 很難選又難看,因為伺服器的硬體規格的組合太多了。例如伺服器會依window、linux 系統、 硬碟種類、硬碟容量、CPU 限制、記憶體、每月流量、I/O Rate、資料庫、國外主機、虛擬 主機、實體主機…[email protected]#$%^&*()_+。所以基本上也不用比較了。本書會建議你直接這樣子 選吧!
網站架設初階者:選擇台灣主機、例如智邦、pchome、遠振、戰國策、中華電信。台灣主機 費相較於歐美主機會偏貴,但好處就是有中文客服可以幫你解決各式疑難雜症,而且主機位置 大都在台灣,網站連線速度會較快。
網站架設中階者:Siteground、Cloudway、Bluehost 都是在網路上有人推薦的。本書會最推 Siteground。Cloudway 後台介面速度偏慢,Bluehost 的主機因為在歐美,網站速度會偏慢。 網站架設高階者:Linode、GCP、AWS、Azure,但入門門檻高,只適用於技術咖,一般非資 訊相關的從業人員非常不適合。
本書是推薦SG(Siteground),SG 在目前主機租用廠商中是最推薦的,不僅價錢還算合理、 介面友善、搬家快速、客服回覆速度快等原因,同時在一個月之內都有退費的保證服務,所以 非常推薦。
但結論是對網站架設有概念的人選擇Siteground、Cloudways,架站新手GoDaddy則最適合(有中文介面,三年4,500左右)。Linode、GCP、AWS難度過高,不適用於非IT人員。
新手推薦Godaddy主機

  1. GCP:Google主機,價格昂貴、速度快、不易上手。
  2. AWS:Amazon主機,特點如GCP。
  3. Godaddy:歐美主機、速度慢、價格便宜,有全中文介面,客服好找。請參考Godaddy官網
  4. Linode:新加坡主機,難易性略低於GCP、價錢尚可、客服好找,但只有英文介面。
  5. Siteground:Wordpress主機最推薦使用。Siteground官網

2.Godaddy買網址

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

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

想了解更多及DNS設定方式,請參考以下的影片

立即至Godaddy官網購買網址

3.網站建置素材該如何準備

網站素材指的是圖片、影音、文字、影片等,素材美觀精緻大方,網站建置就會漂亮(尤其是圖片,可參考GinerC)。此外網站建置最重要的就是首頁設計,首頁設計的好絕對影響訪客繼續點選其他頁面。 所以請務必多花些心力準備素材,剩的一堆小東小西如網域、DNS設定、主機設定、免費圖片網頁設計公司都會負責處理。

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

GinerC(圖片漂亮,網站一定漂亮)
下載網站架設素材表檔

4.網頁設計

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

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

5.Google Analytics安裝

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

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

6.Google、Bing登錄

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

  1. 2023年3種【網站登錄】的方式,最快只要1秒鐘!
  2. Google Search Console安裝
  3. Yahoo/Bing登錄

Google網站架設

1. Google Sites協作平台

Google Sites協作平台是什麼呢? 初級的網站架設比較推薦先來點便宜、好用、可靠性高的。Google Sites 協作平台當初推出是拿來網頁設計,像編輯文件一樣,可以放影片、日曆、簡報等,以便與團隊溝通的網站。
但現在Google sites協作平台演變成Google網頁建置的平台,主要是讓不會網站架設技術的人,也能自己快速網站架設,Google sites協作平台有點類似Wix、Weebly,以拖拉式的方式建置網站,快速擁有一個簡單的網站。 但若您架設網站是為了寫部落格的話,使用Google Blogger則會更適合。參考更多Google Sites

2.Google Blogger

對於網站設計新手, 我們非常推薦Google Blogger,因為它"非常好用"。基於主要幾點例如0元架設(參考網站架設費用)、網站穩定、無廣告、教學資源多、SEO索引快速 。以上多種特點,對於網頁設計新手定能好好大玩一翻,等到對網站架設有一定的熟飪度,可以轉往 Wordpress網頁設計 。
透過WP網頁設計,網站版型更精緻美觀、功能擴充更強大。 但對於只想寫寫Blogger網誌文章、或透過Blogger賺錢,Google Blogger已是非常足夠了,現在馬上申請Gmail帳號即可登入Google Blogger,開始簡單又快速的Google Blogger網站製作大法吧!參考更多Google Blogger

3.Google本地商家

何謂是Google本地商家呢?目前處於歌紅人不紅的窘境,你天天都會使用到,但卻很少人知道它(看下圖就知道了)。 當你在Google搜尋"餐廳推薦",Google Map就會給你一堆推薦的餐廳,這個就是Google本地商家。 Google 本地商家 所以若你是實體店面的,最適合使用Google本地商家架設網站(範例)。

形象網頁設計

1.形象網站架設工具?

形象網站(亦稱品牌網站、官方網站)是一般網站架設中最大宗的需求,會適用90%的中小企業。 而形象網站更是公司企業對外塑造的形象、身份、理念,若公司有針對企業形像識別(CIS)做設計,那形象網站商標(Logo)、網站顏色與色調更會錙銖必較。
再來形象網站,也是公司在網路上對外的門面、行銷網路的大門、提升品牌信賴、強化品牌在顧客心中的形象...等等。 所以創業家不管如何都會架設一個形象網站。 那架設形象網站有百百種的方法,以下是常用的網站架設方法

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

2.形象網站的架構?

台灣中小企業居多,所以網站的架構其實都是大同小異,可以參考以下架構再思考網站內容

  1. 網站的口號,例如<<華碩品質,堅若磐石>>。
  2. 網站色調、主色系,例如麥當勞的黃,Air Asia的紅。
  3. 基本的服務介紹。
  4. 公司介紹,即關於我們。
  5. 我們的優勢,若有政府認證、各式獎狀、獎盃,請放在網站上,增加網站訪客信心。
  6. 完整的公司聯絡方式、統編、公司地址。
  7. 部落格,如最新消息、新知分享、文章。
  8. 公司理念、我們的客戶、新聞採訪。

3.形象網站基本注意事項

一個基本的形象網站,請必需滿足以下的要項。

  1. 簡潔易懂的頁面設計:形象網站的頁面應該簡潔易懂,方便用戶快速了解網站內容。
  2. 內容清晰明瞭:形象網站的內容應該清晰明瞭,以保證用戶可以快速了解網站的目的和內容。
  3. 合適的圖像和多媒體:形象網站應該使用合適的圖像和多媒體,以增強用戶對網站的印象。
  4. 品牌一致性:形象網站應該保持品牌一致性,以增強品牌的認知度。
  5. 網站加載速度:形象網站應該提高網站的加載速度,以保證用戶可以快速訪問網站。
  6. 良好的瀏覽體驗:形象網站應該提供良好的瀏覽體驗,以增加用戶的滿意度。
  7. 網站安全:形象網站應該采用最新的安全技術,以保證用戶的數據和交易安全。
  8. 形象網站請美觀、精緻
  9. 響應式網站,完整將形象網站呈現在電腦、平台、手機。
  10. SSL,Google明定,每一個網站都要有SSL,即Https加密協定。
  11. 下載速度快,網站不管是在電腦、手機,均要在3秒內完整呈現網站。
  12. 明顯的呼籲行動,一旦網站訪客有聯絡需求,可以輕易找到電話、Email、Line聯絡。

購物車網站架設

1.購物車網站架設工具有哪些?

電商創業挾帶著輕量開始、不受時間地域性的限制,是許多個人、企業起步的帶路雞。 也因此提供網路銷售產品的提供商也愈來愈多,最有名的莫過於蝦皮、Momo、Pchome,其他還有shopify、 美安、91 App、一頁網站、wordpress購物車網站..不勝枚舉。 那麼多平台、套裝軟體、工具,看似很複雜,其實很簡單,基本就分為以下三種。

  1. 購物型網站平台:如Pchome、Momo、蝦皮,這些都是會為你上架的商品帶流量,所以可減少行銷預算,但成交手續費極高,極適合電商小白。
  2. 購物型網站套裝軟體:如91App、EasyStore、meepShop、Shopline、Shopify,專為電商所提供的模組,功能強大。但近幾年一堆年費、月費、抽成交易手續費逐年變高,也導致一堆人往自架購物車網站。需自已做行銷。
  3. Wordpress購物車:全球世佔40%的Wordpress+WooCommerce外掛立馬變成一個購物車網站,網站自由度極高,無成交手續費,只有刷卡手續費2.8%不等,非常適合有穩定客源的企業,需自己做行銷。了解更多請參考 購物車網站架設

2.購物車網站架構?

購物車網站會有二種經營走向,一種是品牌官網+購物車網站,另一種是純購物車網站。 若是純購物車網站,其實網站架構非常簡單,就是將產品分類、熱銷產品、最近產品都分別掛在網站選單上非常的簡單。
若品牌官網+購物車網站,就會多了形象網站所需要的文案、品牌介紹,其餘都一樣。 但上述如蝦皮、Momo、pchome就不適合做品牌官網+購物車網站,因為跟本沒有辦法做官網。
那 購物型網站套裝軟體適合嗎?應該說套裝軟體與WORDPRESS網頁設計能夠做品牌官網的力道會有所不同,若非常想推個人品牌、公司品牌的話, 選擇Wordpress仍是最好的。

3.購物車網站基本注意事項

一個購物車網站,除了也要滿足形象網站的要求,以下幾點供參考。

  1. SSL加密協定:用戶註冊和登錄系統:網站應該提供安全的用戶註冊和登錄系統,以保證用戶的隱私和數據安全。
  2. 產品展示和搜索:網站應該提供清晰的產品展示,方便用戶快速查找所需的產品。
  3. 訂單管理:網站應該提供訂單管理系統,方便用戶追蹤訂單進度。
  4. 網站安全:網站應該采用最新的安全技術,以保證用戶的數據和交易安全。
  5. 客戶服務:網站應該提供及時、有效的客戶服務,以回應用戶的查詢和問題。
  6. 成交手續費:從自架購物車網站只要2.4%的刷卡手續費到Pchome 24%的成交手續費,差異極大。
  7. 物流:物流是否支援7-11、全家,還是像pchome、momo幫你配貨。不然每天就要撿貨、理貨、寄貨,瑣碎事極多。
  8. 網站年費:自架購物車網站年費+網址1萬有找,但購物型網站套裝軟每年近10萬,以長期經營來講,非常昂貴。

一頁式網頁設計

1.一頁式網站的優缺?

一頁式網站在網站架設時就規劃只有一頁首頁,因此在網站架設上是簡單快速又方便,重點成本又低。(例如云錦文化商學院
一頁式網站的優點如下

  1. 網頁製作成本低:因為一頁式,所以在溝通、製作、素材的準備上相對的降低,若為自製更相對的簡單快速一夜就搞定。常用於短期性的活動網站、廣告頁面。
  2. 故事型瀏覽:一頁式的關係,會讓使用者頁只能依網站所安排的使用者劇情發展,讓使用者易於閱讀。
  3. 轉換率高:同樣因為一頁式的關系,讓使用者不會因為網頁有多個出口按鈕而離開頁面,所以會聚焦在該頁面瀏覽,直到最後進而轉換。
  4. 手機瀏覽順暢:手機當道的時代,有許多的網站因設計不良,並沒有所謂的RWD,一頁式網站就無這個問題,直接從上往下瀏覽,非常順暢。

一頁式網站的缺點如下

  1. 詐騙網站:由於製作成本低,眾多的詐騙事件偏愛使用一頁式網站。
  2. SEO差:一頁式網站要的就是精簡與準確的傳遞訊息,對於SEO愛的就是內容,一頁式網頁實在很難寫的落落長的文章。
  3. 資訊豐富性有限:同第二點的理由,因為無法提供豐富的內容,所以只能提供重要內容。二來手機速度下載較慢,也無法放滿滿的圖片、影片、動畫提供網站豐富性。

2.一頁式網站的使用時機?

一頁式網站架設優點如上,其目地是讓網站訪客依網站的文案設計, 讓網站訪客沉浸於故事的發展而提高銷售轉換率。 因此一頁式銷售頁特別受企業愛用於廣告活動,尤其是一頁式購物車網站、一頁式廣告。一般一頁式網站適用的時機如下

  1. 展示單一產品或服務:如果您只需要向用戶展示一個產品或服務,則一頁式網頁是一個理想的選擇。
  2. 推廣活動或促銷:一頁式網頁也適用於推廣活動或促銷,因為它們具有引人注目的界面和簡潔的信息展示方式。
  3. 個人網站或自展網站:一頁式網頁非常適合用於創建個人網站或自展網站,因為它們可以提供有關您的信息,並在簡潔的方式中展示您的作品。
  4. 移動設備:由於一頁式網頁更適合在移動設備上使用,因此如果您的目標用戶主要使用移動設備,那麽一頁式網頁是一個很好的選擇。

3.一頁式網站 VS 形象網站?

一頁式網頁如銷售頁、登錄頁,目地都是在為了達成某種交易(EX:購買商品、註冊帳號、留下Email、播打電話)。 這點目地跟形象網站是完全不同。
形象網站的目地是提供必要的內容,讓訪客透過連結、導覽在網頁之間移動,取得相關的資訊。 反觀一頁式網站的目地就只有一個"達成交易",就是讓網站訪客登陸該頁面,並達成交易。
因此一頁式銷售頁只提供必要的資訊,無多餘的選項讓訪客藉由其他連結,點擊並跑到銷售頁外,失去交易的機會。 而在一頁式的網頁設計上,則專注於顧客的動線只會設置一道,終點也是設計為一個,一頁式的專注引導客戶完成交易目地。

一頁式 vs 多頁式網頁比較
一頁式網站多頁式網站
適用時機活動網站、短期促銷形象網站、官網
目地轉換率資訊提供
網頁價格
製作時間
難易度
SEO

客製化網站設計

1.我需要用到客製化網站設計嗎?

客製化網頁設計固名思義,全依委外廠商提出的特有需求設計網頁功能, 但其實真的每一個委外廠商都需要客製化的設計服務嗎?
其實不然,有近80%的形象官網是不用客製化網站架設的,怎麼區分呢?一般只要不是做網路服務的,像uber eat、foodpanda之類。一般形象網站幾乎都可以滿足所有需求。 例如像是升大學補習班、水電裝修、室內設計...都是網路下的服務,形象官網只是提供服務資訊的揭露而已。
那做網路電商呢?基本上在網路上銷售商品,都是換湯不換藥。網站功能近近80、90%都是一樣,只是商品不同。所以市面上套版的電商網站架設服務也都很夠用。
所以回到你的服務、產品是屬於網路上 OR 網路下銷售大概就可以猜想的出來,你需不需要客製化網站設計。 而現階段的客製化網站設計,比較屬於局部功能的客製化調整,像全網客製化網站設計機率是非!常!低!

2.客製化網站設計的優點與缺點

客製化網站讓人又愛又恨,它非常好用,將近可滿足99%的需求,但就是非常的昂貴,隨便都是上萬起跳,更多的客製化網頁設計的好處與壞處參考如下

優點缺點
  1. 可實做99%的需求
  2. 彈性靈活的量身需求
  3. SEO能力佳
  4. 網站速度快
  5. 網站優化容易
  1. 價格費用高昂
  2. 開發時間久
  3. 網站穩定性,需大量測試
  4. 網站擴充、修改難度皆高
  5. 網站優化不易

優點方面,因為網站是純手中完全打造,所以程式開發員有100%的控制的能力,所以通常只有開發不出來的功能,沒有無法開發的功能。 其他優點同樣因為畢境使用原刻程式語言(java、php、.net)打造,所以在彈性、SEO、網站速度都有很大的優化空間。
缺點方面,最大的問題就是費用高昂,每個功能都是萬元起跳。若專案規模大,上千萬、上億都是有可能的,且開發時間冗長。 第二點缺點,即然稱之為客製化網站,所以程式邏輯都在軟體開發員身上,自已要修改、調整、開發新功能都難(所以程式交接、註解、說明手冊就變的很重要)。因為你要先搞懂對方寫的程式,你才可以調整。 所以其實修改功能比開發新功能還要複雜,費用會更貴。

3.關於客製化網站需求的這檔事

做客製化網站之前,最難的就是"需求訪談"這件事,貴設計過去曾為了自家的系統,光是需求訪談就花了3個星期,每天就都是找人聊天、談需求。 而最勘尬的常常連使用者自身都不知道需求是什麼,往往花了一大筆錢做功能,最後才追加 or 修改一堆功能,那如此又延伸出一堆的費用。所以需求訪談非常的重要。
例如若網站是做一般消費者的生意(即B2C),那網站就要提供讓會員FB、Google登入、註冊。若是做企業的生意(即B2B)的話,則只需要一般的Email登入、註冊表單為主。 一個FB、Google登入,網站架設費用又是差好幾千元。再來有會員的登入,是不是也需要Email認證,接著會員的新增、修改、刪除、啟用權限、停用權限。 那管理會員的後台操作者,又是一組新的新增、修改、刪除、啟用權限、停用權限的功能。
但以上的需求常常網站發包商都不知道,就只會說好貴!好貴!所以客製化網站的洞很深!

網站架設費用

0.前言

網站架設費用從1萬到100萬+都有 ,最大的差異在於接案者經驗、製作軟體、頁數及功能Wordpress費用4.5萬~6萬) 。而網站設計總收費建議一次抓5年網頁設計費用的總價來比較,架設網站費用誰貴誰便宜,立馬見真章。
但完整的網頁設計報價仍是需依網站需求才能得到精準的網頁設計費用。對於網站架設費用實在沒有概念的,請參考下表。

網站架設費用

架站工具網頁設計報價
客製化網站$10萬~$100萬+
Wordpress購物網站架設$75,000~$90,000
Wordpress網頁設計$45,000~$60,000
Wix、Weebly$25,000~$35,000
中華電信、智邦$5,000~$10,000

以上網頁設計報價費用僅供參考。接著讓我們繼續分享更多有關網站架設費用的眉眉角角。

1.網站架設基本成本有哪些?

最基本的網站架設費用如下(以Wordpress為例)

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

2.做網站還有包含哪些費用?

一個成熟、具規模商業性質的網站建置從無到有,大都只知道主機費、網頁設計費,但其實在網站的經營過程中,為了網站安全、專業形象、服務品質等等,都會額外安裝許多功能or外掛。以下做一些簡單的舉例。

  1. 廣告圖片設計:大大小小的廣告圖片、FB影片、IG活動圖片。
  2. 網站行銷費:如Google/FB廣告、傳統DM、電視廣告費。這個可是一筆極大的費用,若你了解的話,你就會知道網站架設費用是小錢。
  3. 以網址結尾的Email:[email protected]。以Google收費單月一人是150元,10個人單月就是1,500。若包括雲端空間加大還有額外的費用。
  4. 自動網站備份:例如All-in-One WP Migration付費版 3000元。每日可以自動備份至各式的平台、電腦。
  5. 電子報系統:如MailChimp(大猩猩),單月300起跳。Mailgun 單月1,000起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.5元,國際簡訊每通扣3點。字數超過短簡訊的限制,則會被歸類為長簡訊,費用也會不同。
  11. 付費外掛:Wordpress有許多付費的外掛,費用從1000~3000不等,也有部份是使用月費收費。
  12. 資安維護費:如弱點掃描、資安檢測。從7,000~15,000不等。
  1. 【網站架設費用】大解析,網站建置費用1萬到100萬+的差異
  2. 【客製化網頁設計】為什麼網頁設計費用貴的嚇死人!!

3.客製化網頁設計費用?

客製化網頁設計報價單

大型客製化網站架設的報價通常只會收到費用範圍,待有意簽約時後會先收一筆功能需求訪談費用(功能需求訪談有可能會耗到好幾天)、 功能需求訪談出來時後,再簽約時,再正式收取製作網站費用。收費模式因為金額有可能較大,都會看業主、廠商偏好,分多次收款。
客製化網站功能從小到學生作業幾千元,大到上市貴公司上千萬的價格都有,所以在客製化網站費用還真沒有一定,就取決於網站功能數量與需求功能的難度, 但一般上萬元是跑不了的。在做客製化網站之前請務必弄清楚網站需求,因為客製化網站最大的問題就是業主自已的需求都搞不清楚(很容易被追加費用)
所以廠商在估價的時後,也不敢把價格估死,因為通常都是開工的時後做下去,業主才知道缺了什麼、要加什麼。 若早在網站功能完成前提出來修改,還不會被額外收費,最怕的就是廠商做完功能的時後,才驚覺這不是我要的,此時你會收到一張程式設計修改報價費吧。

4.一頁式網頁設計費用?

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

5.網站架設費用如何比較?

網站架設費用除以上基本費用,還有最貴的網頁設計費用。 網路上百百種網頁設計方案,從SOHO網頁設計報價單低至1萬多,高到台北做網站公司的WORDPRESS網頁設計報價8、9萬。但回歸一句老話多少錢買多少牛肉,很低的網站架設費用價格都是包裝過的


如何包裝呢?先用低價方案吸引你的眼球,接著安裝GA要3,000、GSC要5,000、送Google收錄要2,000、Yahoo收錄要1,000之類的。還有就是有無100%權限、主機無法搬家、自家開發的架站軟體、主機/網頁設計/RWD都分開報價 接著加上一年主機費、管理費,以10年為一個單位至少要花費10萬、20萬以上。
所以你說架設網站費用該如何計算呢?一個小撇步

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

當找出哪間網站架設公司費用CP值高,就可以開始檢查有無響應式網頁設計、是不是Wordpress網頁設計、配有https、主機位置之類的問題。
一個Wordpress形象官網報價費用,在正常交期、無特殊功能、無提案、無協助素材製作、Wordpress網站報價會落在4.5萬~6萬左右,高於6萬的,可以了解是否有提供行銷方案帶流量or搜尋引擎優化的功能。 網站維護費這塊,比較多的網頁設計公司是會著收總費用的10%,但這費用僅限於保證你的網站是正常不掛掉的,所有新功能、大更改都是需要額外報價的。

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

網站架設搬家篇

【Wordpress網站主機搬家】9步驟教學!

網站搬家 、網站遷移會因為種種原因所需要,若一開始沒有慎選網站架設工具其實跟本也不能換主機搬家( wordpress網站搬家 最方便快速)。所以請先確定你的網站能搬家嗎?而一般網站搬家的步驟如下

  1. 租用新主機
  2. 舊網站打包匯出備份資料
  3. 新網站上傳匯入資料
  4. 檢查網頁是否跑版破圖、功能失效
  5. 網站搬家後的SEO
  6. 將網址指定到新主機的IP(DNS設定)
  7. 新主機安裝24小時網站監控
  8. 網站完整備份
  9. 網站回溯機制

以上是網站搬家的基本步驟,但當然還有一些眉眉角角的,請參考【Wordpress網站主機搬家】9步驟教學!備份搞定、SEO不怕掉!

網站架設工作求職篇

網架站設那個語言最夯?

網頁設計那個設計語言最夯呢?依據TIOBE排行榜統計出的排名資料,python是目前全球最熱門的程式語言,接著是C、Java(未必是台灣)。但學網頁設計找工作總不能叫好不叫做,要能夠確定專業所學是業界所需,才能夠準確的跟業界接軌找到工作。

網頁設計語言最夯

那要如何知道台灣最熱門的網頁設計語言呢?跟你分享一個更佳的判斷方法,直接去104人力銀行打程式語言名稱看有多個少職缺吧!職缺多代表工作好找,職缺少就不易找,但或許含金量也有可能比較高。

網頁設計語言最夯
網頁設計語言最夯

因為不管何種網頁設計的語言,將有興趣的程式語言丟進去各大職缺的搜尋引擎,像是1111、yes123等等之類的,會知道將來工作好找嗎? 同時你也會知道業界對於你學習這個程式語言?在薪水方面,根據台灣的勞動力市場情況,網站架設師的平均薪水約為新台幣 35,000 至 65,000 元之間,具體數額可能因公司規模、地區、工作經驗等因素而有所不同。

網頁設計前端、後端、全端?

網頁設計的工作範疇其實有點廣,只了解要做網站設計,但不知道要聚焦於那一塊會成為無頭蒼蠅般的般亂學、亂繳學費,最後只落得逐水草而居,有工作就做的窘境。 所以可參考以下的分類,再聚焦要學習的專業技術。
1)前端工程師:負責網站外觀的美醜、易用性。所以包含使用者介面、大圖橫幅、形象圖片、表格、排版、動畫、影音、互動效果、特效淡入淡出、前端即時運算功能、RWD、跨瀏覽器....。前端功能範圍很廣泛,前端工作職位還可在細分UIUX工作、動畫工程師、切版的網頁工程師、平面設計(如Logo、DM設計)。前端工程師的平均薪水約為新台幣 45,000 至 80,000 元之間。
2)後端工程師:支援前台資料的準備,包含商業邏輯運算、資料串聯、資料庫連接,部份會包含管理資料庫,但牽涉的較淺。後端工程師的平均薪水約為新台幣 55,000 至 100,000 元之間。
3)全端工程師:前端+後端。但各方面都是淺淺的涉入而已。全端工程師的平均薪水約為新台幣 60,000 至 120,000 元之間。
4)DBA:資料庫工程師,管理資料庫大小事,如資料表、SQL語言、優化。大公司資料數據多的比較會有該職缺。小公司大多由後端工程師一起管理。資料庫工程師的平均薪水約為新台幣 55,000 至 95,000 元之間。
5)系統工程師:管理公司主機、硬體設備、系統軟體安裝。系统工程師的平均薪水約為新台幣 55,000 至 100,000 元之間
6)資安工程師:網站資訊安全,台灣並不太重視資安這塊,政府單位比較重視。所以工作不易找,但薪水算是不錯,最著名的就是趨勢科技。資訊安全工程師的平均薪水約為新台幣 60,000 至 100,000 元之間。
以上只是主要的職缺分類,而前端工作的界線較模糊。網頁設計還有分2B的系統 or 2C的網站。寫2B的系統一般是公司內部系統,難的是商業邏輯複雜,網站都醜醜的,如醫院內部的系統、公司的人事新薪系統。寫2C的網站難的是設計、外觀、行銷。所以還是有區分的。

網頁設計工作怎麼找才好?

習得十八般武藝之後開始要找工作,該怎麼才會讓工作與生活兼顧品質呢?貴設計寫了18年的程式,過去在104、玉山銀行、IBM、菲律賓主管這邊跟你分享一個經驗。
網頁設計的工作要找大公司的IT部門,即平日工作內容以公司內部系統、網站為主。切勿找網頁設計公司or系統開發商的公司,因為這類型的公司都是以接外包案為主,開發案的時間都抓的很緊,且網站、系統都必需依客戶要求【準時】上線。所以一般來說都很操、很忙。
但反觀是開發自家公司內部的系統、網站,因為畢境是自家的系統、網站,在開發時間的急迫性都遠低於網頁設計公司。因此你看公司的營利模式是幫別人開發網站、系統,而沒有自已的產品,那就要小心為重,因為都很操哦。

網站架設接案好嗎?

創業開網站架設公司接案,那要挑戰的技術很難、要解決的程式一堆、客戶簽約後不付錢、又要怎麼行銷、低價到處滿天飛,上述都是貴設計接案五年來的心得。你說網站架設接案好嗎?我會認為還是不錯的,只是網頁設計很多競爭者,入門門檻又不高,所以要如何勝出才是重點?
所以積極做行銷、累積人脈介紹案子才會是重點,你的jqeury好棒棒、寫程式好利害、CSS好漂亮都會次要的,只要能基本做出一個完整的網站,可以結案,其實青菜蘿蔔各有所好。你網站架設費用便宜,那也有專找低價的案主,你網頁設計費用高昂,也會遇見預算充足的發包主。所以關鍵還是你的行銷做的好不好?

架網站一人就搞定篇

架網站真的一人就搞定?

架設網站真的有可能一人就都搞定嗎?本文寫的非常長,貴設計以Wordpress網站為基礎,幫您整理如下的步驟吧!

  1. 釐清企業的網站類型,如形象網站、電商網站、部落格網站。一般是以形象網站為大宗。
  2. Godaddy購買網址:網址之於網站就如同住家的地址一樣,例如: MOMO購物網站網址是https://www.momoshop.com.twPChome24小時購物是https://24h.pchome.com.tw 所以你也要為你的網站租一個地址,一年費用千元有找,勿買精品網址,並注意第二年的網址費。

    Godaddy買網址
  3. 網站主機,以初學者建議租台灣的共享主機(補夢網、網易、Godaddy、遠振),語言易溝通,問題好排除。等技術較成熟,可以轉往國外主機,費用較低。
  4. DNS設定,將網址與主機做對應。(主機商可以為你做的更多,多善用他們的客服,你甚至也可以不必使用cloudflare就可以有https的功能。)

上述2、3、4可參考以下影片

若設定一切正常,網站出現Wordpress基本的版型後,接著可參考如下

  1. 選用付費版型,有四大優勢。●)使用網站模版,網站架設費用現省10萬。●)官方網站精緻又漂亮。●)千種、萬種佈景主題任君挑選。●)不用擔心跨瀏覽器、RWD設計問題。付費 Wordpress佈景主題可至Themeforest購買。
  2. 網頁設計,網頁設計的概念就跟室內設計的概念一樣,只是從房屋內移駕到網站上。所以其實你也可 以自己設計,其差異性就如同你的房屋要請專業的室內設計師的概念是一樣的。專業設計 師在美感、質感、施工速度、品質就會相對的好。若有預算考量當然也可以自己至IKEA買現有傢俱自行設計。
    那以Wordpress網頁設計會推薦知名的編輯器,如Elementor(如下)可直接修改版型內文、重新上架圖片、美化。這個步驟關係網站整體美觀問題,愈專業有美感,網站就會精緻美觀。
  3. Google收錄,無為而治法、一條連結法 、GSC網站登錄法 。了解更多請參考 3種【網站登錄】的方式
  4. 網站行銷,月月有預算的可以走Google/FB廣告、沒有預算的請走SEO搜尋行銷

以上即為一個最陽春的網站,關於網站運營請參考網站管理與經營

馬上分享