網頁設計步驟
  1. 確定目標和目標群體:在開始網頁設計之前,必須了解網站的目標和目標群體。這包括確定網站的主要目的,以及將使用網站的目標受眾。
  2. 設計網站結構:根據目標和目標群體,設計網站的結構,包括導航、頁面佈局和內容架構等。這可以通過製作網站地圖和草圖來實現。
  3. 創建網站佈局:根據網站結構和目標,創建網站佈局。這包括選擇顏色、字體、圖像和其他視覺元素。
  4. 編寫內容:創建網站內容,包括文字、圖像、視頻和其他媒體。確保內容符合網站目標和目標群體,並且具有良好的可讀性和易於理解的結構。
  5. 開發網站:使用網頁設計工具或編程語言開發網站。這包括創建網站的前端和後端,以及與數據庫和其他系統的集成。
  6. 測試和優化網站:測試網站以確保它能夠正常運行,並優化網站以提高性能、速度和使用體驗。
  7. 發佈網站:將網站上線,並監控網站以確保其持續運行良好。

以上是一個簡單的網頁設計步驟。實際上,網頁設計過程中可能需要進一步細化和定制,具體步驟可能會因項目和需求而異。 在架站軟體方面,則最推Wordpress網頁設計。接著就跟大家開始分享很多很多有關 網站架設的撇步。

網站類型有哪些?

個人做網站、公司網站委外,請務必清楚需要的網站類型。一般網站的類型會分為如下

  1. 公司形象網站:又稱為品牌官網、官方網站、形象官網都有。多頁式的網站,網站只有單純曝光介紹公司、公司服務、價錢或聯絡方式。
  2. 電商網站:又稱為購物網站、購物車網站。網站滿滿的只有銷售產品的頁面,如熱賣商品、最新商品、最新折扣商品、商品類別等等,未太多琢磨於介紹品牌。這類的網站主大都是轉賣他家的商品居多。
  3. 形象+電商網站:多頁式介紹公司產品、服務及聯絡方式,其餘的頁面則是以電商相關的頁面為主軸。該類型網站主較多是自家產品或歐美代理商在網路上銷售,因此需要形象官網及電商網站。
  4. 雜誌型、部落格網站:網站進入之後便是滿滿的文章,除了文章還是文章。這類型的網站經營特別累人,需要大量的文章、美圖。
  5. 平台型網站:平台型的網站,如104、591、熊貓。這類的網站難在開發費用高、網站經營難,尤其是蛋與雞的問題。
  6. 公司內部網站:一般具有較大規模的公司才會建立公司內部網站,像版主之前在IBM就參與開發一套IBM全球員工使用的出差差勤系統。以上五個網站全屬對外的網站,所以都要考慮RWD、裝GA裝GSC、網站美醜、跨瀏覽器之類的。但內部網站都不用考慮,只要能"正確"運作即可,因為商業邏輯就會相當的複雜。

網域、IP、主機空間的關系?

例如FB的網域是https://www.facebook.com/,而網域的背後會有4組數字組成的,例如123.123.11.25就會稱之為IP,網域是方便給人記憶使用,IP則是給電腦使用的。 主機存在的目地則是為了放網站,主機空間則是看容量的大小,每一台主機都會對應到一組IP,將網址做對應到該IP的動作,稱之為DNS設定。
所以若要經營一個網站,你必需買網域、租主機,並做DNS設定。買網域最推Godaddy,租主機就有千百種選擇,但我最推薦是Siteground主機。

企業需要官網?

為何要架設官網呢?網站架設好難,要如何自架官網呢?自己架設網站要錢嗎?以上的問題是企業家都思考過的問題,這也代表許多企業家都膠著在是不是該架設官網。關於這個問題,在此先詢問你知道全球有多少人在用網路嗎?全球有多少個網站嗎?依據InternetLiveStats網際網路線上資料統計網,全球已經有高達50億的網路使用者,近11億個的網站。 使用者資料來源:InternetLiveStats
所以企業沒有網站,企業將與全球50億個使用者擦身而過,企業沒有網站,企業跟本無法在網際網路的時代下發展,更遑論有意走網路行銷,透過網路做生意。所以你說企業的官方網站是不是一件重要的事情。 再論,其實每天都有十億、百億次的Google搜尋?如下圖是於某日晚間近8:30時,就已經產生近71億次的Google搜尋,這些搜尋背後的使用者都在透過”網路尋找答案”。例如 ”2021台北市牛肉麵推薦”、 ”最新防疫規定”之類,所以沒有官網自然就無法被Google搜尋引擎推薦。所以企業官網重不重要呢? google-search-statistics資料來源:InternetLiveStats
眾合以上二點,想當然而官方網站的重要性自然不在話下,但有許多企業主說,我有了粉絲專頁、Youtube、IG,我為什麼還需要網站嗎?其實是的,很多企業主都會諮詢時提出的問題,也有不少店家、企業選擇不架設官網,只經營Facebook的粉絲頁,「台灣人愛滑手機,使用臉書的比例偏高,為何不直接開一個粉絲專頁不是更有效?」。

架設官網的好處?

現在是什麼年代了,那一個企業沒有網站呢?即使分不清楚網站的重要性,至少也會建立一個FB粉絲團吧!所以不管是個人、企業對於藉由成立網站、粉絲團、IG或者是YT 進而接觸到廣大的網路使用者的觀念是存在的。但不管透過何種渠道接觸到廣大的用戶,官方網站仍是最推薦的方式,因為哪家大品牌只有FB粉絲團、YT的呢?所以請參考以下架設官網的優點:

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

有FB粉絲團,還需要官網嗎?

這是一個好問題,有許多企業主同樣都會有的疑問,既然可以免費使用Facebook,為什麼架設官網?很簡單的問題,你看過哪一個大品牌只有成立FB粉絲團沒有建置官方網站的呢?所以會架設官網一定有其道理存在。或許您可以參考如下:

官網 FB粉絲團
公信力
權威性
搜尋結果順序 優先 較後面
SEO操作 容易
資訊留存 永久 逐漸消失
資訊傳達速度
粉絲互動

常用網站架設平台、工具?

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

3.1 基礎平台

如痞客邦、Medium、Google Blogger、Google協作平台,以上適合個人部落格,玩票性質、練習網站架設(Google Blogger、Google協作平台)、寫文章(痞客邦、Medium)都很適合使用這幾種工具。 預算極低、不懂網站的企業架站工具,則可選擇中華黃頁、智邦生活館。網站架設費用每年1,500上下,就可有一個超簡易的網站,功能極度陽春、網站非常不精緻。唯一的好處是 "有一個網站"。

3.2 中階平台

如 Wix/ Weebly/ Strikingly/ Squarespace/ Webnode/ Godaddy / wordpress.com等等的。 這類型網站製作軟體歐美公司設計居多,網站提供完整的前後台功能、專業感也可以、支援度普通、收費中等、難度中等,其中以Wix/Weebly/wordpress.com較為人知。 以上的網站製作軟體都有一個很大的問題,就是"無法搬家",而且未來受限很多,例如無法加硬體規格、外掛支援不足。再加上SEO效能不易、網站精美度中等、網站細膩度就不足了。

3.3 中高階平台

Wordpress.org,為什麼貴設計將Wordpress.org定義在中高階軟體,因為wordpress.org有著套裝軟體的方便與快速,同時也可以透過修改程式碼做到客製化的功能(需懂PHP語言)。貴設計寫了18年的Java程式語言,最推薦wordpress,以企業架設預算不貴、4萬5~6萬之間就有。在網站的掌控能力又高、網路教學資源又豐富,雖然仍是有幾個缺點,但綜合性價比,網站架設工具仍是最推薦Wordpress.org。

3.4 高階工具

若你不是技術咖可直接跳過,因為這得水很深,邏輯思維要非常強烈,永遠有追不完的新技術(學歷史真好,秦始皇也不會死而復活改寫歷史吧!)。使用的語言如java、php、#net、python等等。高階軟體大都用來開發客製化網站,有80%的中小企業都無需用到這類型的工具,一方面客製化網站設計網頁設計費用貴的嚇死人,二方面只要你不是做網路服務,套版的網站架設工具(如中階or中高階平台)可滿足你80%的網站需求。

套版網站與客製化網站的差異

網站架設費用會有很大的落差除了在網站架設軟體, 另一個原因就是在於套版網站or客製化網站,這二者的特色賣點其實是不同的。 客製化網站與套版網站的差異性,一個是賣彈性靈活、賣客製。另一個是賣快速方便、便宜、功能。

套版網站 客製化網站
製作費用
開發時間 迅速 冗長
需求彈性 受限於版型 高度靈活
功能擴充 安裝外掛 付費開發
前台版型 容易撞衫 獨樹一幟
後台系統
網站優化
SEO優化 優秀

何謂"半"客製化網站?是指在現有的套版版型架構准許下,透過寫程式(CSS、Javascript),調整版型的細節,例如網站元素之間的留白(padding)、邊界(margin)、甚至簡單的程式撰寫。所以最重要的第一步,您挑選版型風格,第二步網頁設計公司會針對部分功能客製,擁有了共識後可以減少視覺設計製作時間,讓您能很快擁有一個網站。 套版最常採用Wordpress架設網站,Wordpress是全世界都在用的網站架設系統,比較容易上手,可以自行做調整網頁,除了Google上可以找到很多教學外,現在也很多人都會Wordpress,很容易找到維護人員,採用Wordpress比一般套版網站更彈性,它們提供很多套件可以使用。此外也可以透過增加CSS、JavaScript的方式做半客製化網站的修改。

網站素材準備

一個精美精緻的網站,精美漂亮的圖片素材必不少,若有預算的話,建議可以找專業攝影師做商品拍攝。若預算不足的,可以去 unsplash下載(影片推薦Pexels)。而文案這部份,若要走搜尋引擎優化(SEO),請確定你的文案必需貼地氣,將網站訪客慣用的搜尋關鍵字置入文章內。若不懂SEO,請將自身產品特色、優勢表達出來。 B2B網站請著重在產品的解決方案、相關證明、檢驗 。B2C的話,請把網站用的美美,吸引大眾歐。網站素材準備方式可參考如下:

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

網站文案撰寫

網站架設最難的就是撰寫文案,一方面不是常寫文章、二方面不知道要寫什麼,所以要做網站的企業主,會常常在這步驟卡關很久。 其實只要先有網站選單,再寫每一頁的架構。也就是說架構出來,接著再補肉就好了。接著讓貴設計慢慢跟您分享如何架構你的網站及文案。 網站文案是指,企業想傳達給客戶知道的訊息,而這些訊息一定多又雜亂。例如貴設計是網站架設公司,我們想傳達貴設計的服務、產品、售價、賣點、差異化、公司與創辦人、聯絡方式....一堆等的資訊。那我們要如何整理成文案給網頁設計公司呢?請跟我這樣子做。

  1. 統整所有資訊: 請將所有要傳達給客戶的資訊(包含文字、影片、產品圖片)都放在一個word檔,貴設計建議您豐富的網站內容很重要,所以請盡可能寫,寫的多都可以分頁處理,寫的少生意不會好。
  2. 資訊分類: 一堆的資訊,那些是產品資訊,那些是公司聯絡資訊,那些是公司理念、介紹等資訊,全都分門別類。
  3. 網站選單建立: 一旦資訊分類好之後,留下4~5個最大的分類,並重新命名2~5個字為類別名稱,如此就可以做為網站"選單(又稱網導覽列)",而選單還能再下拉為”子選單”,參考如下 。 網站選單
  4. 網頁架構規劃 何謂網頁架構呢?我們將貴設計的首頁分成六個主要的區塊(首頁大圖+標語、網站設計服務、網站設計六大特色、網站設計範例、網站設計費用、網站設計教學),這六個就是所謂的首頁架構。 在步驟4.1,我們將資訊分類後,大分類做為網站建立選單,每一個分類完的資訊仍可再做一次小分類,這個小分類就可以做為網頁的架構圖。 所以你要為每一頁思考網頁的架構是什麼。
  5. 依架構寫內容: 承4.4,目前已經把整個網站的架構都已經生出來了,例如首頁的六個主要區塊,接著再開始補文案即可。接後每一頁都是同樣的思考邏輯。若實在沒有想法,就直接參考(抄襲)競爭對手的選單、文案內容(務必加減修改,不然容易有法律糾紛),再修改成企業的名稱、個人用詞是最快的方式。 若企業也不是新興產業的話,一般的選單也就是 "首頁、產品/服務大類、最新消息、關於我們"。

網站架設費用

網站架設費用多少錢?業主詢問這個問題的時後,不妨先了解一下自身的需求, 在網站類型中提到網站有5種,請先釐清企業網站的類型之後。接著再依開發的技術、功能、頁數才有辦法計算大概的價錢。

以台灣佔有97%的中小企業,都是以企業形象網站為主,差異在些許的功能不同、頁數個數不同會造成價差。 若都使用wordpress網頁設計架設網站,費用會落在45,000~60,000。隔年網址費1000上下,主機費則落在5,000~12,000都有。 若使用的網頁設計軟體不同的話,費用當然會不同,像是若用中華電信1年才1,000多元,網站就極度陽春。以上收費的方式是第一年貴,第二年開始都是以主機費與網址費為主。
尚有一種收費模式是網站經營愈久費用就愈高,該收費方式是以月收,每月收12,000(例如),用三年繳三年,用五年繳五年之類的。這類的網站架設總額10年為一個單位就會相對的高。

若是客製化網站的費用就是無限上綱,因為客製化所以就跟裝潢系統櫃一樣的貴,但其實有90%的網站都不用客製化網站,只要Wordpress網頁設計就可以完成了。
延申閱讀 : 網站架設費用

網站模板,現省10萬

網站架設第一點,首重網站要精緻漂亮、所以網站公司請網頁設計師設計網頁版型、 RWD響應式網頁、HTML切版、設計ICON、找形象圖、設計Banner,林林種種一個網站包含首頁、內頁10萬元跑不掉,但這種屬於客製化網站設計就是貴,那為何不考慮使用網站模板的方式!(不要跟我說你會捨棄ZARA、H&M的衣服不穿,自己找設計師設計、打板、剪裁)。
貴設計推薦你使用Themeforest購買網頁模版,2000元不到,精緻美觀又一堆滿足RWD響應式網站模板的設計,不管Wordpress模版、HTML5模版,一頁式網頁模版、形象網站模版通通有。讓你免去一切從零開始一步一步做的時間,瞬間就擁有專業的網站。所以網頁模版就是那麼好用的,再請繼續看我們的分享吧! themeforest

網頁版型與網頁模版的關係

早期網頁設計公司做網站時,了解網站需求過後,就會請網頁設計師,設計版型、HTML切版的動作,而 這中間涉汲的專業包括網頁設計、平面設計、前端程式技術,而所需技術如HTML 5、BOOTSTRAP、CSS、jQuery、js、第三方程式外掛。加上一個最重要的就是"美感",因此設計一個網頁版型絕對不容易。再加上設計出來的網頁版型,至少需能夠在Chrome、Safari二大陣營能夠精美呈現,這中間的難度又更難了。貴設計認為一個優質的版型大概要一個7、8年工作經驗的網頁設計師才能夠一手搞定。若找外包設計光是首頁就上萬元,內頁一頁都7、8000的,稍有規模的網站整個下來10萬跑不掉。所以其實網站版型設計真的不是一件容易的事情。
但現在呢?完全都變了。歐美許多公司單靠賣版型就年收入上千萬,一套RWD響應式網頁模版上千、上萬人購買下載。所以使用模版設計網站,絕不是一個讓人嗤之以鼻的事情,而是所謂的如Zara般的快時尚了。再者你身上穿的衣服,不也是Uniqlo同一件衣服模版打樣出來的嗎?你難道會每一件衣服都客製化嗎? 很明顯的你一定不會嘛。 所以透過購買網頁模版之後,再依網站的資訊架構、圖片、文案去調整模版的外表、介面的設計就可以變成你的網頁版型,是不是簡單又快速!

網頁模板下載

現在講求速度的時代,隨時都在變化,為了追求最新、跟上時代潮流,下載免費網頁版型是一定要的,如果你剛好又沒有前例可參考,要從零開始是一件很費神的事情,尤其使用原刻網頁設計,連最基礎的RWD響應式網頁模版都要針對每一個瀏覽器去寫程式碼,還不如下載版型再加以修改。 下載網頁版型除了能夠縮短製作時間與更多設計方向,又可以參考別人的網站結構、架構、設計、程式碼等,好處多多,可以好好運用免費網頁版型,有的還可以商用喔。

  1. Wordpress
  2. Template Monster
  3. AThemes
  4. Themeforest
  5. Start Bootstrap
  6. Templated
  7. Template Monster
  8. Bootstrapmade
  9. Templatemo

模版與文案

開開心心下載好模版了,要開始製作網站了,但問題來了??模版是專為攝影師打造的,但我是工程師,我跟本無法使用模版上作品集的區塊。又死定了,這個模版的文案怎麼有那麼多?我又不會寫文案。挫賽我只是要寫Blog用的網站,怎麼有購物車的功能呢??這個餐廳的版模好漂亮,立即下載,結果這個模版要吃很多精美又漂亮的圖片。COW,難不成叫我請專業攝影師來拍一組?Orz!OMG!
上面的情境是常常會發生的,貴設計有一個客戶就是如此,他是賣電動牙刷的,但卻想用攝影師的作品集方式呈現,這是很不適合的。作品集一方面只是只是呈現屬於照片式的作品,例如攝影師、新秘、風影照之類的。但電動牙刷賣的是功能與實用性,不是精美照片,用作品集的方式非常的不適合。
所以選擇模版之前,不只要確認版型的上次更新日期、下載次數、FAQ,還要確認版型的區塊、甚至功能,是否能與您的官網資訊、手中的文案相符。不然再漂亮的模版也英雄無用武之地。一頭霧水,搞不清楚。

網站架設流程

  1. 規劃和設計:在開始任何網站架設工作之前,需要花時間規劃和設計網站的結構和功能。這包括確定網站的目的、受眾、設計風格、色彩搭配、內容架構等。
  2. 選擇網站建設工具:根據設計好的規劃,選擇一個合適的網站建設工具,如WordPress、Wix、Squarespace等。這些工具可以幫助快速搭建網站。
  3. 選擇網站主機:網站主機是網站存儲的地方,它需要能夠提供安全、穩定、快速的服務。選擇一個可靠的網站主機商,例如AWS、GoDaddy等。
  4. 創建網站內容:根據規劃,創建網站的內容,包括文字、圖片、影片等。內容需要富有吸引力、有用性和可讀性。
  5. 選擇網站模板:在網站建設工具中選擇一個合適的模板。模板可以節省設計時間,同時保證網站風格統一。
  6. 安裝並配置必要的插件和工具:網站建設工具通常需要安裝和配置插件和工具,以提供特定的功能和增強網站的性能。
  7. 測試網站:在網站發佈之前,需要進行多種測試,包括功能測試、兼容性測試和安全性測試等,以確保網站能夠順利運行。
  8. 網站發佈:在完成以上步驟之後,可以將網站發佈到網上,並進行推廣和行銷。

主機空間租用

上一章節有提到,網站需要一個空間存放,而存放空間的電腦,我們會稱之為伺服器(Server)。而現在做網站千萬別真的生一台電腦做伺服器,除存放伺服器的環境我們很難控制(溫度、濕度、不斷電系統、備援系統),而且管理伺服器又需要大量的軟硬體知識。所以現在其實都用”租伺服器”為主,就好比租辦公室的概念。只要租一台伺服器,或者租伺服器裡面的幾G的網站空間存放網站就足夠。
但問題來了,租伺服器在國內外有數百間伺服器廠商,該怎麼選,怎麼看呢? 直白的跟你講,很難選又難看,因為伺服器的硬體規格的組合太多了。例如伺服器會依window、linux系統、硬碟種類、硬碟容量、CPU限制、記憶體、每月流量、I/O Rate、資料庫、國外主機、虛擬主機、實體主機…!@#$%^&*()_+。所以基本上也不用比較了。本書會建議你直接這樣子選吧!
網站架設初階者:選擇台灣主機、例如智邦、pchome、遠振、戰國策、中華電信。台灣主機費相較於歐美主機會偏貴,但好處就是有中文客服可以幫你解決各式疑難雜症,而且主機位置大都在台灣,網站連線速度會較快。
網站架設中階者:Siteground、Cloudway、Bluehost都是在網路上有人推薦的。本書會最推Siteground。Cloudway後台介面速度偏慢,Bluehost的主機因為在歐美,網站速度會偏慢。
網站架設高階者:Linode、GCP、AWS、Azure,但入門門檻高,只適用於技術咖,一般非資訊相關的從業人員非常不適合。
本書是推薦SG(Siteground),SG在目前主機租用廠商中是最推薦的,不僅價錢還算合理、介面友善、搬家快速、客服回覆速度快等原因,同時在一個月之內都有退費的保證服務,所以非常推薦。當然還有其他原因例如?
  1. 免費SSL加密憑證
  2. 免費 CDN
  3. 每天自動備份,自動備份前30天資料
  4. 主機穩定性優
  5. 24/7客服服務,線上即時聊天,回覆速度快
  6. SG介面乾淨,好上手
  7. Wordpress一鍵安裝,5分鐘搞定
  8. Wordpress免費輕鬆搬家,SG提供免費外掛
  9. Wordpress自動更新
真要說Siteground的缺點大概就是只有英文介面。

購買網址

網站架設最基本的就是網址,但要去那邊買網址呢?在台灣大家第一個想到的就是中華電信,但本文最推薦的還是Godaddy。 Godaddy 以下是維基百科的介紹 “Godaddy是從事網際網路域名註冊及網站託管的美國上市公司。 截至2016年1月,據稱GoDaddy管理的域名超過6,100萬個,成為獲得ICANN認證的全球最大註冊商,服務逾1,300萬客戶,員工總數超過4,000。” 因此Godady的可信賴度、品牌度也是無庸置疑。但當然還有其他原因囉。

七大推薦原因

  1. 費用首年超優惠:Godaddy首年費用極低,在公司首年商業模式測試階段很適合申請。但請注意第二年就會恢復原價。若是精品網域有可能上看十萬、百萬。
  2. 介面簡單乾淨好友善:相對於中華電信,Godaddy你定會覺的非常好用。
  3. 客後服務好好找:中華電信的客服電話告訴你,非常難找,一直在電話中。而Godaddy的客服可直接播打電話,或透過線上客服直接聯絡。
  4. 網址買錯退費好人性:上次買錯一個網址,當下找客服處理,10分後就馬上退費。 請參考退款政策
  5. DNS生效好快速:DNS的用意就是將網址對應到主機的IP位置,例如我在Google Chrome瀏覽器上輸入facebook.com.tw, Chrome會自動對應到FB公司在美國的主機位置256.124.25.23。你就可以開始玩FB了,這個動作就稱之為DNS設定。這個動作會依各家而不同,如中華電信需24~48小時,Godaddy只需幾分鐘的時間就可設定完成。
  6. 程序簡單好快速:中華電信買個網址需要輸入至少10個欄位,Godaddy註冊完,直接刷卡帶走。
  7. 多樣化網址選擇好方便:直接參考下圖吧。.com是台灣最愛的,但隨著網址也跟著進步,不用再死守.com的網址,還有.info、.cc、.vip。

免費網站架設

找免費網站架設也不是不可能,但竟然是免費的,一定會有許多受限。受限就有可能包括

  1. 網站內有廣告
  2. 子網域
  3. 無法安裝外掛、佈景
  4. 陽春到極點的網站
  5. 功能超少

但不同的情境適用於不同的網站架設,若練習網站架設能力,其實找這些免費網站架設的平台其實是相當足夠了。以下是免費網站架設的一些平台

  1. 熱搜情報網
  2. Wordpress.com
  3. Google協作平台
  4. Wix
  5. Weebly
  6. Webnode
  7. Jimdo
  8. Strikingly

網站架設推薦軟體

網站架設軟體百百種,從很早期的Frontpage直到現在仍有少數人在使用的Dreamweaver,但在2022年網站架設已經進化到不用寫程式,難易度相較於10年是大大減低,而現在只要拖拖拉拉的就可以獨立架設一個網站了。

而目前業界普遍使用的網站架設推薦軟體、平台、工具還真的是千百種。有分寫部落格、架網站、一頁式商店的,我們幫您處理如下
部落格專用

  1. Medium:自帶流量
  2. Pixnet:自帶流量
  3. 天空:自帶流量
  4. Google Blogger

電商專用的開店平台
  1. MOMO:自帶流量
  2. Pchome:自帶流量
  3. 蝦皮:自帶流量
  4. 91APP
  5. Shopline
  6. MeepShop
  7. Easystore
  8. WACA
  9. 一頁商店
形象網站專用
  1. 中華電信
  2. wordpress.org
  3. wordpress.com
  4. weebly
  5. wix
  6. strikingly
  7. Webnode
  8. Google協作平台
  9. Google商家
  10. 族繁不及備載

評估網站架設軟體架站or電商專用的開店平台有很大的一個分水嶺,就是"自帶流量"。 何謂自帶流量呢?也就是說在該平台上架好網站資訊or銷售頁or部落格之後,就會有流量。 一般這種都是平台的會比較多,如Momo、Pchome、蝦皮、Medium、pixnet之類的。所以與其說是架設網站,我更認為只是產品頁、銷售頁之類的上架而已,說要稱為"形象官網"。會建議還是要有獨立的網址,例如facebook.com.tw之類的。
另一種電商專用的開店平台,是不會帶流量的,例如ezstore、WACA、一頁商店,這類型的開店平台是整合了強大的電商功能與數據追蹤功能,費用都是每月收、每年收,若以是新創企業、商品試水溫的話 ,是非常的適合,但年費高、抽成也高。若是成熟穩定的企業,仍是會建議有自有的電商網站,一方面品牌形象很重要、二方面抽成低、網站掌控的程度都好許多。

設計網頁

設計網頁是整個在架設網站中最讓人頭痛的事情(也是委外費用最貴的部份,可參考網站架設費用),但其實Wordpress、Wix、Weebly類似的套裝軟體,提供友善的圖形化介面,已經讓設計網頁這檔事,變的非常簡單。此外再搭配網站模板,要設計一個有基本個人網站,再帶有些美感已經不是難事。 只要將適當的文案量配合網站模板的內容排版即可。

26萬人買網站模板

如上有26萬1,679人買模板設計網站,所以使用網站模板設計網站已經是很普遍的一件事了。那貴設計最推的就是Wordpress網頁設計。因為

  1. Wordpress是美國白宮、Mercedes-Benz建置官網的工具。
  2. Wordpress建置的網站全球市佔40%、共約7億5千萬個。
  3. Wordpress每月全球熱搜274萬次。
  4. Wordpress有上萬種的精美版型佈景可直接套用,1秒變高貴。
  5. Wordpress至2021/07/29有58,633個免費的外掛。
  6. Wordpress是一種你不用會寫程式也可以架設網站的工具。
  7. Wordpress是PHP和MySQL為平台的自由開源的部落格軟體和內容管理系統(CMS)。
  8. 外掛功能無限擴充、只需安裝外掛按鍵輕輕一按、功能無限增長,且免費的居多。
  9. Wordpress技術普遍、新手交接不間斷。
  10. 100%網站、資料庫擁用權,搬家、備份簡單又快速。
  11. 完整的前、後台功能,形象官網、活動網頁、購物網站、Blog通通有。
  12. 以內容管理系統(CMS)為初衷最適於部格格。
  13. Wordpress不用寫程式也能架網站,使用wordpress網站架設,無需寫任何一點程式。

網站不登錄,Google搜不到

網站登錄的目地是為了讓網路使用者可以藉由【搜尋】這檔事,進而找出相關搜尋的結果(這邊延伸出一種搜尋的行銷技巧,稱之為SEO搜尋引擎優化)。
所以會建議網站一旦完工後,就手動向Google提出登錄的動作,讓Google收錄你的網站,如此你的客戶才可以網站搜尋到企業網站。 若不自行手動登錄,時間一旦久了,網站仍是會被收錄。甚至其他的搜尋引擎也會自動收錄,如yahoo的bing、中國的百度之類。
網站登錄
Google的Chrome市佔率最高,所以至少一定要跟Google註冊網站。
手動登錄的方式需透過GSC(Google Search Console)網站登錄,透過GSC網址審查功能,一旦送出審核,快則一分鐘後就登錄生效了,慢數小時內也會生效。但要如何透過該方法登錄網站呢?開通GSC,並將新網址貼至以下紅色框的部份按下Enter即可
網站登錄

上述方式不管是在Google網址提交or網站提交都是一樣的方式,想要快速被Google搜尋出來都是同樣的方法,快則一分鐘你的網頁就會被呈現在Google搜尋結果。

做好網站訪客分析、精準目標族群

懂行銷的人一定知道精準族群的重要性。那若不懂行銷的人,你一定要知道網站訪客的族群精準性。因為對的族群才會在你的網站買單、做出轉換、創造營業額。以女性時尚衣服電商為主的網站,男性上去購買轉換一定必女性低,高齡的女性一定較二八年華的少女購買低。那該如何知道網站訪客的特性呢?
唯一選擇Google Analytics,由Google免費提供的網站分析工具,只要有gmail帳號都可直接申請。網站一旦安裝好GA, 則可透過GA觀察以下五大事情

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

網站備份備的好,搬家沒煩惱

俗話說網站備份好,網站沒煩惱。企業經營常一經營就要10來年,加上網路開啟了網路行銷大門,每個人對於網站的依賴性愈來愈高,更不用是靠網路做生意的企業。若是做購物車網站,有一堆客戶資訊、訂單記錄、百件上架商品都屬於重要資訊,這些全都要備份。第二網站有操作 SEO,已經寫了上百篇的文章,這也絕對要備份,以上都是一個企業賴以維生的資源,絕不允許遺失。
另一個需要備份的原因,網站完整備份,在網站遭受駭客攻擊or網站莫名掛點都可以即時利用 網站回溯機制的功能,讓網站回到前日的狀態,以確保網站可正常執行。幫你整理以下網站備份的重要性

  1. 防止數據丟失:網站備份可以保護網站數據免於因硬體故障、軟體錯誤或人為失誤而丟失。
  2. 網站修復:備份可以幫助您輕鬆地恢復被損壞或受攻擊的網站,減少網站停機時間。
  3. 提供安全性:網站備份可以保護您的數據和網站免於受到網絡攻擊和勒索軟體等威脅。
  4. 提高效率:網站備份可以幫助您更快速地回復到網站崩潰前的狀態,從而節省時間和資源。
  5. 網站迁移:網站備份可以幫助您將網站移植到新的主機或平台,以便網站搬家、更新和改進。

網站搬家的重要性

網站搬家是指將一個現有網站轉移到新的主機、新的網址或新的平台上。這種轉移可能因為許多原因而發生,如需要更高效的主機、更好的SEO排名、更好的網站性能、更好的安全性或更好的用戶體驗等。儘管網站搬家可能會帶來一些風險和問題,但它也有許多重要的好處,如下所述:

  1. 提高網站性能:搬家可以讓網站運行更快、更穩定,並減少故障率和停機時間。
  2. 提高SEO排名:搬家可以將網站轉移到更好的主機和網址上,以提高SEO排名和搜索引擎的可見性。
  3. 提高網站安全性:搬家可以將網站轉移到更安全的主機和平台上,以減少攻擊風險和保護用戶數據。
  4. 提高用戶體驗:搬家可以將網站轉移到更好的主機和平台上,以提供更好的用戶體驗,並提高用戶滿意度和忠誠度。

網站搬家也有一些風險和問題,例如網站流量和排名的下降、頁面錯誤和404錯誤等。因此,在進行網站搬家之前,應該仔細計劃、測試和準備,以確保順利完成搬家。這包括創建備份、更新網站地圖、重新定向頁面、驗證網站結構和測試網站功能等。如果您沒有網站搬家的專業知識和經驗,最好聘請專業的網站搬家服務提供商或諮詢專家的意見。 了解更多網站搬家

網站管理的12個要素

網站架設完成後,絕不是就會有源源不絕的流量,然後達成轉換接著賺錢。 你不理網站,網站也不會理你,所以對於網站絕對是要加以的管理、經營。以下是貴設計手邊經營8個網站的心得。你可以參考看看。

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

那個網頁設計語言最夯

那個網頁設計語言最夯呢?直接參考以下的圖表,參考來源是TIOBE,TIOBE排行榜是根據網際網路上有經驗的程式設計師、課程和第三方廠商的數量,並使用搜索引擎(如Google、Bing、Yahoo!)以及 Wikipedia、Amazon、YouTube 統計出排名資料,只是反映某個程式語言的熱門程度,並不能說明一門程式語言好不好,或者一門語言所編寫的程式碼數量多少。

網頁設計語言最夯

所以依上表看的出來python是目前全球最熱門的程式語言,但未必是台灣的,那要如何知道台灣最熱門的程式語言呢?版主介紹你一個更好的判斷方法,直接去104打程式語言名稱看有多個少職缺吧!

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

學程式語言不外是找工作為優先,將你有興趣的程式語言丟進去各大職缺的搜尋引擎,像是1111、yes123等等之類的,你就會知道你感興趣的程式語言將來工作好找嗎?同時你也會知道業界對於你學習這個程式語言,同時還會要求你要學那些程式語言。

網頁設計前端、後端、全端怎麼分?

  1. 前端工程師:網站訪客在網站所看到的一切,包含網站美醜、使用者介面、動畫、影音、互動式效果、特效、任何的功能。前台還有在細分UIUX、動畫工程師、切版與設計的網頁工程師。
  2. 後端工程師:支援前台所需的各式資料的準備,包含商業邏輯運算、資料串聯、資料庫連接,部份會包含管理資料庫,但牽涉的很淺。
  3. 全端工程師:是前端+後端的結合,包括使用前端和後端技術來創建整個網站。全端設計師通常負責整個網站的開發,從創建用戶界面到伺服器端代碼和資料庫設計等。
  4. DBA:也就是資料庫管理工程師,管理資料庫大小事,如資料表建立、資料庫優化。大公司資料數據多的比較會有該職缺。小公司大多由後端工程師一起管理。
  5. 系統工程師:系統工程師是一種負責系統設計、開發、部署、維護和管理的專業人員。他們通常負責整個系統的設計和開發,包括硬體和軟體,以滿足特定的業務需求。系統工程師需要具備深厚的技術知識和廣泛的技能,以便在整個系統生命週期中進行各種不同的任務。
  6. 資安工程師: 安工程師 (Security Engineer) 是負責保護電腦系統、網路和數據庫等數字資產免受潛在攻擊和威脅的專業人員。資安工程師需要深入了解資訊安全的原理、方法和技術,以及熟悉常見的安全風險和漏洞,能夠審查現有系統的安全性,提出建議並實施相應的安全措施,以維護數據安全和隱私。這職缺較少,台灣小公司普遍沒有太重視資安這塊,政府單位比較重視。

網頁設計接案,好嗎

網頁設計接案可以是一個很好的商業模式,特別是對於有相關技能和經驗的設計師來說。以下是一些優點和注意事項:
優點:
  1. 有機會與不同的客戶和行業合作,擴大自己的網絡和專業知識
  2. 能夠為客戶創建獨特和定制化的網站,提高客戶滿意度和口碑
  3. 可以在工作空閒時間或網絡上找到案例,提高收入和自由度
注意事項:
  1. 接案需要對時間管理和計畫制定有較高的要求,需要準確預估工作量和時間成本
  2. 需要與客戶保持良好的溝通和合作,了解他們的期望和要求,並及時解決問題
  3. 需要時刻關注網站設計的最新趨勢和技術,以保持競爭優勢和提高網站品質
做網站接案維生,自由分配工作時間,真是很吸引人。我做網站接案5年多,結論是不好接,價錢都壓的很低。要出來接案可以,但你要克服很多事情 (這就是 創業 嘛),如產品、競敵、行銷、服務流程。前一年、二年薪水不好是正常的,但兼職創業or選擇進入網頁設計的接案公司了解一下流程,最後再跳出來吧!

市佔全球40%的Wordpress是什麼?

WordPress網頁設計 是指使用WordPress 內容管理系統 (CMS) 製作網站的過程。WordPress是一個流行的開源CMS平台,擁有大量的主題和插件,可為使用者提供可定制和易於使用的網站建設解決方案。
使用WordPress網頁設計,可以輕鬆地創建包含頁面、文章、圖片和其他媒體的網站。設計人員可以使用WordPress主題或自己的設計來創建網站佈局,並使用WordPress插件來添加額外的功能,例如社交媒體分享、表格、聯絡表單、訂閱和翻譯等。
使用WordPress網頁設計,可以為不同類型的網站創建各種不同的功能,包括博客、電子商務、論壇、社交網絡和多語言網站等。WordPress也有一個強大的社區和文檔庫,可提供支持和資源,以協助使用者更好地設計和管理網站。了解更多 Wordpress是什麼 ?