【網頁設計、網站架設】攻略
33個網站設計技巧

超完整【網頁設計、網站架設】攻略,33個網站設計技巧

更新日期:2024/09/02

公司網站架設該如何開始?企業網站架設的眉腳是什麼?網站架設費用是多少?SEO行銷怎麼做?全球市佔40%、超過7億5千萬都是 WORDPRESS網頁設計的網站是什麼? 如何買網址、SSL、RWD、API、DNS、HTTPS、SEO又是什麼。 (懶得看理論嗎?想要網頁設計自學,那就直接開幹吧!架設網站實戰篇
架設網站撞到牆,接著躁鬱症發作,問題大暴發。心想弄一個形象網頁設計真的那麼難? 拜托,別了!都什麼年代,架設網站還在寫程式,不管個人or公司網站架設,貴設計始終推薦 WORDPRESS網頁設計 ,WordPress只要拖拖拉拉無Code就架站,請參考以下影片示範。

但不管什麼等級的網站,貴設計想先傳達一個最重要的訊息, 如何做網站,不如思考如何做流量才會是更重要的事, 應該把目標放在做網站流量,自然就會把網站做好。 網站流量是一件非常昂貴的行銷花費(如下電視廣告曝光),但也有0元廣告行銷,就再請參考 SEO自學!SEO是什麼?【關鍵字排名優化69招】就醬做!

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


網站類型可以根據其目的、功能和目標受眾劃分為多種不同的類別。以下是一些常見的網站類型及其簡要說明:

種類 說明
形象官網 介紹公司、品牌、產品,提供聯絡方式。
電商購物網站 在網路上銷售產品,提供多種結帳方式,例如信用卡、到貨付款。
形象+購物網站 首頁強調品牌介紹,內頁列出不同商品銷售清單。
Blog、媒體網站 發佈新聞、文章為主要內容。
論壇網站 提供討論區,例如MOBILE01、卡提諾論壇。
客製化網站 提供特有的網路服務,如UberEat、熊貓。
企業內部網站 公司內部使用,簡單設計,無需GA、GSC,需著重程式邏輯。
一頁式網站 整合所有內容在一頁上,適用於簡單宣傳、活動和個人履歷。
型錄式網站 展示產品或服務,提供詳細的產品資訊。

了解更多請參考:網站類型有那些?做網站分類搞錯,就一路錯到底!


官方網站架設的重要性

官方網站是企業或組織在數字時代的身份證明,不僅提升品牌形象,還是與客戶互動、展示產品或服務、進行市場行銷的重要平台。它作為訊息發布的主要渠道,有助於建立公眾信任,同時提供一個控制敘事和品牌訊息的空間,是達到全球觀眾的關鍵工具。
以下是官方網站重要性的概述:

官方網站的重要性 說明
品牌形象強化 提供一個專業的線上形象,強化品牌識別。
市場行銷平台 有效展示產品或服務,進行線上行銷活動。
客戶互動 提供與客戶互動的渠道,增強客戶服務和支持。
訊息發布 作為官方訊息發布的主要渠道,提高透明度。
全球觸及 打破地理限制,觸及全球客戶和觀眾。

架設公司網站的好處,請參考 【官方網站架設】的重要性你知道嗎?官網架設推薦平台有?


官網的重要性是連Google都認同的

有FB還需要建置官網嗎?

差異 官網 FB
品牌控制 完全掌控 受限制
專業性 較低
SEO 容易 困難
CRM 支援 有限
銷售和交易 支援 有限

官網提供更多的品牌控制和專業性。您可以自由設計和管理它,以完全展示您的品牌形象,提供詳細的產品和服務訊息,並增加專業性。這有助於建立信任和吸引潛在客戶。
其次,官網有助於搜索引擎優化(SEO)。官網上的內容更容易在搜索引擎中排名,這有助於提高您的在線可見性,使潛在客戶更容易找到您。FB的內容通常不容易在搜索引擎中被發現。
另外,如果您計劃在網路銷售產品或服務,官網提供了更多的自由度來設置電子商務功能,並提供更多的支付選擇,從而擴大您的銷售渠道。
最後,官網上的用戶資料和客戶資訊完全屬於您,而在FB上,這些資訊受到平台政策的約束。所以其實以官網跟FB粉絲團是各有其功能,在特性上面、掌控各有不同。
了解更多 有FB還需要建置官網嗎?

官方網站架設的好處?

  1. 品牌形象:官網可以完全展示您的品牌形象,提高專業性,增加信任。
  2. 詳細訊息:提供更多產品、服務和公司訊息,幫助客戶做出更有信心的決策。
  3. 搜索引擎優化(SEO):官網更容易在搜索引擎中被發現,提高在線可見性。
  4. 電子商務:支援在線銷售和交易,擴大銷售渠道。
  5. 客戶互動:與客戶建立更緊密的互動,提供支援、回答問題和收集反饋。
  6. 控制權:您完全掌控官網,不受第三方平台的限制。
  7. 資料擁有權:擁有用戶資料和客戶資訊,以更好地理解和服務您的受眾。

所以架設網站的好處很多,尤其當你的產業都不流行架設官網,而你有網站時,而且還要用官網架設推薦軟體【WordPress】,那整個差異化就出來。 了解更多架設官網的好處
延伸閱讀:【WordPress是什麼】從架站理論到實戰教學分享

網站架設的模式?

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

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

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

網站架設的工具/平有哪些?

網站架設可概分為兩類:平台和開發工具。平台如台灣的中華黃頁、智邦、痞客邦、 WeeblyWixWordpress網頁設計strikingly 都提供了一種方便、且易於使用的界面,使得即便是網站設計新手也能輕鬆透過拖放的方式來建立網站。 這些平台適合初學者,因為它們易於學習並使用。
而開發工具則涉及使用程式語言如Java、PHP、C#等來建構網站,這類工具更適合於有特定技術需求的開發者。

特點 平台 工具
易於使用 易上手、拖拉式界面 需要一定的編程知識
快速建立 提供預設模板和功能 需要自己設計和建立
成本 低成本、免費選項 可能有較高的起始成本
自由度 較有限,受限於平台功能 高自由度、可完全定制
擴展性 通常較有限 容易擴展和添加功能
控制權 受限於平台提供的控制 完全掌控網站每個方面
工具 Wix、WordPress、Weebly HTML、CSS、JavaScript、PHP
適用 半客製化 全客製化

在網站架設的難易度,會區分為如下

類型 範例 學習難度 費用 適用情況
基礎平台 痞客邦、Medium、Google Blogger、協作平台 0元 個人部落格、初學者練習、寫文章
中階平台 Wix、Weebly、Strikingly、Squarespace 中等 每年上千 提供完整前後台功能、專業感,但「無法搬家」
中高階平台 Wordpress.org 中高 4萬5千至6萬元間 企業網站架設,允許客製化功能
高階軟體 Java、PHP、.NET、Python 開發客製化網站,適合有強烈邏輯思維和追求新技術的專業人士

那你說平台好還是工具棒呢?其實並沒有一定,這個要取決於當你的適用情況跟預算。了解更多請參考:從基礎到高階:選擇合適網站建設平台的完全指南

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

項目 自架網站 網站外包
預算 較低,但需投資時間學習 初期高,長期可能更經濟
速度 基本快,複雜功能慢 依專業團隊而定,通常快速
美感 依賴個人技能,可能缺乏獨特性 量身設計,更吸引目標受眾
品質 可能有所妥協 高標準,使用最新技術
專業 可能缺乏專業知識 專業團隊支持,全面提升
適用 小型新創企業、個人Blog、玩票 穩定營利、預算充足

在考慮自行架設網站與委託專業網站架設公司之間的選擇時,我們必須評估技能、知識、時間、成本和網站品質等因素。自行架設網站要求個人具備網站開發、設計、網路安全和優化等相關技能,這可能意味著要投入大量的時間和精力來學習和實踐。
相比之下,專業網站架設公司擁有經驗豐富的技術團隊和成熟的開發流程,能夠提供高品質的網站設計和開發服務,涵蓋美觀的外觀設計、優秀的用戶體驗和穩固的安全性,同時節省時間和成本。
此外,專業公司還提供完善的技術支援和維護,減輕客戶自身在技術問題上的負擔。因此,如果目標是建立一個高品質、功能強大的網站且缺乏相關技能,選擇專業公司會是明智之舉。
反之,對於簡單的個人或小型企業網站,自行架設可能更為合適,既節省成本又能提供學習的機會。
了解更多,請參考自架網站和網站架設公司的差異自己架設網站要錢嗎?看你怎麼架?

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

在網站設計上,B2C(Business-to-Consumer)與B2B(Business-to-Business)之間存在顯著差異,這些差異反映了它們面向的不同目標受眾和業務需求。B2C網站旨在吸引消費者,通過生動、情感化的設計和簡化的購物流程促進即時購買。這類網站傾向於使用鮮艷的顏色、吸引人的圖像和動態效果,以及強調用戶評論和個性化推薦來增強用戶體驗。
相比之下,B2B網站服務於企業客戶,其設計更側重於專業性、信息的清晰傳達和功能性。B2B網站傾向於採用更為保守和專業的風格,包括低調的色彩方案和簡潔的布局,並提供詳細的產品信息、技術規格和行業資源。這些網站還可能包含複雜的功能,如客戶門戶、訂單管理系統和產品配置工具,以適應長期且複雜的銷售周期和決策過程。
總之,B2C網站設計注重於創造吸引消費者的視覺吸引力和簡化購買過程,而B2B網站設計則強調專業性、易用性和支援複雜商業交易的功能。兩者的這些設計差異體現了它們在滿足各自目標受眾需求方面的策略和方法。

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

企業網站架設注意事項

公司網站不是個人網站,可以像扮家家酒一樣, 許多事情都將過且過,因此在公司網站架設要注意的事項會特別多,可參考如下的面向。

  1. 目標和目的明確:在開始之前,確定您的網站的主要目標和目的。例如銷上銷費、品牌宣傳
  2. 優秀的設計和用戶體驗:設計一個吸引人的網站,讓訪問者容易找到他們需要的資訊。例如選單上寫男裝,點擊進去就不應該出現男裝以外的服飾。
  3. 優質的內容:提供有價值的內容,以吸引和保留訪問者,輕易建立起信任感。
  4. 安全性和隱私保護:確保您的網站是安全的,並符合相關的隱私法規。例如安裝SSL、資安軟體。
  5. 快速載入速度:優化網站以確保快速的載入速度。
  6. 行動設備優化:越來越多的訪問者使用手機訪問網站,確保網站具有RWD。
  7. SEO策略:提高網站在google搜索結果中的可見性。
  8. 穩定的主機和網站維護:網站不要三不五時就當機,這點很重要。
  9. 分析和監控:使用分析工具來追蹤訪問者的行為和網站的性能。例如GA、GSC。

或許你會覺的企業網站架設跟個人網站架設重點還不是一樣,其實是不然的。 企業網站與個人網站在目標、規模、功能需求、設計專業性和預算方面有明顯差異,這些差異反映了它們各自不同的目的和需求。企業網站著重於商業目標和品牌建立,而個人網站則更多強調個性表達和個人品牌。

特徵 企業網站架設 個人網站架設
目標 品牌建立、產品展示、客戶獲取 個人品牌、興趣分享、作品展示
預算 通常較高,需要專業設計和功能 較低,可以使用免費工具或模板
設計風格 專業、商業導向 個性化、創意自由
功能需求 複雜(如客戶管理、電子商務) 簡單(如博客、圖庫)
維護和更新 定期需要專業維護 依賴個人能力,不定期更新
SEO和市場營銷 重視SEO和在線營銷策略 可能不那麼重視,或自行學習實施

了解更多請參考:企業網站與個人網站的差異

網頁設計是什麼?

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

  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網站教學、費用

網站架設工具-Weebly

Weebly 是一個網站建構平台,讓使用者可以透過拖放工具來創建和設計自己的網站、線上商店或部落格。它的設計非常用戶友好,適合那些沒有網頁設計或編碼經驗的人使用。
Weebly 提供各種設計模板和自訂選項,用戶可以選擇適合自己需求的功能來創建網站。此外,Weebly 還有內建的SEO工具、社交媒體整合功能以及分析工具,幫助用戶優化其網站並追蹤訪客數據。 以下是它的優點

  1. 使用簡單:直觀的拖放編輯器,無需編程技能。
  2. 多樣模板:提供自適應各種裝置的多種設計模板。
  3. 內置功能:包括SEO工具、社交媒體整合及網站統計分析。
  4. 電子商務能力:支持線上商店功能,包括產品管理和支付處理。
  5. 支援與資源:廣泛的教學文檔、視頻教程和客戶服務。
  6. 價格靈活:從免費到多種付費計劃,適合不同預算。

缺點:

  1. 自訂限制:高級自訂選項有限,可能不適合需求較複雜的進階用戶。
  2. 功能擴展:缺乏特定插件和專業功能,功能擴展性不如某些其他平台。
  3. 導出限制:將網站內容轉移到其他平台可能較困難。
  4. SEO功能:基本SEO工具,但功能和調整選項相對有限。
  5. 廣告:免費計劃中包含廣告,可能影響網站專業形象。
  6. 價格與功能匹配:高級付費計劃的功能可能不完全符合其價格,性價比有待考量。

網站文案撰寫

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

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

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

特點 企業網站文案設計 個人網站文案設計
語調 專業、正式、客戶導向 個性、情感、自我品牌強調
目標 宣傳企業、提供產品或服務訊息 展示個人作品、專業形象、吸引潛在雇主或客戶
品牌一致性 與企業品牌形象一致 強調個人品牌和風格
CTA 明確的呼叫到動作,如填寫表格、致電、購買產品 可能包括聯絡方式或行動呼叫
內容 產品或服務詳細訊息、客戶證詞 個人簡歷、作品集、個人故事
語言 專業術語和語調 較自由的語言和情感表達
自我推廣 用於企業品牌宣傳和市場行銷 用於建立個人品牌和吸引潛在雇主或客戶

網站架設素材準備

網站素材指的是圖片、影音、文字、影片等,素材美觀精緻大方,網站建置就會漂亮(尤其是圖片,可參考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/yt/IG/地址/營業時間/合作夥伴網址之類的。

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

免費網站架設資源

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

平台 廣告干擾 介面
熱搜情報網
Wordpress.com
Google協作平台
Wix
Weebly
Webnode
Jimdo ✔ (簡)
Strikingly
Carrd
Tilda

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

  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. 表單的設計:同上道理,所以手機版的表單需為直式的表單,不能為橫式表單,否則同樣會有看不見的問題。

網站完成後的迷思?

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

  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. Chrome與Safari是二大瀏覽器陣營,請檢查網站在這二個瀏覽器是精美漂亮。
  10. 請檢查網站在以下螢幕解析度的外觀:手機為360x640、375x667、414x736、電腦版為1920x1080、1536x864、1400x900、1366x768 (資料統計:熱搜情報網
  11. IPhone是一個較封閉的系統(穩定、速度快、錯誤少),有些js的行為會跟Android系統不同。所以檢查javascript檔在IPhone是可執行的。
  12. 善用行動呼籲設計(CTA)、網站轉換率直直衝

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

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

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

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

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

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

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

以上是網站搬家的基本步驟,但當然還有一些眉眉角角的,例如 像是最重要的就是"你的網站能搬家嗎?",還有 租用新主機?網站主機怎麼挑? Wordpress專用網站搬家外掛、網頁跑版破圖、功能失效怎麼辦、 網站搬家SEO怎麼如何?這些都是網站搬家有遇見的問題,想了解更多,請參考【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 的工作原理是什麼?

如何避免網址綁架?

網站架設流程的第2步就是購買網址。若公司網址不在公司手上是最X100嚴重的問題,因為只要一個動作,將網址的IP設定移除or對映到18禁網站,貴公司官網3分鐘馬上掛,就是那麼的毀滅式分手,千萬不要懷疑。
所以找網站架設公司委外形象官網時,請務必自行購買公司網址。購買網址是一件很簡單的事情,請直接選擇Godaddy買網址。一旦買到網址的時後,在網站架設公司未收到尾款時,你可以大大的放心將帳密提供給他們做一些網站架設設定之類的事情,付尾款之前,請務必把密碼換掉。

如何避免網站無法搬家的窘境?

網站架設軟體、平台市面上有百百種,多得是讓人眼花撩亂。例如Wix、Weebly、strikingly、Joomla、Drupal、中華黃頁、智邦、91APP、OpenCart、Java、C++、C語言、Wordpress.com、imweb、monosquare、webnode、Wordpress.org、自有網站架設技術..(族超級繁就不及備載了)。
若是企業要經營網站的話仍是最推薦Wordpress網頁設計。是為什麼呢? Wordpress在全球的市佔率有40%,代表全世界有4成網站都是Wordpress技術製作(Wordpress形像網站有什麼優勢),如FB、美國白宮都是。這除了代表Wordpress有公信力、認可外,最重要的一件事情,你可輕易的搬家到任何Wordpress主機上。若網站架設公司使用Wix、Weebly、strikingly甚至自有架站技術,你是搬家的機會都沒有,所以你只能保證跟廠商結下的是一段好姻緣。
剛提到使用Wordpress網站架設可以輕易的搬家(使用All-in-one-migration),但在搬家的前提,完整的網站檔案是少不了的。 請在網站完成後,請先索取一份完整備份,後續也可詢問要如何拿到每日的備份。一旦有備份檔案要分手的時後,找間WP主機的網頁設計公司重新部署網站就可以了。
重要!重要!務必請網站架設公司提供網站後台的最大權限,不然即使你搬家也是沒有權限可以動網站。

如何避免網站GA資料綁架?

【網站優化】面向與工具探討,中提到 GA是Google提供的一套網站分析工具,透過它你可以了解網站的流量、每日使用者的變化與行為、使用者分析、熱門產品、網頁速度、站內搜尋、轉換...等等。 所以在網站經營過程中,GA資料是非常重要的,透過GA資訊才可做網站優化,例如最重要的就是網站流量。所以能力許可的話,自行申請Gmail安裝GA(如何在Wordpress網站安裝GA呢), 不行的話,請自行提供Gmail將GA、GSC綁定在該Gmail上面。事後你在換掉密碼就可以了。

自己架網站?

公司剛成立,很多創業家會選擇自己架網站,但公司網頁製作的好壞不只是網路的門面,更關係網站訪客的瀏覽體驗, 簡單來講公司網站做的好,網站訪客就會轉成錢,做不好就....,你懂的。因此企業的 官方網站架設很絕對重要的事情。 但就是沒有、沒銀彈,唯一選擇還是只有自己架設網站怎麼辦呢?好吧!那請直接參考架設網站實戰篇

如何挑選網站架設公司

挑選網站架設公司真的是一個有燒香有保佑的事情,因為太多不可確定因素是無法從表面得知的。 但相反的也代表說有些因素,還是可以單從表面來過濾網站架設公司,所以在選擇優質網站架設公司,不坊先參考如下

  1. 網站架設公司自己有無網站:真不用懷疑,常在FB網站架設社團看到許多接案公司,連自己的官網也沒有, 就要出來接案,這類型的接案者,一般價錢會開滿低的,就是想找幾個倒楣鬼來練功。真的在強調一下,價錢低的有10個有8、9個都是要出來練功的。 響應式網頁設計
  2. 網站公司自己的網站有無漂亮,若你都不愛他的風格,不覺的它的網站漂亮,那就不用詢價。
  3. 口碑和評價,最直接的就是參考 Google商家的評價,這些評價可以幫助您了解其他客戶的經驗,從而評估公司的專業性、服務質量和可靠性。正面的評價通常表示公司值得信賴,而負面的評價可以幫助您避免可能的問題。 例如以下是貴設計的google商家評價。 貴設計評價
  4. 成功案例:或者說作品集,瀏覽網站架設公司的作品集可以幫助您評估其能力和專業知識。 如果公司能夠展示類似於您需求的項目,這表明他們已經在相關領域取得已有經驗。
    例如以下是貴設計的網頁設計作品範例 ☞以及視覺明燿線材Cathy造型師工作室Ginger C.金磚鳳梨酥零距離沉風雅檀天使之翼 ,都是我們部份的網站範例,您可以參考。 貴設計官網設計包括的領域有創業平台、3D列印廠商、政府單位、新秘、攝影、電商平台、視覺設計、商務中心。 更甚包括政治大學法律學門增能計畫也是我們客戶之一。
  5. 網站架設技術:確保公司具有現代化的網頁設計軟體,例如Wix、Wordpress、Weebly。因為許多網站架設公司使用"自有"的網站架設技術,這就會導致網站被該技術綁架,你將來無法換主機、換外包商。所以貴設計推薦你使用主流技術開發網站。
  6. 公司成立時間:公司的成立時間可以提供一些關於其穩定性和長期承諾的訊息。通常情況下,成立時間較長的公司可能更有經驗,但較新的公司可能更具創新性。您需要權衡這些因素以確定哪家公司最適合您的需求。
  7. 客戶轉介:當您的朋友、同事或業界夥伴向您推薦一家公司,這代表他們對該公司的信任和滿意度。客戶轉介通常是一個有力的證明,因為它基於個人經驗和信任的建立。
    這種口耳相傳的方式可以幫助您確保您將與一家可靠、值得信賴的公司合作,因為他們已經為其他人提供了滿意的服務。所以,客戶轉介是一個值得考慮的因素,可以在您的決策過程中發揮重要作用。客戶轉介客戶轉介

影響網站外包價錢的因素

1.網站接案方角色

接案最悲哀的就是常常被比價,所以想要接案,一定要樹立自己的優勢,像貴設計做為網站架設的外包商,我們會免費提供SEO線上課程,像這個就是我們的特色。貴設計有18年的網站架設經驗,而這就是我們的優勢。 因為貴設計有專業經驗、還能免費提供100小時的SEO行銷課程,所以相對的網站架設外包費用,不會是1萬、2萬的,但許多詢問報價的劈頭就說好貴。 我們也很想回,只能出買猴子的價錢,當然只能買到猴子,怎麼會有獅子給你,但基於禮貌當然不行這樣子講。
這邊只是要強調預算有限的話,建議找學生幫你做網站,預算有到45,000~60,000的話,就可以外包給網站架設公司,如貴設計。 學生跟網站架設公司相信可以比較的很多,最基本的

  • 專業知識和技能水平:網站架設需要一定的專業知識和技能。學生可能是剛開始學習網站開發的初學者,相對於工作室和網站公司來說,他們的技術水平可能較低。因此,學生可能會提供更低價的服務。
  • 經驗和信譽:工作室和網站公司通常具有豐富的經驗和積累的案例。他們在過去的項目中獲得了寶貴的經驗,並建立了良好的信譽。這種經驗和信譽可能會使他們的服務價格較高。相反,學生通常缺乏豐富的經驗和信譽,所以他們可能會以較低的價格提供服務。

了解更多請參考 網站架設的接案方角色是如何影響網站架設費用

2.網站架設的技術

記得以前在找眼睛雷射手術的時後,診所說眼睛雷射手術區分為有刀、無刀。有刀傷口大、復原期長,價錢便宜。而雷射無刀傷口小,明天就可以清楚看見,但價錢貴。
這就是我說的技術,用原生語言java、php(FB的語言)來寫網站當然貴,因為都是一鍵一鍵的敲程式出來的,用套裝軟體,如Wix、Wordpress、Weebly當然便宜啊。 若用google sitesgoogle blogger、中華黃頁更不用比了。
延伸閱讀:從基礎到高階:選擇合適網站建設平台的完全指南

3.網站架設的規模和複雜度

網站架設的外包價格受到規模和複雜度的影響。網站專案的大小和功能需求直接影響到所需的工作量,因此也影響到外包價格。更大、更複雜的網站通常需要更多的時間和資源,包括開發人員和設計師的參與,這會增加成本。
特殊、高級功能,如電子商務、用戶帳戶管理和內容管理系統,也會增加開發複雜性和價格。此外,安全性需求、集成、擴展性以及測試和品質保證都將對價格產生影響。專案管理和專案規劃方面也需要額外的資源。因此,在外包網站開發前,清晰地定義你的需求,並與外包伙伴詳細討論專案的規模和複雜度,以確保價格合理,符合預算。
延伸閱讀:網站廣度、深度與網站架設費用的關係

4.網站設計的頁面數

設計1個頁面和設計一個包含100個頁面的網站,其成本差異可高達百倍之多。 若再考慮到UI/UX(用戶界面和用戶體驗)的概念,成本甚至可能增加至2倍或更多。 此外,網站設計的費用受到許多其他因素的影響,包括網頁動畫、視頻內容、跨瀏覽器兼容性、特殊功能等等。

5.精品網址

優質的網址通常是簡潔易記,具有高度品牌價值和市場競爭力。在競爭激烈的行業或熱門領域中,這樣的網址可能需要額外的購買成本,因此在網站架設方面的費用可能會因為選擇高品質的網址而增加。

6.主機等級

主機等級是指網站所使用的伺服器資源和性能。高等級的主機提供更高的可靠性、速度和安全性,並且能夠處理更多的流量和資料。然而,這種高等級的主機服務通常伴隨著較高的費用,因為提供這種等級的主機需要更多的硬體設備、網絡基礎設施和技術。
舉例來說,高性能運算伺服器、高容量主機和共享主機,它們的主機費用在不同等級之間有明顯的區別。

找網頁設計要注意的事項

依貴設計做了多年的網站,最讓人詬病的就是沒有網站功能最大權限,主因其實就是害怕使用者玩壞掉了,就很難修了,這邊我會建議跟你的外包商要求,給二個帳號,一個是大帳號要"所有功能權限", 一個是小帳號只開放部份常用功能的權限。剩的要注意的就是有無延伸性費用、後台、 RWD(不能多被收費)之類的。完整注意事項如下

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

網站架設範例

Wordpress形象網站架設、RWD響應式網站架設範例

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

更多網頁設計範例 ➔完整公司網站範例 ➔

網站架設完成交接後要注意的事情

外包網站架設完成後,有哪些事情要注意呢?請參考如下

  1. 網站完整備份:理論上依著作權法第十二條,白話一點說明就是【著作人(網頁設計公司)擁有網站的「著作權」,而出錢的客戶則得利用該著作的「使用權」】,也就是說客戶其實沒有擁有權的,也就是說,無法取得網站完整備份。 但實際上,客人都會認為網站的擁有權是我的,所以呢?問清楚吧!
  2. 後台網站教學:網站架設公司是否有針對前台網站設計教學及網站後台操作教學,其實有許多也不提供教學,因為這邊就可以變相收你一個網站維護費,因為你不會使用後台,所以以後多的是需要網站架設公司幫忙的地方,所以就可以加收費用。
  3. 是否有管理員權限:很多網站架設公司是不提供網站管理員權限的,所以這代表你無法裝外掛、搬家等很多重要的事情。
  4. 售後服務:網站完成後續的維護是很吃"售後服務"這件事情的,因為以Wordpress網站來說, 它的後台功能之大之多,是不可能一次就學會的,那遇到網站要修改、調整甚至加google ads代碼之類的,要找誰詢問呢?
  5. 網址是誰的:在網站沒有自然流量進來的話,其實網址是誰的並不是很重要,但網址1個月有1000人來的話,那就很重要了。

台北網站架設推薦-貴設計

貴設計是台北的網站架設公司,專研Wordpress網頁設計、SEO、形象官網、購物車網站架設。 使用的技術專為企業網頁設計,Wordpress+RWD(響應式網頁設計)+Siteground雲端主機,定能滿足你專業網站的需求。
此外為避免網站做完即成為蚊子館,網站完成均會提供免費的網站行銷及行銷線上課程供業主學習。 請參考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好漂亮都會次要的,只要能基本做出一個完整的網站,可以結案,其實青菜蘿蔔各有所好。你網站架設費用便宜,那也有專找低價的案主,你網頁設計費用高昂,也會遇見預算充足的發包主。所以關鍵還是你的行銷做的好不好?

馬上分享