進度條

架設一個企業形象網站需要考慮哪些部分呢?讓我們來列舉告訴你吧!

在網路的時代,無論是否是電商都應該至少要架設一個企業形象網站

作者: 進度條編輯群 更新日期:

企業形象網站的架設,可所謂是品牌形象建立的第一步,凡從個人品牌、電子商務、廣告設計、或行銷公司等各行各業,都需要透過企業形象網站,來將網路流量中的訪客,轉換成真實的客戶,並透過網站上的產品介紹與諮詢服務,來讓客戶對產品、甚至是品牌形象有著進一步的了解或認識。

 

 

如果你不只是想展示商品,而是想直接在網站上銷售,那你在看完本篇之後可以看看下面文章。

延伸閱讀:電商網站架設 - 想要建立網路銷售管道嗎?是自架網站還是使用開店平台服務好呢?

 

 

 

可以試想一下當你剛發現一個可能符合你的需求但沒聽過品牌的商品時,是否優先想到的就是可以用手機上網查一下。如果這時候沒有查到官網,或是官網設計的很糟糕。想必你購買的意願就降低許多了吧?

 

 

但並非是網站架起來之後,客戶就一定可以查得到你的官網,有時候即使是官方網站也可能輸給其他的大型網站頁面,更不用說一些可能是誤會產生的負面的顧客抱怨文。所以在建設官網的時候,網站的SEO(搜尋引擎最佳化)是相當重要的。至少官網在搜尋的首頁前面的時候會比較有機會先以比較詳盡的方式介紹公司與商品。

 

 

 

 

一個好的企業形象網站,首要條件是好的視覺設計與動向,讓導入的流量可以有效轉化成客源外,最重要的是,記得要提交Sitemap(網站地圖),將網站架構清晰化、條列化、讓搜尋引擎很清楚的知道你的網站長怎樣。此外,好的網站架構更可以強化網站SEO,讓網站在搜索引擎的茫茫大海之中,還能擁有非常好的搜索曝光度,更可以結合關鍵字廣告、社群媒體及網路整合行銷,讓好的品牌結合多元化推廣,大幅提升曝光度,達到有效提升知名度的最大收益。

 

 

提到社群分享當然也不要忘記加上Open Graph protocol這個主要由Facebook主推的資料視覺化格式。雖然這名稱聽起來有點高大上,但其實也就是在你的網站頁面上放一些meta資訊,例如<meta property="og:title" content="你的頁面標題">這樣的HTML tag。這個標題可以隨意更動,不一定要跟原本網站的<title>內容一樣。主要用途是當分享頁面在Facebook的時候,你可以指定他要顯示哪張圖片,哪個文字標題。雖然原本是Facebook主推,但是因為每個比較完整的網站都有包含。所以後進的平台也都幾乎沿用Open Graph protocol,例如Line。所以你想要在Facebook / Line分享時顯示特定的文字與圖,就必須好好設定它喔!

 

 

 

 

再來,一個良好的形象官網除了「設計稿」美觀以外,還要考量到在各種裝置的表現如何。不同的裝置有不同的長寬比與解析度,即使設計稿上看的是不錯,但是可能並不適合手機或是平板瀏覽。更不用說現在的進入網站入口很多元,除了原本的Google搜尋到外,也有可能有一半的人是從Facebook的APP進來的。為了避免使用者離開,Facebook的APP會把外部頁面用APP內自己的瀏覽器顯示,所以頁面會在更小一些。

 

 

因為現在的裝置與可能性太多,所以我們不太可能為了每一個裝置平台都設計一個網站。為了解決這樣的問題,我們會使用響應式頁面設計 - Responsive Web Design的技術,一般常見簡稱為RWD或是取第一個字Responsive。主要的原理就是判斷裝置的顯示畫面去將頁面放大縮小或是重新排列組合,所以也有人說這叫做自適應網站。響應式頁面設計需要程式前端的概念,所以自己實作的話會比較辛苦一些,如果是自己實現的話同事在銜接的時候也會比較麻煩一點。所以一般我們會使用框架來幫我們實現,而目前最流行的就是Bootstrap 系列。不過官網如果是用WordPress套版的話,通常不會是用Bootstrap實現的,這部分就要看各樣式作者怎麼選擇。


 


Bootstrap分成幾個大版本,Bootstrap 4是現在的穩定版本,但是真正訂定Bootstrap一哥地位的是Bootstrap 3,差不多流行了5年以上才在2017年底出版bootstrap 4的正式版。Bootstrap 3與Bootstrap 4的實現方式不一樣,所以無法直接升級混用。這樣的因素導致雖然現在新的專案大都會採用Bootstrap 4,不過已經實現的套版或是過去完成的項目函式庫還是有很大量是基於Bootstrap 3。所以即使現在(2019),當看到一個網站是Bootstrap實作的時候,是使用Bootstrap 3可能還是有將近一半。


延伸閱讀:響應式頁面只能用Bootstrap 製作嗎? 不,但它最方便!
 

 

 

 

 

接者還有一個需要關心的是網站速度,通常只要開啟網頁超過3秒,顧客等待的意願就會降低很多。超過5秒,如果他不認識你應該就已經離開了。網站的速度關係的因素有很多。從伺服器的選用、網頁的擺設、程式碼撰寫的方式、頁面快取、資料庫效能等。所以調整網站速度,可能包含簡單的優化到需要極為麻煩的優化,很多時候都是要有些經驗才能完成的。

 

延伸閱讀:[不是工程師] 讓網站速度飛快的秘密,你了解什麼是網頁快取(Cache)嗎?

 

 

 

來個總結吧!無論你是想要找人還是自架一個形象官網,你最少需要考量完成的有下面幾點。

1. 網站形象設計

2. 良好的使用者體驗

3. 對應多裝置 - 響應式頁面

4. 搜尋引擎最佳化(SEO)

5. 社群分享Open Graph protocol 

6. 網站效能優化

7. 提交Sitemap網站地圖

8..9..10....還有很多沒機會提到,但根據網站有重要程度不等的用途。

 

 

最後介紹現在比較流行的官網製作方式。

 

一般來說,如果你的網站沒什麼特殊功能,也不會變化,沒事也不會上新文章。那可以選擇純HTML的靜態內容,這樣就只要把設計弄好就可以了。

 

不過如果需要沒事上文章、公告的話,最流行的會是WordPess。即使美國白宮與微軟部分部門也是使用WordPress作為基底來架設網站。(不過當然改很大,一般公司也不會有這樣的預算)

使用WordPress的好處就是基本的功能一開始都有了,而且也有很多免費的資源可以使用。未來要加功能可以選擇社群提供的外掛,或是自己使用PHP程式碼撰寫自己的功能。

 

延伸閱讀:任何人都可以辦得到的網路架站,你知道什麼是WordPress嗎?

 

 

如果你的需求是超過一般需求,有很多特別的功能或是想要整個流程都跟WordPress不一樣的話。從頭架起網站就會比使用WordPress去改要來得輕鬆些。比方說Ruby on Rails、PHP的Laravel等都會是很好的選擇。但是通常到這個階段就代表要養工程師了,或是同等級的人力資源開銷,所以如果不是要靠網站服務賺錢的話考慮這個比較不實際。

 

延伸閱讀:快速開發後端程式,為何Ruby on Rails工程師可以常年佔據高收入排行榜前幾名?

 

 

 

 

總之,關係一個官方形象網站效用、預算與開發時程的因素太多了。不過光就基本的部分就很瑣碎,也相當花時間。一個優秀的官網可以用套版的方式像美味的便當一樣,雖然顧客都不稀以為奇但是可以滿足需求,得到他要的資訊。也可以像米其林三星餐廳一樣,處處驚奇,從第一眼就博得好感。至於適合你的公司的官網是哪種呢?當然就還是要看你的公司情況、受眾與預算了。

 

 

最後再推一下我們的服務:

如果你覺得要考慮的地方很多太麻煩,想要雇用專家來幫你

我們有邀請了一些網頁設計專家,有需要可以聯絡他們喔!

(進度條因為業務繁忙的關係,所以目前是沒有在接案架設網站。)

點我進專家列表

 

 

當然,如果你想要以最小的資源去實現你的形象官網或是購物網站。

WordPress - 從頭教起的網站架設

(購物網站可以用WordPress + WooCommerce外掛實現)

是我們設計來分享給有這方面需求的同學的課程

當然課程也不算輕鬆,不過這就要看自身的取捨了(時間/金錢/知識)。

 

 

想要從頭開始你的想法,挑戰工程師思維的話。

可以參考

快速開發,從頭教起的Ruby on Rails後端之旅

 

 

如果想要連系統優化都一起學習,沒問題!

下面這個課程就是來達成這個目的的:

Linux雲端伺服器,用AWS暸解Apache與Nginx

 


最後,如果你喜歡我們的文章,別忘了到我們的FB粉絲團按讚喔!!

Small logo

進度條編輯群

進度條編輯團隊