企業形象網站的架設，可所謂是品牌形象建立的第一步，凡從個人品牌、電子商務、廣告設計、或行銷公司等各行各業，都需要透過企業形象網站，來將網路 ...
進度條
登入
線上教學
優惠組合
顧問服務
架站服務
所有文章
系列教學
筆記
架設一個企業形象網站需要考慮哪些部分呢？讓我們來列舉告訴你吧！
在網路的時代，無論是否是電商都應該至少要架設一個企業形象網站
作者:進度條編輯群
更新日期:
2021/08/07
企業形象網站的架設，可所謂是品牌形象建立的第一步，凡從個人品牌、電子商務、廣告設計、或行銷公司等各行各業，都需要透過企業形象網站，來將網路流量中的訪客，轉換成真實的客戶，並透過網站上的產品介紹與諮詢服務，來讓客戶對產品、甚至是品牌形象有著進一步的了解或認識。
如果你不只是想展示商品，而是想直接在網站上銷售，那你在看完本篇之後可以看看下面文章。
延伸閱讀：電商網站架設-想要建立網路銷售管道嗎？是自架網站還是使用開店平台服務好呢？
可以試想一下當你剛發現一個可能符合你的需求但沒聽過品牌的商品時，是否優先想到的就是可以用手機上網查一下。
如果這時候沒有查到官網，或是官網設計的很糟糕。
想必你購買的意願就降低許多了吧？
但並非是網站架起來之後，客戶就一定可以查得到你的官網，有時候即使是官方網站也可能輸給其他的大型網站頁面，更不用說一些可能是誤會產生的負面的顧客抱怨文。
所以在建設官網的時候，網站的SEO(搜尋引擎最佳化)是相當重要的。
至少官網在搜尋的首頁前面的時候會比較有機會先以比較詳盡的方式介紹公司與商品。
一個好的企業形象網站，首要條件是好的視覺設計與動向，讓導入的流量可以有效轉化成客源外，最重要的是，記得要提交Sitemap(網站地圖)，將網站架構清晰化、條列化、讓搜尋引擎很清楚的知道你的網站長怎樣。
此外，好的網站架構更可以強化網站SEO，讓網站在搜索引擎的茫茫大海之中，還能擁有非常好的搜索曝光度，更可以結合關鍵字廣告、社群媒體及網路整合行銷，讓好的品牌結合多元化推廣，大幅提升曝光度，達到有效提升知名度的最大收益。
提到社群分享當然也不要忘記加上OpenGraphprotocol這個主要由Facebook主推的資料視覺化格式。
雖然這名稱聽起來有點高大上，但其實也就是在你的網站頁面上放一些meta資訊，例如這樣的HTMLtag。
這個標題可以隨意更動，不一定要跟原本網站的內容一樣。<br><br>主要用途是當分享頁面在Facebook的時候，你可以指定他要顯示哪張圖片，哪個文字標題。<br><br>雖然原本是Facebook主推，但是因為每個比較完整的網站都有包含。<br><br>所以後進的平台也都幾乎沿用OpenGraphprotocol，例如Line。<br><br>所以你想要在Facebook/Line分享時顯示特定的文字與圖，就必須好好設定它喔！
再來，一個良好的形象官網除了「設計稿」美觀以外，還要考量到在各種裝置的表現如何。<br><br>不同的裝置有不同的長寬比與解析度，即使設計稿上看的是不錯，但是可能並不適合手機或是平板瀏覽。<br><br>更不用說現在的進入網站入口很多元，除了原本的Google搜尋到外，也有可能有一半的人是從Facebook的APP進來的。<br><br>為了避免使用者離開，Facebook的APP會把外部頁面用APP內自己的瀏覽器顯示，所以頁面會在更小一些。<br><br>
因為現在的裝置與可能性太多，所以我們不太可能為了每一個裝置平台都設計一個網站。<br><br>為了解決這樣的問題，我們會使用響應式頁面設計 -ResponsiveWebDesign的技術，一般常見簡稱為RWD或是取第一個字Responsive。<br><br>主要的原理就是判斷裝置的顯示畫面去將頁面放大縮小或是重新排列組合，所以也有人說這叫做自適應網站。<br><br>響應式頁面設計需要程式前端的概念，所以自己實作的話會比較辛苦一些，如果是自己實現的話同事在銜接的時候也會比較麻煩一點。<br><br>所以一般我們會使用框架來幫我們實現，而目前最流行的就是Bootstrap系列。<br><br>不過官網如果是用WordPress套版的話，通常不會是用Bootstrap實現的，這部分就要看各樣式作者怎麼選擇。<br><br>
Bootstrap分成幾個大版本，Bootstrap4是現在的穩定版本，但是真正訂定Bootstrap一哥地位的是Bootstrap3，差不多流行了5年以上才在2017年底出版bootstrap4的正式版。<br><br>Bootstrap3與Bootstrap4的實現方式不一樣，所以無法直接升級混用。<br><br>這樣的因素導致雖然現在新的專案大都會採用Bootstrap4，不過已經實現的套版或是過去完成的項目函式庫還是有很大量是基於Bootstrap3。<br><br>所以即使現在(2019)，當看到一個網站是Bootstrap實作的時候，是使用Bootstrap3可能還是有將近一半。<br><br>
延伸閱讀：響應式頁面只能用Bootstrap製作嗎？不，但它最方便！
接者還有一個需要關心的是網站速度，通常只要開啟網頁超過3秒，顧客等待的意願就會降低很多。<br><br>超過5秒，如果他不認識你應該就已經離開了。<br><br>網站的速度關係的因素有很多。<br><br>從伺服器的選用、網頁的擺設、程式碼撰寫的方式、頁面快取、資料庫效能等。<br><br>所以調整網站速度，可能包含簡單的優化到需要極為麻煩的優化，很多時候都是要有些經驗才能完成的。<br><br>
延伸閱讀：[不是工程師]讓網站速度飛快的秘密，你了解什麼是網頁快取(Cache)嗎?
來個總結吧！無論你是想要找人還是自架一個形象官網，你最少需要考量完成的有下面幾點。<br><br>
1.網站形象設計
2.良好的使用者體驗
3.對應多裝置-響應式頁面
4.搜尋引擎最佳化(SEO)
5.社群分享OpenGraphprotocol
6.網站效能優化
7.提交Sitemap網站地圖
8..9..10....還有很多沒機會提到，但根據網站有重要程度不等的用途。<br><br>
最後介紹現在比較流行的官網製作方式。<br><br>
一般來說，如果你的網站沒什麼特殊功能，也不會變化，沒事也不會上新文章。<br><br>那可以選擇純HTML的靜態內容，這樣就只要把設計弄好就可以了。<br><br>
不過如果需要沒事上文章、公告的話，最流行的會是WordPess。<br><br>即使美國白宮與微軟部分部門也是使用WordPress作為基底來架設網站。<br><br>(不過當然改很大，一般公司也不會有這樣的預算)
使用WordPress的好處就是基本的功能一開始都有了，而且也有很多免費的資源可以使用。<br><br>未來要加功能可以選擇社群提供的外掛，或是自己使用PHP程式碼撰寫自己的功能。<br><br>
延伸閱讀：任何人都可以辦得到的網路架站，你知道什麼是WordPress嗎？
如果你的需求是超過一般需求，有很多特別的功能或是想要整個流程都跟WordPress不一樣的話。<br><br>從頭架起網站就會比使用WordPress去改要來得輕鬆些。<br><br>比方說PHP的Laravel，RubyonRails 等都會是很好的選擇。<br><br>但是通常到這個階段就代表要養工程師了，或是同等級的人力資源開銷，所以如果不是要靠網站服務賺錢的話考慮這個比較不實際。<br><br>
延伸閱讀：
PHP的框架這麼多種該學哪個？來試試看市佔率最高、最熱門的Laravel吧！
總之，關係一個官方形象網站效用、預算與開發時程的因素太多了。<br><br>不過光就基本的部分就很瑣碎，也相當花時間。<br><br>一個優秀的官網可以用套版的方式像美味的便當一樣，雖然顧客都不稀以為奇但是可以滿足需求，得到他要的資訊。<br><br>也可以像米其林三星餐廳一樣，處處驚奇，從第一眼就博得好感。<br><br>至於適合你的公司的官網是哪種呢？當然就還是要看你的公司情況、受眾與預算了。<br><br>
最後再推一下我們的服務：
如果你覺得要考慮的地方很多太麻煩，想要雇用專家來幫你
我們有邀請了一些網頁設計專家，有需要可以聯絡他們喔！
(進度條因為業務繁忙的關係，所以目前是沒有在接案架設網站。<br><br>)
點我進專家列表
當然，如果你想要以最小的資源去實現你的形象官網或是購物網站。<br><br>
WordPress-從頭教起的網站架設
(購物網站可以用WordPress+WooCommerce外掛實現)
是我們設計來分享給有這方面需求的同學的課程
當然課程也不算輕鬆，不過這就要看自身的取捨了(時間/金錢/知識)。<br><br>
想要從頭開始你的想法，挑戰工程師思維的話。<br><br>
可以參考
Laravel後端PHP架站，APIServer與訂閱軟體全攻略
如果想要連系統優化都一起學習，沒問題！
下面這個課程就是來達成這個目的的：
Linux雲端伺服器，用AWS暸解Apache與Nginx
最後，如果你喜歡我們的文章，別忘了到我們的FB粉絲團按讚喔!!
進度條編輯群
進度條編輯團隊
關聯文章
想做跨境歐盟國家生意，小心即將生效GDPR法案讓你的電商還沒賺錢先破產！
「來勢洶洶的GDPR」-史上最嚴格的個資保護條款姍姍來遲了
跨國刷卡怎樣匯率比較划算？可以選擇台幣或美金付款的購物網站讓你有障礙嗎？
Visa,JCB還是MasterCard國際發卡組織大揭密，精打細算不讓你旅遊基金縮水！
內容行銷正夯，但如何讓顧客看完不離開你的網站呢？或許可以先了解推薦系統做為開始
從大數據到演算法，從群眾特徵解析推薦系統
什麼是前端工程師(FrontendDeveloper)？要成為前端工程師要學習什麼樣的技術呢？
別人講還不如自己判斷，前因後果全部講出來，掌握根本原因就不怕剛學完就退流行！
[不是工程師]會員系統用Session還是Cookie?你知道其實他們常常混在一起嗎？
「帥哥~你的早餐好了」，五分鐘概述網路界的記憶大神-Session
「不是工程師」外鍵Foreignkey(FK)是什麼？從第二正規化(2NF)去除冗余資料談起吧！(databasenormalization)
資料越整理越肥？整串資料看得密密麻麻都重複的？那可能是你第二正規化沒有做好喔！
架設一個企業形象網站需要考慮哪些部分呢？讓我們來列舉告訴你吧！
在網路的時代，無論是否是電商都應該至少要架設一個企業形象網站
[WordPress.com]Jetpack外掛功能應用~一鍵嵌入社群icon及連結設定介紹
本文要介紹WordPress.com提供的外掛功能之一，社群icon及連結設定介紹
[不是工程師]架站用VPS還是WebHosting，中文翻譯都有「虛擬」到底差在哪？
睡通舖還是住套房?你的網站適合用「虛擬主機」還是「虛擬伺服器」呢?
電商網站架設-想要建立網路銷售管道嗎？是自架網站還是使用開店平台服務好呢？
一股腦向前衝的開店只會進入死胡同，除了算營運成本的數學要先學好外，讓本篇來分析開店方案的優劣吧！
顯示全部
最新文章
[LayerStack]完整LinuxVPS使用PM2與Nginx架設Node.js站台設定中文教學
使用LayerStackVPS透過CN2GIA最高級線路，讓網站在中國大陸也可順暢連線
桌面太小被電腦螢幕佔據嗎？Ultrarm螢幕支架應該就是你要的推薦方案喔！扎實用料一次到位。<br><br>
台灣公司Ultrarm螢幕支架相當堅固可以一次架兩個螢幕，最高支援49"吋螢幕。<br><br>
如何避免自製WordPress外掛被GPL授權？顧客購買「付費版」可以免費無限複製不用付授權費嗎？
開不開源是個人選擇，豐富社群當然是件好事。<br><br>但是被強迫開源就不是開發者所樂見的事了。<br><br>
【微創業】電商為何要自架站台？被平台綁架的下場只有流量營業額減半等著你-自架站台的重要性(二)
我電商就賺飽了，為何要架設一個網站？架設網站一定要用WordPress嗎？
【IKoula】使用LinuxVPS上架設PHP站台全紀錄！從Ubuntu設定到網站上線一次搞定
經濟實惠的IKoulaVPS，適合初學者練習與進階商業架站的好選擇！
後端工程師(BackendDeveloper)是什麼？成為後端需要學習什麼技術？很難嗎？
前端與後端差別在哪？如何選擇？為何後端工程師也要學習基礎「前端」技術？
想快速保障網站安全？快嘗試SucuriCDNWAF雲端應用防火牆！遠振代理台灣專業服務協助設定。<br><br>
架站不會程式？WordPress被入侵？使用SucuriCDNWAF以銅板價格讓你一天內就確保網站安全！
WordPress推薦必裝外掛(一)，精選常用Plugins超好用清單，免費實用外掛絕不能錯過！
WordPress外掛這麼多種，先從免費實用外掛開始，這些是即使會寫程式也很方便的外掛
網站電商如同實體店面，盲目跟風設計真的好嗎？讓我們來介紹UI、UX的重要性
Ikea如迷宮版的賣場動線、全聯呈現多樣商品的壅擠成列都有他們的原因，你的網站設計概念為何？
純網銀是有多【純】?與傳統銀行的數位銀行又有什麼差異呢？
這批很「純」！淺談來勢兇兇的「純網銀」！
顯示全部
線上課程
Bootstrap5與Sass，製作RWD客製化響應式網站
Laravel後端PHP架站，APIServer與訂閱軟體全攻略
WordPress-從頭教起的網站架設
程式客製WooCommerce，WordPress購物系統全解析
iOS-Swift5手機程式開發，使用APP與網站互動
Electron跨平台桌面程式，建立點餐系統與裝置控制
C語言-近代程式語言的基礎
ES6,ReactJS與Webpack，前端JavaScript全攻略
從零開始的SQL語法與資料庫設計-以MySQL來攻略
Linux雲端伺服器，用AWS暸解Apache與Nginx
HTML,CSS,JavaScript,jQuery網頁從零開始
Git程式版本管控-由簡單到難
快速開發，從頭教起的RubyonRails後端之旅
行動第一!使用Bootstrap建立響應式RWD網站!
