iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 16
0
自我挑戰組

軟體開發商新手 PM 30 個第一次系列 第 16

【第 16 個第一次】Sitemap 網站地圖的作用

  • 分享至 

  • xImage
  •  

Day 16 - 客戶說:網站地圖到底有什麼用呢?聽說對 SEO 有幫助?

第一次聽到 sitemap 的時候好像是因為有客戶的網站是要過無障礙的審核,所以需要網站地圖,但是查了一下發現對於 SEO 也是有幫助的,開啟今天的鐵人賽所見所聞!

大家好,我是 Jade Chang
先前任職於科技外商,主要負責對於 Developers 的開發經驗體驗,過去 5-6 年出沒於技術社群以及大專院校。嘗試過直播節目、技術黑客松、帶狀節目系列以及線上短期活動等行銷策略,半年前轉職到台灣在地的軟體開發商,從事行銷與專案經理,也合夥新創了一間數位公司,超展開職涯要開始囉!!!

首先,什麼是 Sitemap 網站地圖?

如他的中文所述,他是一個網站架構的地圖,告訴使用者整個網站當中有哪幾個大標,Sitemap 基本是描述一個網站的架構,它可以是任意形式的網頁頁面,通常是採用分級或分類的形式,能夠消化龐大的往架構,對於網站的訪問者在網站瀏覽上的資訊需求也能快速獲得,且能提高SEO搜尋引擎優化的效果,對網站的幫助是非常大。

Sitemap 網站地圖長甚麼樣子?

有些人會特別把網站地圖拉到導覽列變成一個比較顯驗的按紐讓使用者點選,但也有蠻多人會將網站地圖做在網頁的下方,甚至與 footer 整合在一起的都有。

做在網站下方的像是 : Apple 官網 由於網站有非常豐富的產品資訊,在蘋果網站的下方就將產品直接分別將型號一一列出,讓有目標的使用者上來可以直接點選,掠過上方要先選產品進到頁面後可能才能選取特定型號 https://ithelp.ithome.com.tw/upload/images/20201001/20094570plJ3MBlYPQ.png

拉在導覽列變成按鈕的像是 : 林口新創園
https://ithelp.ithome.com.tw/upload/images/20201001/20094570mLyXIPNn2e.png

好處有什麼呢?

對於使用者:對於使用者體驗上他是一件加分好事,當頁面多到一個程度,使用者往往會在網站裡面迷路,綜觀來看就算加上麵包屑來做輔助,麵包屑都僅是提示這一條單一的路徑,左右兩旁甚至更大張的 Overview 仍是無法完整呈現,所以網站地圖的存在就是為使用者指明方向,並幫助迷失的朋友找到他們想看的頁面,抓到重點就可以出手獲取資訊。

對於 SEO :網站地圖也是能發會一定的作用,如果你的網站有以下:

  • 頁面非常多頁,像是商品列表,文章內容眾多且分類眾多,每一個頁面都有一個 URL
  • 有些網站設計的頁面可能是藉由動態才會彈跳或是要指定動作才會出現的頁面
  • 頁面中有使用 Adobe Flash 或 JavaScript 選單而不包含 HTML 連結的網頁

那網站地圖就能發揮它的功用:所有網站的連結都彙整在同一頁面,對於搜尋引擎爬蟲可以直接提供一整頁整理好的所有連結。

無障礙網站是否有也需要網站地圖

沒錯唷!要拿到 A 等級的標章,除了基本的網站地圖之外,還要特別加上定位點,讓需要的朋友能透過定位點的資訊資到整個網站會被區分的區塊,透過快捷鍵來做網頁切換閱覽。用建國中學的網站導覽為例就有提供定位點等資訊 :
https://ithelp.ithome.com.tw/upload/images/20201001/200945701S98pZ2YcL.png

One more thing!

歡迎訂閱我 Medium 或是透過 Facebook 一起來交流

https://ithelp.ithome.com.tw/upload/images/20201001/20094570epR6m0wwAd.png


上一篇
【第 15 個第一次】Cache, Cookie 差異簡單說
下一篇
【第 17 個第一次】PM 與設計師與前端開發者的溝通工具 - Zeplin
系列文
軟體開發商新手 PM 30 個第一次30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言