網頁設計秘辛，你不能不知道的SEO三件事

想要在網路時代做生意，擁有個網站是必不可少的事情。

但網頁設計可不簡單，除了要從瀏覽者角度思考，設計出流暢的網頁動線，精美的圖片與文章，還有載入的速度…等，都是關鍵；最重要的是必須要符合 SEO 原則，讓網站的自然排名更高，讓更多人都能知道自家網站。

SEO 是什麼？跟網站有關係嗎？

「搜尋引擎最佳化」 ( Search Engine Optimization, SEO )，就是透過了解搜尋引擎( Google、Yahoo、Bing… )的運作規則來調整網站，進而提高網站在搜尋引擎內排名的方式。

網站排名在前面有什麼好處呢？假設你是販售咖啡豆的商家，當消費者輸入「咖啡豆」， Google 搜尋結果第一名就是你的網站，那麼相較於排名後面的競爭對手，搜尋者有極高的機率會優先進入你的網站，你也就擁有更多優勢能做成這筆生意。

根據統計指出，約有 65% 網站流量，都來於消費者自主的「搜尋行為」，且有超過一半的流量來自於「自然搜尋結果」。

不用投放廣告就能吸引訪客進到網站中，這多麽美好啊！

但 SEO 可是個複雜、且會不斷調整更新的運作機制，必須要面面俱到，才有機會脫穎而出。而其中最主要的關鍵有 3 個：

「網站主體的設計」、 「搜尋引擎本身的規則」 及「使用者的需求情境」 。接下來我們將會針對網頁設計原則，來跟大家說明，有哪些必要的設計是符合現行搜尋引擎的偏好，進而能提高 SEO 的排名。

1.瀏覽者友善的網頁規劃

想要規劃出瀏覽者友善的網站，首先你要從瀏覽者的角度出發思考：什麼樣子的網站最會讓你受不了呢？

動線不佳、網站文字太小、圖片太醜、網站速度太慢…這些就是你該避開的地雷。

再來就是搜集同業的網站架構，「知己知彼，百戰不殆」。為了要符合 Google 的 SEO 規範，普遍的網站架構都大同小異，可以利用下表範例進行彈性應用。

    品牌型網站

  • - 首頁
  • - 品牌故事 (或關於我們)
  • - 最新消息 (或產業快訊)
  • - 產品介紹 (或服務介紹)
  • - 聯絡我們

    購物型網站

  • - 首頁
  • - 品牌故事 (或關於我們)
  • - 產品列表
  • - 會員中心
  • - 退換貨服務
  • - 購物結帳系統

切記，能用一個分類解決的項目，就不要畫蛇添足增加太多的分類，讓人在網站中迷路。

分類的用字也要清晰明瞭，千萬不要咬文嚼字，當瀏覽者一直找不到想要的資訊時，你的網站 SEO 排名也會隨之往下掉。

而最好的測試方式，就是把你的網站架構給身邊的人看，讓他們試著說出每個分類裡可能的內容，當多數人的回答與你的設定吻合時，恭喜你過了第一關。

2.從桌機到手機，RWD設計來優化搜尋引擎

RWD網站範例

你現在是使用桌上型電腦或筆電瀏覽網頁比較多，還是使用手機呢？

隨著手機功能日益強大，台灣 4G 到 5G 的頻寬發展，以及「吃到飽」資費的降低，利用手機上網已成為常態。

那麼傳統以橫式為主、多資訊的網站樣式，一旦使用手機瀏覽就很悲劇。

Google 也於 2020 年 9 月正式以符合手機瀏覽習慣的「行動網站」為排名依據，如果沒有手機版的網站就無法被搜尋，這等同於宣告死刑。

所以擁有 RWD 的網站設計，已經是網站必要的配備。

「響應式網頁設計」( Responsive Web Design, RWD )，就是能自動配合不同的瀏覽裝置（如手機、桌機、平板等），根據不同的螢幕長寬大小，呈現出友善易讀的瀏覽畫面。 雖然 RWD 並不是很新的技術，但仍有技術與費用上差異，主要分為手工與套版，相關特點如下表列。

在網站建置之前，務必要針對自己的需求進行確認，才不會在重要的 SEO 關鍵上脫鉤。

    手工切版RWD

  • - 製作時間較長
  • - 開發成本較高
  • - 修改彈性、客製化程度高
  • - 程式簡潔俐落
  • - SEO效能好

    套版RWD (Bootstrap)

  • - 製作時間較短
  • - 開發成本較低
  • - 套版為主、修改彈性低
  • - 需綁定較多程式
  • - SEO效能較差

3 .網頁架好之後呢？SEO維護建議

當網頁設計完成後，SEO就完成了嗎？事情可沒這麼簡單，SEO的排名之爭，才正要開始。

唯有持續提供優質的網站內容，才能吸引更多人進來網站，從而提高在網站的停留時間。

所謂的優質內容是什麼呢？可以從「消費者的使用情境」以及「流行的關鍵字」兩點進行思考。

消費者使用情境 假設你販賣咖啡豆，可以根據消費者的需求，進行「咖啡豆挑選」、「咖啡豆產地與風味的差異」、「咖啡豆的保存方式」…等相關文章撰寫。

讓那些想嘗試手沖咖啡，卻不曉得該如何選購的消費者，透過前述文章進入你的網站。

網站內建立文章
流行趨勢與關鍵字行銷

要如何掌握現在的議題風向呢？除了使用「Google 趨勢」、「Google 關鍵字規劃工具」之外，最省力的做法是設定「Google 快訊」：輸入產業關鍵字、地區、來源、語言等資料，Google 快訊就會在你指定的時間將近期的最新訊息寄給你。

符合時事的短文

我們再以咖啡為例，當發現最近的熱門新聞是「1公斤賣3萬元的台灣咖啡豆」時，你可以引述相關的新聞內容，將新聞內容與自家產品進行連結，撰寫「1公斤不賣3萬只賣3千的XX咖啡豆」、「珍稀台灣咖啡豆種類」…等，輕鬆地完成一篇符合時事的短文。

總結-網頁設計對SEO的影響

隨著網站重要性的提升，越來越多人提供網頁設計的服務，製作出來的網站自然良莠不齊。

品牌網站至少要經營 1~2 年以上 SEO 才略有所成，在搜尋網站服務商時，一定要仔細評估與溝通，千萬別因小失大，網站服務商和網頁的設計本身對未來 SEO 的影響是不能輕忽的！