剛開始HTML標籤認識沒幾個，只會簡單的，所以div很好用，不知道就給div在煩惱class要取什麼名字。然後有次Code Review被說好多div捏？心想為什麼不能div用到底，很讚啊！然後學長跟我分享，他到專案開發後才發現要多用語意化標籤，除了可讀性外，還有就是跟SEO有關。喔喔，於是，我有了這個困惑，語意化標籤與SEO、無障礙，有關係？傻關係？怎樣關係的？
語意化標籤是指在網頁代碼中使用具有語義含義的HTML標籤來描述網頁的內容。例如，使用<header>標籤表示網頁頂部，使用<nav>標籤表示導航菜單，使用<article>標籤表示文章內容，等等。
SEO是綜合性的網站優化策略，用來提升網站在搜索引擎中的排名，以增加網站的可見性和流量，透過，關鍵字研究（Keyword Research）、內容優化（Content Optimization）、技術優化（Technical SEO）、外部連結建設（Link Building）、監控和分析（Monitoring and Analytics）等技術。
關鍵字：可訪問性Accessibility無障礙網頁設計是確保網站能夠被所有人，輕鬆訪問，語意化標籤在無障礙是關鍵因素，因為它們有助於屏幕閱讀器和其他輔助技術更好地解釋網頁內容，使網站更容易被視力、聽覺或其他障礙人士訪問。
良好的語意化標籤，有助於瀏覽器和搜索引擎更好地理解網頁的結構和內容，而提升網頁的可讀性和可訪問性。SEO學問深似海，這裡主要是要探討『語意化標籤』在SEO中扮演怎樣的角色。
搜索引擎使用『語意化標籤』來了解網頁的主題和內容，良好的語意化標籤，可以幫助搜索引擎更容易地『理解』和『索引』網站。當搜索引擎爬行網頁時，它們會解讀語意化標籤，理解網頁的內容和結構。這有助於搜索引擎確定哪些內容是最重要的，進而影響網站在搜索結果中的排名。
<header>標籤的部分可能包含關鍵字，這有助於搜索引擎理解網頁的結構。總之，使用語意化標籤搭建良好網頁結構，有助於提高網站的可訪問性和可搜尋性，促進無障礙性和SEO的目標，改善網站的用戶體驗，提高搜尋引擎排名，讓更多人能夠訪問網站內容！以上簡單跟大家分享一下這議題，想了解如何做或更多，歡迎參考下方參考資料和更多閱讀。
iThome鐵人賽
看影片追技術