網頁設計秘辛,你不能不知道的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 的影響是不能輕忽的!