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

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

公司網站架設該如何開始?B2B與B2C網站架設有什麼差異?網站架設費用又是多少?SEO行銷怎麼做呢?全球市佔40%、超過7億5千萬都是 WORDPRESS網頁設計的網站又是什麼呢?如何買網址、SSL、RWD是什麼。不管那個情況,接著躁鬱症發作,問題大暴發。心想弄一個形象網頁設計真的那麼難嗎?其實難不難取決於要什麼等級的網站,陽春型個人網站、企業形象官網、還是最難的平台類型,但網站架設的流程都是一樣的,請參考如下

  1. 選擇網站種類:如形象官網、電商購物網站、網站平台。
  2. 選擇網站開發平台:如貴設計最推薦的Wordpress架站,其他如Wix、Weebly之類。
  3. 素材準備:如網站文案、圖片、影片、Logo、YT、IG、粉絲團。
  4. 購買網址:貴設計只用Godaddy,價錢合理、生效快、買錯可退費。
  5. 租用主機:貴設計最推Siteground,網站穩定、售後超好、速度快。
  6. 網頁設計:如首頁、內頁的設計,平台工具各不同,會大大影響設計難度。
  7. 網站收錄:可透過GSC提交給Google收錄。

但不管什麼等級的網站,貴設計想先傳達一個最重要的訊息,市面上網站架設軟體百百種,務必選擇Wordpress架站, Wordpress網頁設計全球市佔40%、美國白宮也愛用、拖拉式介面,都大大簡易網站架設的難度。
此外思考如何做網站,貴設計會建議您如何做流量才會是更重要的事,應該把目標放在做網站流量,自然就會把網站做好。 如何做網站流量,請參考 SEO自學!SEO是什麼?【關鍵字排名優化69招】就醬做!

在掌握上述的網站架設流程後,接著就讓貴設計分享更多如何架設網站、網站架設流程、網站素材準備、網頁設計推薦。 就讓我們開始 GO!GO!GO!
關鍵字:網站架設費用網頁設計公司推薦WORDPRESS網頁設計


網站類型

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

官方網站架設的重要性

對每個品牌而言,擁有一個完整的形象官網並非必需,主要因為相關成本相對較高。因此,許多品牌偏好利用Facebook粉絲專頁、YouTube、Instagram等社群平台來取代官網的存在。然而,我們應該提出一個關鍵問題:即便擁有這些社群平台,我們是否仍然需要官方網站?
事實上,答案是肯定的。許多企業主在咨詢時常常會問道:“我們只經營Facebook粉絲團,不就夠了嗎?台灣使用手機瀏覽社交媒體的比例相對較高,因此只開設一個粉絲專頁是否更加高效?”然而,我們可以要求他們列舉哪些知名品牌僅擁有Facebook粉絲團和Instagram,卻並未建立官方網站呢?
實際上,官方網站猶如企業在網絡世界的代表大門。如果企圖在網絡行銷中占有一席之地,則勢必需要建立品牌的官方網站。然而,僅僅完成建立網站並非終點,而應視作起點。隨後,您將需要持續進行網站的管理、廣告行銷、網站優化、網站升級以及功能擴充等一系列工作。這些努力的目的在於不斷提升品牌形象,同時透過網絡行銷拓展客戶群體,進而提高業績。
因此,我們為何需要擁有企業網站?簡而言之,因為它代表企業在網絡世界的重要形象,需要精心籌備、持續管理和經營,以提升品牌形象,擴大客戶群體並增加業績。就讓我們來聆聽一下Google的見解:

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

有FB還需要建置官網嗎?

「是否擁有了Facebook,還需要建立官方網站嗎?」這個問題讓許多企業主感到困惑不解。他們可能會思考,既然已經擁有了Facebook粉絲專頁,是否還有必要花費精力建立官方網站呢?
這是一個值得探討的問題,但實際上,我們可以進一步提問:有哪個知名品牌僅僅建立了Facebook粉絲團,而未建置官方網站呢?這已經顯示出官方網站的存在所具有的重要性。
當然,除了這個理由之外,還有許多其他原因可以解釋為何建立官方網站是必要的。首要的是,官方網站能夠更好地掌握品牌形象和資訊的控制權。其次,它提供了更多的資訊和服務,例如商品目錄、線上購物等。最後,它能夠在網絡行銷方面提供更多的自由和靈活性,例如進行SEO優化以及進行網站數據分析等。
雖然Facebook粉絲專頁是一個出色的社交媒體平台,但它並不應該取代官方網站的角色。建立官方網站能夠更好地控制品牌形象,提供更多資訊和服務,並在網絡行銷中獲得更多的自由和靈活性。因此,若欲在網絡行銷領域佔有一席之地,官方網站是不可或缺的。

官方網站架設的好處?

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

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

網站架設的模式?

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

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

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

網站架設工具軟體篇?

架設網站會有分平台及工具二種,平台是指某間公司提供的網路服務,讓使用者在它們的網站透過拖拉的方式設計網站,例如台灣最大的中華黃頁、智邦、痞客邦、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%的網站需求。

自己架網站和網站架設公司架網站的差異?

  1. 技能和知識:自行架設網站需要具備相應的技能和知識,如網站開發、網頁設計、網路安全、網站優化等。而專業網站架設公司擁有專業的技術團隊,他們擁有豐富的經驗和知識,可以提供更完整和專業的服務。
  2. 時間和成本:自行架設網站需要花費大量的時間和精力學習和實踐。而專業網站架設公司擁有完善的網站開發流程和設計方案,可以節省大量的時間和成本。
  3. 網站品質:專業網站架設公司可以提供更高品質的網站設計和開發,包括網站的外觀設計、用戶體驗、安全性、網站速度等方面。而自行架設網站可能會出現設計不佳、功能不全或安全性不足等問題。
  4. 技術支援:專業網站架設公司可以提供完善的技術支援和維護服務,包括網站更新、修復和優化等。而自行架設網站需要自己處理技術問題,如果出現複雜的技術問題,可能需要花費大量的時間和金錢來解決。

自行架設網站和專業網站架設公司架設網站各有優缺點,具體要根據個人需要和實際情況來決定。如果需要建立高品質、功能強大的網站,且缺乏技能和經驗,那麼可以考慮尋找專業的網站架設公司。如果是一個簡單的個人網站或小型企業網站架設,自行架設網站可能是一個不錯的選擇。

B2C與B2B在網站設計上有什麼差異?

B2C(企業對消費者)網站和B2B(企業對企業)網站之間存在一些重要的差異,以下是其中幾個主要的差異點:

  1. 目標客戶: - B2C網站的目標客戶是個人消費者,旨在直接吸引和服務個人消費者。 - B2B網站的目標客戶是其他企業,提供產品或服務給其他企業使用或進行交易。
  2. 購買決策過程: - B2C消費者通常作出較快的購買決策,並受到情感和個人需求的影響。 - B2B企業的購買決策過程通常更複雜,需要多方面的討論和協調,並受到業務需求、預算等因素影響。
  3. 產品/服務特點: - B2C產品通常針對大眾市場,注重消費者的個人需求和情感體驗。 - B2B產品或服務可能更專業化,注重解決企業的特定問題和需求。
  4. 行銷策略: - B2C網站的行銷策略可能著重於情感和品牌建立,使用影響消費者情感的方法。 - B2B網站的行銷策略可能更專業,著重於解釋產品特點、價值,以及如何幫助企業解決問題。
  5. 價格定位: - B2C產品的價格定位可能更加敏感,需要考慮消費者的預算和價值感受。 - B2B產品或服務的價格通常與其專業性和價值相關,需要考慮企業的預算和長期效益。
  6. 交易量和頻率: - B2C網站可能處理較多的交易量,但單筆交易可能較小。 - B2B網站可能交易較大的金額,但交易頻率可能較低。
  7. 客戶關係: - B2C關注於建立消費者對品牌的忠誠度,通常是短期的交易關係。 - B2B關係可能更持久,需要建立長期的合作關係,提供支持和服務。

B2C和B2B網站在目標客戶、行銷策略、購買決策過程、價格定位等方面都存在明顯的差異,這些差異將影響網站的設計、內容和功能。

網頁設計是什麼?

網頁設計是指創建和設計網頁的過程。它包括了規劃網頁的外觀、佈局、圖形、色彩、字體選擇以及互動元素等,以確保網站看起來吸引人且易於使用。 網頁設計旨在為網站的訪問者提供一個良好的視覺和使用者體驗。
以下是網頁設計的主要方面

  1. 視覺設計:這包括網頁的整體外觀,如背景、圖像、顏色、字體、圖標等。視覺設計應該反映網站的品牌和目標受眾。
  2. 佈局設計:佈局設計涉及網頁上各元素的排列,確保它們在各種屏幕大小和設備上都能正確顯示。
  3. 互動設計:這包括添加按鈕、表單、導航菜單和其他互動元素,以便用戶可以輕鬆地與網站進行互動。
  4. 使用者體驗 (User Experience, UX) 設計:UX 設計旨在確保網站易於導航,並提供有關內容和功能的清晰資訊,以便用戶能夠快速找到所需的資訊並達成目標。
  5. 響應式設計:這是確保網站能夠在不同設備上(如桌面電腦、平板電腦、智能手機)都正確顯示和運作的設計方法。
  6. 可訪問性設計:可訪問性設計關注如何確保網站對所有用戶,包括身體殘障或使用輔助技術的用戶,都是可訪問的。

網站設計是什麼

網站設計是指創建和規劃網站的過程,旨在使網站在外觀、功能和用戶體驗方面達到特定的目標。這涉及到多個方面,包括設計、內容、結構、互動和性能等,以下是一些主要的元素

  1. 設計和外觀:這包括網站的整體風格、色彩、排版、圖像、圖示和其他視覺元素。良好的設計能夠吸引用戶,並提供一個吸引人的外觀。
  2. 用戶體驗(UX):網站的UX設計旨在確保用戶可以輕松地瀏覽網站,找到他們需要的信息或執行所需的操作。這包括易用性、導航、頁面載入速度等方面的考慮。
  3. 內容:這是網站的核心,包括文字、圖片、視頻和其他多媒體元素。內容應該有組織、易於閱讀,並符合網站的目標和目標受眾。
  4. 結構:網站的結構決定了網頁之間的層次結構和關聯。這包括菜單、導航列、頁面層次結構等。
  5. 互動:網站可以包括各種互動元素,如表單、按鈕、社交媒體分享功能、評論區等,以促進用戶參與和互動。
  6. 性能:這包括優化網站的載入速度,確保在不同設備和瀏覽器上都能正常運行,以提供最佳的用戶體驗。
  7. 響應式設計:現代網站通常需要能夠在不同的設備上適應,包括桌面電腦、平板電腦和智能手機。響應式設計確保網站在各種屏幕尺寸上都能夠正確顯示和運作。

網站設計是一個綜合性的過程,需要專業的技能和對目標受眾的了解。成功的網站設計應該能夠吸引用戶、提供價值、易於使用並符合品牌形象或目標。
綜合以上網頁設計與網站設計其實很類似,但網站設計和網頁設計是兩個相關但不同的概念,它們在範圍和目標上存在一些差異:

  1. 網站設計(Web Design):
    ●範圍:網站設計通常指的是整個網站的設計過程,包括所有網頁、頁面間的連結和結構,以及整體的視覺風格和用戶體驗。
    ●目標:網站設計的主要目標是創建一個統一的網站,以確保網站在整體上看起來一致,用戶可以輕松地在不同頁面之間導航,並實現整體品牌形象或目標。
  2. 網頁設計(Web Page Design):
    ●範圍:網頁設計專注於單個網頁的設計,它處理該網頁的佈局、視覺元素、內容和互動元素等。每個網站通常包括多個網頁,每個網頁都需要單獨的設計。
    ●目標:網頁設計的主要目標是確保單個網頁的內容和設計在該網頁上呈現得清晰、吸引人,以便用戶能夠理解信息、完成任務或執行操作。

網站設計與網頁設計的差異處,幫您整理如下


項目網站設計網頁設計
範圍整個網站的設計單個網頁的設計
目標確保統一性和用戶體驗確保單個網頁的清晰性和吸引力

網站架設是什麼

網站架設(Website Development)是指創建和開發一個網站的過程。這個過程涉及到構建網站的技術和功能方面的工作,通常需要深入的編程和開發知識。網站架設的主要目標是將網站的設計和功能變成實際可用的線上資源。
以下是網站架設的一些主要方面:

  1. 前端開發:前端開發涉及創建網站的使用者界面,包括網頁的佈局、內容呈現、互動元素等。前端開發人員使用HTML、CSS和JavaScript等技術來實現這些功能。
  2. 後端開發:後端開發關注網站的伺服器端邏輯,包括數據庫管理、用戶註冊和登錄、內容管理、安全性等方面。後端開發人員使用各種編程語言和框架來實現這些功能,如PHP、Python、Ruby、Node.js等。
  3. 數據庫管理:數據庫是存儲網站內容和用戶數據的地方,網站架設需要設計和管理數據庫結構,以確保資訊的有效存儲和檢索。
  4. 伺服器配置:伺服器配置涉及將網站代碼和數據部署到伺服器上,確保伺服器能夠正確運行並處理用戶的請求。
  5. 性能優化:網站性能優化包括加速網站的載入速度、減少頁面加載時間、提高伺服器的反應能力等,以提供更好的用戶體驗。
  6. 安全性:網站架設需要考慮到安全性,包括防止惡意攻擊、保護用戶數據、處理身份驗證等方面的工作。

網站架設和網站設計有什麼不同

網站架設(Web Development)和網站設計(Web Design)是建立網站的兩個不同但緊密相關的方面,它們有著不同的焦點和任務:

  1. 網站設計(Web Design):
    ● 焦點:網站設計主要關注網站的外觀、視覺風格和用戶體驗(User Experience, UX)。它包括網站的整體外觀、色彩、排版、圖像、圖示等設計元素,以確保網站吸引人並易於使用。
    ● 任務:網站設計師通常負責創建網站的視覺設計,並確保網站在不同設備上能夠正確呈現。他們設計網站的用戶界面,以確保用戶能夠輕松地導航、理解內容並執行操作。
    ● 工具:設計師通常使用軟件工具如Adobe Photoshop、Adobe XD、Sketch等來創建網站的視覺設計和原型。
  2. 網站架設(Web Development):
    ● 焦點:網站架設關注網站的功能和技術實現。它包括前端開發和後端開發。前端開發處理用戶界面和互動,而後端開發處理伺服器端的邏輯和數據庫。
    ● 任務:網站開發人員將設計師創建的設計轉化為實際可用的網站。他們編寫HTML、CSS和JavaScript代碼來實現網站的外觀和互動。同時,後端開發人員使用編程語言(如Python、PHP、Node.js等)來處理數據庫、用戶註冊、登錄和其他伺服器端功能。
    ● 工具:網站開發人員使用程式環境、腳本編輯器、開發工具環境(IDE)等工具來編寫、測試和部署代碼。

網站設計和網站架設是網站開發過程中的兩個不可或缺的部分。設計關注外觀和用戶體驗,而架設關注功能和技術實現。這兩個方面需要合作以創建具有吸引力且功能完備的網站。

項目網站設計網站架設
焦點外觀和用戶體驗功能和技術實現
任務設計外觀和用戶界面編寫前端和後端代碼
工具設計軟件(如Photoshop)編程環境和文本編輯器

網站製作的類型有那些呢?

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

種類說明
📌 形象官網一般的品牌形象網站,官網可提供公司介紹、產品列表、常見問題、聯絡我們、交通資訊、最新消息(即為部落格)、媒體報導、價格方案、產品訂購、合作提案、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網頁設計,其實是從技術的角度定義網站。

主機、網址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買網址

網站前台、後台是什麼?

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

網站前台、後台

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. 單一網站維護:只存在單一網站,所以只需維護一個網站,減少工作負載。

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是什麼? 它們的優缺是什麼呢?

網路平台是什麼?

網路平台是指在網路上運作的一個系統或服務,用於提供各種功能、資源和互動的場所。這些平台通常由一個中央實體或組織管理,並與用戶進行交互。 以下是一些常見的網路平台範例:
  1. 社交媒體平台:像 Facebook、Instagram、Twitter 和 LinkedIn 等社交媒體平台,讓用戶建立個人檔案、分享訊息、照片和影片,並與其他用戶互動。
  2. 電子商務平台:像 Amazon、eBay、Alibaba 和 Taobao 等電子商務平台,提供購物功能,允許商家上架商品,消費者可以在平台上購買商品。
  3. 在線服務平台:像 Uber、Airbnb、Grab 和美团等在線服務平台,提供以共享經濟為基礎的服務,如車載服務、住宿預訂、外賣訂購等。
  4. 知識共享平台:像 Wikipedia、Quora 和Stack Exchange 等知識共享平台,用戶可以創建、編輯和分享知識性內容。
  5. 媒體分享平台:像 YouTube、Netflix、Spotify 和 SoundCloud 等媒體分享平台,用戶可以上傳、分享和播放音樂、影片和其他媒體內容。
  6. 在線教育平台:像 Coursera、Udemy 和 Khan Academy 等在線教育平台,提供各種主題的學習課程和教育資源。

任何的網路平台都是相當難經營的,因為一個平台會有2~3甚至更多的使用者、用戶。三者之間都是相輔相成,因此 必需針對這三方使行銷、做優化。但這就是一個先有雞還是先有蛋的問題。

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的話 ,對你的網站都會有很大的影響,所以請審思該網站架設的公司。

測試機與正式機是什麼?

在網站開發中,測試機與正式機是兩個不同的環境,用於不同階段的測試和運行。以下是它們的解釋:
測試機(Test Server):測試機是用於開發者和測試人員進行測試和調試的環境。在這個環境中,開發團隊可以測試新功能、修復錯誤、進行性能測試等。測試機通常是一個與真實環境相似的環境,但並不直接對外提供服務,而是用於內部測試。
正式機(Production Server):正式機是最終部署和運行網站的環境,也稱為生產環境。當網站開發和測試完成後,它將被部署到正式機上,供實際用戶訪問和使用。正式機必須穩定、可靠,並且需要滿足實際使用情況的需求。
總結來說,測試機是用於開發和測試的環境,而正式機則是用於實際運行和提供服務的環境。通過在測試機上進行測試,開發團隊可以確保網站在部署到正式機之前是穩定且功能正常的。

網站架設費用-前言

網站架設費用從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

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

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

最基本的網站架設費用如下(以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. 網站維護費:網站無故掛掉,至少有人幫您處理。

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

一個成熟、具規模商業性質的網站建置從無到有,大都只知道主機費、網頁設計費,但其實在網站的經營過程中,為了網站安全、專業形象、服務品質等等,都會額外安裝許多功能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. LINE@:LINE@ 推播訊息計價費,單月數千元。了解更多請參考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. 【客製化網頁設計】為什麼網頁設計費用貴的嚇死人!!

客製化網頁設計費用?

客製化網頁設計報價單

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

一頁式網頁設計費用?

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

網站架設費用如何比較?

網站架設費用除以上基本費用,還有最貴的網頁設計費用。 網路上百百種網頁設計方案,從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更高的都有。

Google Sites協作平台

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

Google Blogger

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

Google本地商家

何謂是Google本地商家呢?目前處於歌紅人不紅的窘境,你天天都會使用到,但卻很少人知道它。 Google本地商家(Google My Business)是Google提供的一個免費的商業註冊平台,讓商家可以在Google上列出自己的企業資訊,包括地址、營業時間、聯絡資訊、產品服務、評論等等。當用戶在Google搜索相關的商業資訊時,本地商家列表會出現在搜尋結果的頂部或側邊欄位,並顯示距離用戶所在地的距離。
Google本地商家提供了一個便利的渠道,讓商家能夠展示自己的企業資訊,並且能夠被更多的用戶所看到和發現。通過Google本地商家,商家可以與用戶直接互動,回應用戶評論和提供更好的服務體驗。此外,商家還可以通過Google本地商家平台上的分析工具,了解用戶對自己企業的搜尋和互動情況,進而優化自己的網路營銷策略。
總的來說,Google本地商家是一個很有價值的工具,可以幫助商家提高自己的在地搜索排名,增加曝光率和業務量。
白話一點就是說當你在Google搜尋"餐廳推薦",Google Map就會給你一堆推薦的餐廳,這個就是Google本地商家。 Google 本地商家 所以若你是實體店面的,最適合使用Google本地商家架設網站(範例)。

Google Web Designer

Google Web Designer是一個由Google推出的免費網頁設計工具,它可以幫助使用者創建HTML5、CSS3和JavaScript等網頁。該工具適用於設計師、開發人員和網站所有者等等,用戶可以輕鬆地創建和設計各種網頁,包括動畫、交互式元素、廣告、遊戲等等。以下是Google Web Designer的一些特點:

  1. 免費:Google Web Designer是一個完全免費的網頁設計工具,使用者可以在不支付任何費用的情況下使用該工具。
  2. 支持HTML5、CSS3和JavaScript等技術:Google Web Designer支持HTML5、CSS3和JavaScript等技術,使用者可以使用這些技術來創建各種互動和動畫效果。
  3. 擁有豐富的元素和範本:Google Web Designer提供了豐富的元素和範本,包括各種圖形、動畫、交互式元素、廣告和遊戲等等,使用者可以使用這些元素和範本來快速創建網頁。
  4. 易於使用:Google Web Designer的介面非常簡單易用,並且支持拖放功能,使用者可以輕鬆地拖動元素和內容,以構建自己的網頁。
  5. 支持多平台:Google Web Designer支持多平台,包括Windows、Mac、Chromebook和Linux等等。

Wordpress

WordPress 是一個極為流行的免費、開源的內容管理系統(CMS),用於建立和管理網站。它是使用PHP編程語言和MySQL數據庫開發的。以下是一些 WordPress 的主要特點和功能:

  1. 易用性:WordPress 提供了一個直觀且用戶友好的界面,使得即使對網站開發沒有太多經驗的人也能輕鬆建立和管理網站。
  2. 主題和外觀:WordPress 提供了大量的免費和付費主題,您可以根據需要選擇外觀,使您的網站看起來獨一無二。
  3. 插件擴展:有豐富的插件可供選擇,可擴展網站的功能,包括社交媒體分享、SEO優化、安全性等。
  4. 多媒體支援:支援多種媒體類型,包括圖片、音頻、影片等,輕鬆添加和管理多媒體內容。
  5. 社區和支援:WordPress 擁有龐大的全球使用者和開發者社區,提供了大量的技術支援、教程和資源。
  6. 多語言支援:WordPress 提供多語言支援,使得您可以輕鬆建立多語言網站。
  7. 安全性:雖然 WordPress 是開源的,但它有一個積極的安全性社區,不斷更新和修補潛在的安全漏洞。
  8. 搜索引擎優化(SEO):WordPress 具備內建的 SEO 工具和插件,有助於提高網站在搜索引擎中的排名。
  9. 自訂性:WordPress 允許您根據需求進行高度自訂,包括佈局、外觀、功能和內容。

想了解更多關於Wordpress,請參考以下連結

  1. 推薦:WORDPRESS架站,網頁設計的快時尚
  2. Wordpress是什麼,為什麼連美國白宮都愛!

Wix

Wix是一個知名的網站建立平台,它允許用戶創建和設計自己的網站,而不需要程式或網頁設計的知識。Wix提供了各種各樣的網站模板和工具,讓用戶可以輕鬆自訂其網站的外觀和功能。使用Wix,您可以建立個人網站、企業網站、電子商務網站等各種類型的網站。Wix也提供許多附加功能,如博客、在線商店、訂閱表單等,以滿足不同用戶的需求。此外,Wix還提供網站託管和域名註冊等服務,使用戶能夠將其網站上線並在網站上訪問。總之,Wix是一個用於建立和管理網站的全套工具,對於不具備網頁設計經驗的用戶來說非常方便。 以下是它的優點

  1. 易於使用: Wix的使用者界面非常直觀,不需要編程知識,新手和非技術人員也能輕鬆建立網站。
  2. 豐富的模板庫: Wix提供各種設計精美的網站模板,您可以根據自己的需求進行自訂,這有助於節省設計時間。
  3. 多功能性: Wix具有各種附加功能,如博客、在線商店、訂閱表單等,可以滿足不同類型網站的需求。
  4. 主機和域名服務: Wix提供託管和域名註冊服務,使您能夠將網站輕鬆上線。
  5. 移動友好: Wix的模板和編輯工具支援移動設備,確保您的網站在各種屏幕上都能夠良好顯示。

缺點:

  1. 有限的自訂性: 雖然Wix提供了很多自訂選項,但對於需要高度自訂的專業用戶來說,它的靈活性可能有所不足。
  2. 價格不透明: Wix的價格結構可能令人困惑,某些高級功能和功能需要額外支付,而這些費用可能會在註冊時不夠明確。
  3. 廣告標誌: 在免費計劃中,Wix會在您的網站上顯示Wix廣告標誌,這可能對專業形象產生不利影響。要去除廣告,需要升級到付費計劃。
  4. 不適合大型企業: 對於大型企業或需要高度擴展性和定制性的網站項目來說,Wix可能不是最佳選擇。

總的來說,Wix是一個適合初學者和小型企業的網站建立平台,它提供了易用性和美觀的模板,但對於需要更高度自訂性和複雜功能的專業項目來說,可能不太合適。您應評估自己的需求和預算,然後決定是否選擇Wix或其他網站建立工具。
了解更多Wix,請參考Wix網站教學、費用

網站文案撰寫

架設網站中最困難的一步是文案撰寫。許多企業主面臨兩個主要問題:一方面,他們可能不經常寫文章;另一方面,他們也可能不確定該寫什麼。因此, 網站老闆們會在這一階段遇到困難。實際上,只需先建立網站導覽菜單,然後規劃每個頁面的結構。換句話說,先建立架構,然後填充內容即可。
如果您想要優化SEO,只需在文章中使用常見的搜索關鍵字即可。例如,將高搜索量的關鍵字用於主頁或網站導覽名稱(通常是服務名稱或產品名稱),將中等搜索量的關鍵字用於文章標題(通常是複合詞),然後將低搜索量的關鍵字分佈在文章中。
簡而言之,網站文案撰寫就是要將企業想要傳達給客戶的資訊整理出來,而這些資訊通常很多且雜亂。例如,如果您的企業是一家網站建設公司,您可能希望傳達有關您的服務、產品、價格、特點、差異、公司和創辦人以及聯繫方式等許多資訊。那麼,該如何整理這些資訊以供網頁設計公司使用呢?請參考以下步驟:

  1. 整理所有資訊:請將所有要傳達給客戶的資訊(包括文字、影片、產品圖片等)放在一個Word文檔中。我們建議您盡可能提供豐富的網站內容,因為內容越多,就可以更好地分頁處理,這樣有助於網站的資訊曝光,讓客戶更了解你。
  2. 資訊分類:面對大量資訊,請將其區分為產品資訊、公司聯繫資訊、公司理念和介紹等不同類別。
  3. 建立網站導覽菜單:一旦資訊分類完成,選出最重要的4到5個主要類別,然後為這些類別命名,以便它們可以成為網站的導航菜單。例如:選單示意圖
  4. 網頁結構規劃:什麼是網頁結構呢?(網站架構圖範例)?請參考上圖,我們將首頁分為六個主要區塊(首頁大圖+標語、網站設計服務、網站設計六大特色、網站設計範例、網站設計費用、網站設計教學)。這六個區塊構成了首頁的結構。
    在步驟1中,將資訊分類後,大類別可用作建立網站導覽菜單,同時,每個小類別可用作網頁結構圖。因此,您需要思考每個頁面的結構是什麼。
  5. 根據第4步,您實際上已經建立了整個網站的結構,例如首頁的六個主要區塊,接下來只需開始填充文案即可。每個頁面都可以遵循相同的邏輯。

如果您仍然無法想出主意,或者不知如何整理資訊,您可以直接參考競爭對手的導航菜單和文案內容(但務必進行修改和自定義,以避免法律問題),然後根據您的企業名稱和用語進行修改。如果您的行業不是新興行業,一般的導航菜單通常包括“首頁、產品/服務類別、最新消息、關於我們”。
第二個大絕招就是用Open AI幫你寫架構,可參考下圖。 網站架設如何撰寫文案
當網站架構出來,接著拿產生的內容,請Open AI繼續寫文案,我們拿上圖公司背景、使命和價值觀,請Open AI幫我們產生如下的內容。 網站架設如何撰寫文案 當請Open AI蝦掰好所有的內容,請記得重新潤稿一下內容,若為造假、寫錯、不符合事實的內容,都務必修正。所以網站架設寫文案這當事,自從OpenAI出來後,變得相當簡單,重點Open AI目前都還有免費版的可以使用,以上不坊參考看看。
Open AI連結

網站架設素材準備

網站素材指的是圖片、影音、文字、影片等,素材美觀精緻大方,網站建置就會漂亮(尤其是圖片,可參考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(圖片漂亮,網站一定漂亮)
下載網站架設素材表檔

免費網站架設資源

台灣夯創業,創業初期經費有限,創業者通常都希望能建立一個免費的網站(例如: Google Sites協作平台Google Blogger)。貴設計要告訴您, 這是完全可能的, 即使是建立免費的電商網站也是可以的。 但是,免費方案在網站資源、設計和外觀方面可能會有一些限制, 但至少可以作為起始階段的一個網站架設選擇。
當您的業務進入正式營收階段並且經費充足時, 您可以考慮轉移到 Wordpress網頁設計等付費建站平台。
以下是一些知名的免費網站架設平台、工具供參考。

免費網站架設平台免費網址廣告中文介面
熱搜情報網
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

以下連結還有更多免費網站架設的資源,無論是寫部落格還是自學建立網站,都應該足夠滿足您的需求。

  1. 免費虛擬主機/網站空間
  2. 免費購物網站架設
  3. 免費網頁模組下載
  4. 免費圖片下載
  5. 免費影片下載
  6. 免費圖片編輯
  7. 免費圖示
  8. 免費向量插圖
  9. 免費CDN
  10. 免費Https

網站版型如何選?

網頁設計首重網站精美漂亮又吸睛,特別又在首頁。 而這關乎著二件事情,模板與圖片,而網頁模板佔了8成決定網站的精美程度,所以絕不容小覷。
但精美漂亮的網頁模版去哪找?自己設計?別鬧了。設計網頁模板絕不是簡單的, 模版精美漂亮是基本,還要兼容瀏覽器相容性、不同載具尺寸、圖片、排版...等等。 一個精美的HTML5模板大概要8~10年經驗的專業網頁設計師,要懂得一大堆的技術(可參考如下),才能設計出來版型。 網站架設流程
若要找外包,光是首頁費用就1萬2~1萬5不等,還未包括內頁,再說外包大部份也是拿網頁模板來改的,所以終歸一句還是模板。
所以千萬別鬧了,貴設計推薦你使用themeforest.net購買網頁模板, 500元起,精緻美觀的Wordpress模板HTML5模板一頁式模板,通通都有。且都滿足RWD,又兼容主流的瀏覽器(如Chrome、Safari)。 使用網頁模板免去一切從零開始,瞬間擁有專業網站。所以網頁模板就是那麼好用的,再繼續看我們的分享吧!

在你下載HTML5模板之前,請務必前往themeforest.net網站進行註冊。這個網站提供了超過18,500個不同類型的HTML5模板,而且價格相當合理,大部分的模板都在1,000元左右。無論你的需求是什麼,你都可以在這裡找到合適的模板,因為它們被分為12種不同的風格類別,包括但不限於房地產、婚禮、科技、公司企業、娛樂等等。
這些模板的多樣性使你能夠輕鬆地找到符合你公司或企業形象的風格,無論你是一家新創公司、大型企業還是個人部落格。此外,themeforest.net也提供了一個評論和評分系統,這讓你可以查看其他使用者對模板的反饋,以幫助你做出明智的選擇。

歐美Wordpress網站設計範例及作品集推薦

購買網頁模板時,除了關注基本介紹外,還需要特別注意以下幾點事項:

  1. 網站類型:網站的種類可以分為形象官方網站、電子商務網站和部落格網站等不同類型。舉例來說,如果你打算建立一個電子商務網站,請確保你購買的網頁模板適用於電子商務,而不是誤買了一個設計用於部落格的模板。
  2. 模板的下載次數:正常情況下,多人下載的模板可能代表它是比較穩定且不容易出錯的選擇,因為受到廣泛使用的模板通常會經過更多的測試和修復,以滿足不同用戶的需求。
    同時,評分和評論也是重要的參考來源。查看其他使用者的評價可以提供關於模板品質和性能的寶貴見解。如果一個模板存在問題,評論部分通常會有人提出投訴或建議,這可以幫助你避免選擇有明顯問題的模板。 模板評論
  3. 最後更新時間(Last Update):模板的"最後更新時間"(Last Update)是一個關鍵性指標。如果模板已經很長時間沒有更新,這可能意味著該模板已經被停止支援,而且在面臨問題時,你可能難以找到人來處理這些問題。 模板規格
  4. 瀏覽器相容性(Compatible Browsers)是指模板可以在哪些瀏覽器上以美觀且正常的方式呈現。請特別留意,至少應該支援Chrome和Safari瀏覽器,這是相當重要的。
  5. 排版(Layout):模板需滿足響應式網頁設計(Responsive)。此外請用自己的手機查看模板有無跑板最準。尤其是B2C的網站手機排版更顯得重要。
  6. Lighthouse:要操作SEO的,可使用Lighthouse確認SEO、Performance。 Lighthouse

網站架設流程-前言

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

網站架設流程如上圖,這些步驟是完成一個網站最最基本的流程,缺一不可。步驟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搜尋到您的網站

租網站主機、網頁空間

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

但問題來了,租伺服器在國內外有數百間伺服器廠商,該怎麼選,怎麼看呢? 直白的跟你講, 很難選又難看,因為伺服器的硬體規格的組合太多了。例如伺服器會依window、linux 系統、 硬碟種類、硬碟容量、CPU 限制、記憶體、每月流量、I/O Rate、資料庫、國外主機、虛擬 主機、實體主機…!@#$%^&*()_+。所以基本上也不用比較了。本書會建議你直接這樣子 選吧!
網站架設初階者:選擇台灣主機、例如智邦、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官網

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官網購買網址

網頁設計

網路上有很多的線上網頁製作平台、套裝軟體、網站架設公司都有提供網站架設的服務。要找免費網站架設請參考 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網頁設計

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安裝步驟

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登錄

首頁如何設計

網站首頁的重要性不可忽視。它是用戶的第一印象,吸引人且易用的首頁能讓用戶留下好印象,持續瀏覽網站。首頁提供清晰導航,幫助用戶找到所需內容,提高用戶體驗。
同時,展示品牌形象和價值,增加品牌知名度和認知度。引導用戶轉化,鼓勵他們進行行動,如註冊、購買。首頁突顯重要內容、特色產品,吸引用戶深入探索網站。綜上,精心設計首頁,對網站的成功和用戶印象至關重要。
簡單創將整理成以下五點,請您參考

  1. 引人入勝的標題: 使用吸引人的標題,激發用戶的興趣,並鼓勵他們繼續閱讀內容。一個好的標題能夠吸引訪客的注意力,引起他們的好奇心。
  2. 強調價值主張: 在首頁文案中,清晰地表達您的網站或公司的核心價值和優勢,讓用戶知道他們為什麼應該選擇您而不是競爭對手。
  3. 客戶導向: 強調您的服務或產品如何滿足客戶的需求,讓用戶感受到網站是為他們量身打造的。
  4. 證明和社會證據: 如果有相關的證明、獲獎、客戶評價或成就,可以在首頁文案中展示,這些可以增加網站的信譽和可信度。
  5. 品牌故事: 如果適用,可以在首頁中簡要介紹您的品牌故事,以便用戶更好地了解您的背景和價值觀。
  6. 內容展示: 首頁可以突出展示網站的重要內容、最新消息、特色產品或服務,吸引用戶深入探索網站內容。

最後,請記住網站的設計風格和品牌形象相符, 保持一致的視覺風格和語言風格,這樣能夠增強用戶對網站的印象和信任感。 同時加上良好的設計,如RWd、易讀性、留白。最後一點就是加上呼籲行動(Call-to-Action) 增加網站的轉換,首頁就完美實現。 。

形象網站是什麼

形象網站是一種網站,其主要目的是在網路上展示和宣傳一個個人、公司、品牌或組織的形象和形象。形象網站的設計和內容通常旨在向訪問者傳達特定的信息和印象,以塑造對該實體的觀感和印象。形象網站的特點可能包括以下內容:

  1. 公司或個人介紹:網站通常包含有關該實體的歷史、使命、價值觀和目標的信息。
  2. 產品或服務展示:如果是公司網站,則可能會展示其產品或服務的圖片和描述,以吸引潛在客戶。
  3. 圖片和視覺元素:形象網站通常會使用吸引人的圖片、視頻和設計元素,以營造吸引力和專業感。
  4. 客戶或合作夥伴推薦:網站可能會包含客戶評價、合作夥伴列表或其他形式的社會證明,以增強信譽。
  5. 聯絡信息:形象網站通常提供聯絡信息,以便訪問者能夠輕鬆聯繫該實體。

形象網站範例:例如以及視覺ISEI明曜資訊Richstar

形象網站架設工具?

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

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

形象網站的架構?

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

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

形象網站基本注意事項

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

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

購物網站是什麼?

購物網站又稱電商網站、購物車網站。購物網站是一種在網路上運營的網站,它提供了一個虛擬平台,供人們購買各種商品和產品。這些網站的主要目的是讓消費者在線上選購商品,將所選商品添加到購物車,然後進行支付和配送安排。購物網站可以包括各種商品,從衣物、電子產品、食品、家居用品到珠寶、書籍和更多。以下是購物網站的一些主要特點:
  1. 商品目錄:購物網站通常擁有廣泛的商品目錄,以展示可供選擇的各種產品。這些目錄可以按照不同的類別、品牌和價格範圍進行組織。
  2. 商品詳情:每個商品都有詳細的描述、圖片、價格和其他相關信息,以幫助消費者做出選擇。
  3. 購物車:消費者可以在網站上將所需的商品添加到購物車,然後在結賬時查看並修改其所選商品。
  4. 結賬和支付:購物網站提供不同的支付選項,讓消費者可以安全、方便地完成購物交易,通常包括信用卡、網上支付、貨到付款等。
  5. 配送和送貨:購物網站通常提供多種送貨選項,消費者可以選擇適合自己的送貨方式,等待商品送達。
  6. 客戶服務:許多購物網站提供客戶支持和退換貨政策,以確保消費者有良好的購物體驗。

購物網站為消費者提供了方便的購物方式,允許他們在任何時間和地點都能購買所需的商品。這種網上購物的模式已經成為現代生活中不可或缺的一部分,並且在全球範圍內廣泛使用。

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

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

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

購物車網站架構?

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

購物車網站基本注意事項

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

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

一頁式網站的優缺?

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

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

一頁式網站的缺點如下

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

一頁式網站的使用時機?

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

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

一頁式網站 VS 形象網站?

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

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

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

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

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

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

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

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

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

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

為什麼要手機版網站?

手機版網站的重要性在於滿足現代用戶對手機訪問網站的需求和行為模式。越來越多的人使用手機來瀏覽網站,甚至超越桌面設備。因此,有一個適應手機設備的網站是為了擴大用戶基礎和滿足用戶期望的必要之舉。
手機版網站可以提供優質的使用者體驗,使用戶能夠輕鬆地在手機上尋找所需的資訊、進行線上交易或與網站互動。手機設備的特點,如小螢幕、觸控操作和移動性,需要特別設計和優化的網站,以確保內容清晰可見、操作便捷且能夠快速加載。
因此,擁有一個適應手機設備的網站是現代網路環境中不可或缺的。手機版網站能夠擴大用戶基礎,提供優質的使用者體驗,並增加在搜尋引擎中的可見性。這將有助於促進業務增長,提升品牌形象和網站的競爭力。

手機版標配網站設計-RWD?

響應式網頁設計(Responsive Web Design,RWD)是一種設計和開發網站的方法,旨在使網站能夠在不同尺寸和解析度的設備上提供最佳的使用者體驗。這種設計方法強調網站的佈局和內容能夠根據使用環境的特點進行自動調整和重新排列。
RWD的核心概念是使用彈性佈局、彈性圖像和媒體,以及媒體查詢(Media Queries)等技術來實現適應性。這意味著網站的設計和佈局不僅取決於固定的像素值,而是根據螢幕尺寸、解析度和設備特性來自動調整。
當使用者在不同設備上訪問響應式網站時,網站的內容、圖像和版面結構會相應地重新排列和縮放,以確保最佳的視覺效果和使用體驗。這可以通過使用CSS媒體查詢、彈性佈局技術和適當的圖像調整來實現。
RWD的優勢包括提供一致性的使用者體驗、跨設備兼容性、節省時間和成本、SEO優化,以及適應不斷變化的設備和用戶需求。
了解更多RWD響應式網頁設計

B2C網站首重手機版設計?

手機訪問的便利性和普及性使得手機成為一般消費者在尋找商品、進行線上購物和對比價格時的首選設備。 因此,為了吸引和留住消費者,B2C網站需要注重手機版設計。
反觀B2B的網站應該更注重電腦版的網站設計,因為目標族群會慣用電腦瀏覽網站。

手機版網站設計注意事項?

在設計手機版網站時,有幾個重要的注意事項:

  1. 響應式設計:使用響應式設計,使網站能夠根據不同的手機螢幕尺寸和解析度進行適應。這確保內容和佈局在不同設備上都能正確顯示和適應。
  2. 簡潔的設計:手機螢幕有限,所以保持設計簡潔且易於閱讀至關重要。避免過多的文字和過多的圖像,注重資訊的清晰度和易於理解。
  3. 簡化導航:手機版網站應該具有簡化的導航結構,使用戶能夠輕鬆地找到所需的內容。使用滑動式抽屜菜單、下拉式選單或縮小的選單等方式,讓用戶能夠快速瀏覽並選擇他們想要的頁面。
  4. 大型觸控目標:手機屏幕上的觸控操作需要足夠大的觸控目標,以確保用戶能夠輕鬆點擊按鈕、鏈結和其他互動元素。確保觸控目標之間有足夠的間距,以防止誤點擊。
  5. 快速下載時間:手機網路連接速度可能較慢,因此確保手機版網站具有快速的加載時間非常重要。
  6. 圖片的設計:在手機版圖片上的設計,需與電腦版分開設計,因為一般電腦版的圖片在手機版上會非常的小,導致圖片內的文字看不見。常用手機版的尺寸為300*300。
  7. 表單的設計:同上道理,所以手機版的表單需為直式的表單,不能為橫式表單,否則同樣會有看不見的問題。

一人如何架設網站呢?

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

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

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

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

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

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

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

網站完成後的迷思?

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

  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. 網頁內容愈多愈好:網頁有內容固然是好,但重要是要能夠讓網站訪客留下來願意閱讀才是重要的,所以網頁內容愈多可以,但請提供適當的留白、圖片影片、分章節段落、空白。易於訪客閱讀是很重要的。

網站完成後的常見問題?

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

網站管理項目

官方網站管理,會從以下的角度管理網站

  1. 網站內容管理:包含內容更新、編輯、刪除和新增頁面等工作。必須確保網站內容總是保持最新,並滿足使用者需求。
  2. 網站當機和死機:如果網站經常出現當機情況,考慮更換主機供應商。
  3. 網站下載速度過慢:如果下載速度太慢,可能是因為文案和圖片過多,或者主機位置遠。可以考慮優化網站下載速度
  4. 連結失效:檢查網站連結是否失效,可以使用Dr.Link或其他工具。
  5. 網站破圖問題:小型網站可以直接觀察,但中大型網站需要使用相關工具。
  6. 頁面找不到:連結失效會導致頁面找不到的問題。
  7. 網站安全問題:防範駭客入侵和病毒攻擊。
  8. 回覆官網郵件:回覆各種郵件,包括結盟、合作、服務等。
  9. 回覆FB粉絲團留言:同上。
  10. 擴充網站新功能:規劃下一步的網站功能擴充,考慮是委外還是自行處理。
  11. 網站檔案備份:包括圖片、程式和文件等。
  12. 資料庫備份:備份資料庫中的系統設定和使用者註冊資料等。
  13. GA和GSC設定:定期檢查Google Analytics和Google Search Console的設定,確保正常運作。

網站經營方向

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

網站優化

網站架設完成後,還會開啟一個大議題網站優化。網站優化的目地很簡單,就是為了將網站轉化營業額出來 (下個月薪水、明年年終) 。 所以此時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輸入關鍵字做搜尋。如果搜尋出來結果的第一名,就是你的店家名稱,可想而知那個就是"黃金店面",黃金店面帶來的人潮就是金流了,重點是還不用付房租、更棒的一旦搶上黃金店面,還不容易落入別人他手,是有辦法獨佔長長久久的可能性的。

  1. SEO(搜尋引擎最佳化)是什麼?
  2. 亞洲搜尋行銷協會

轉換率優化

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

網站速度優化

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

速度優化的方式有那些呢?
  1. 亞洲主機位置
  2. 壓縮程式碼
  3. 移除沒在使用的CSS
  4. 圖片優化
  5. 減少Reqeust的呼叫
  6. 勿使用過多的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="new"。這代表網站使用者點擊連結時會新開視窗,不然你的網站使用者就會跑到別人家網站。
  5. 網站文字不是連結的部份,勿用藍色。大家很習慣看見藍色就以為是可以"點擊的連結",當網站使用者點擊之後卻沒有動作,使用者體驗會不好。
  6. 避免404連結(即是壞掉的連結)。可使用brokenlinkcheck檢查s
  7. 網站基本的品質就是圖片勿破圖,同時勿用解析度過低的圖片,會讓網站非常的醜陋。
  8. 圖片破圖
  9. 網站在文字、圖片,顏色的對比很重要。
  10. Chrome與Safari是二大瀏覽器陣營,請檢查網站在這二個瀏覽器是精美漂亮。
  11. 請檢查網站在以下螢幕解析度的外觀:手機為360x640、375x667、414x736、電腦版為1920x1080、1536x864、1400x900、1366x768 (資料統計:熱搜情報網
  12. IPhone是一個較封閉的系統(穩定、速度快、錯誤少),有些js的行為會跟Android系統不同。所以檢查javascript檔在IPhone是可執行的。
  13. 善用行動呼籲設計(CTA)、網站轉換率直直衝

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

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

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

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

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

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

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

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

何謂是API?

API是一種應用程式介面,它允許不同 APP、網站之間的資料交換。這種資料共享交換方式可以幫助不同的網站、APP互相協作, 從而實現更高效、全面的功能,例如Wordpress APILine APIChatgpt API,因此在現代網路服務環境中,API則是非常重要。
尤其特別是在線上娛樂服務,這類的網路服務中,API的作用更加明顯。因為娛樂城會提供各種各樣的娛樂活動,例如博彩、電子遊戲、體育賽事等。 這些活動需要大量的數據交換(因為做體育賽事、電子遊戲會跟做博彩的網站會不同, 所以包括統計數據、賽事結果、用戶資訊、返水、提領金額、扣款等。都必需使用API串聯資料,讓娛樂城更可管理會員的投注金額、餘額、賽事勝負資料。
因此API主要的目地就是讓不同網站之間的資料做共享。例如A網站註冊的會員,可以在B網站取得該會員的資訊,如Email、名稱、等級、錢幣餘額、扣款明細。

何謂是CDN?

CDN(Content Delivery Network)是一種分散式的網路架構,可以將網站的靜態資源(如圖片、CSS、JavaScript 等)儲存在多個地理位置的伺服器中,以實現全球範圍內的快速加載。那CDN最大的好處便是 當用戶訪問一個網站時,CDN 會自動選擇離用戶最近的伺服器,將網站的靜態資源從該伺服器中加載,以實現更快的加載速度。
因此透過CDN技術全球世界各地的網路使用者都可"快速"的瀏覽你的網站。而不再受限於物理環境的距離拖慢網站訪客的網頁下載速度。 那知名的CDN提供如Cloudflare就有提供免費的CDN服務。了解更多CDN是什麼,請參考 什麼是 CDN?| CDN 的工作原理是什麼?

馬上分享