HTML 是什麼?
超文本標記語言(Hyper Text Markup Language),是一種用於在網路上建立網頁的基礎語法,當瀏覽器讀取並理解 HTML 後,再將 HTML 語言轉化成文字、圖像、選單等各種組成網站的結構。
為什麼 HTML 對於 SEO 很重要?
提高搜尋引擎抓取能力
搜尋引擎爬蟲爬行網站並為其建立索引,如果您的 HTML 程式碼混亂且包含錯誤,爬蟲可能會更難以理解您的內容並為其建立索引。另一方面,乾淨有效的 HTML 程式碼使搜尋引擎更容易理解和索引您的內容,從而提高您的 SEO 排名。
更好的使用者體驗
當您的 HTML 程式碼清楚且沒有錯誤時,它可以幫助您的網站加載更快、更流暢,從而為用戶帶來更好的網站體驗。
提高可訪問性
可訪問性對於需要無障礙設計的用戶可以訪問您的網站非常重要,清楚有效的 HTML 程式碼可以讓輔助技術(例如螢幕閱讀器)更輕鬆地理解和導航您的網頁,從而提高網站的可訪問性。
10 個常見的 HTML 語法
1、title 標籤
就是會出現在 Google 的自然搜尋結果中的文章標題,網頁上的<title> 標籤無疑是 SEO 中最重要內容之一,了解如何調整您的關鍵字,並確保標題標籤包含您希望該頁面排名的確切關鍵字。
2、H1~H6 標籤
H1~H6標籤由<h1><h2><h3><h4><h5><h6>所組成,並且網站上的每個頁面都只會有一個 <h1> 標記,搜尋引擎會依照重要性順序 <h1> 開始依序理解這些標籤,用戶也透過<H1>~<H6>一層一層地理解頁面內容。以下圖為例:「錨點文字的類型」是 H2,而針對錨點文字的類型去做補充的「品牌名」就是 H3。
3、meta description
如果搜尋引擎無法從您的內容和其他標籤中很好地掌握內容的含義,則 meta description(元描述)就是搜尋引擎的後備選擇。
它們會顯示在 SERP 的網頁 URL 下方,它可以成為一個強大的用戶體驗工具,用戶透過觀看元描述的內容決定要不要點擊進入您的網頁而不是其他網站。千萬要記住,meta description 中一樣要中包含關鍵字。
4、圖片屬性title、alt
在 HTML 中,每個圖像都會有 <img alt> 標籤,由於搜尋引擎無法像人類一樣理解圖像,因此它不知道如何對它們進行分類,透過在圖像中添加您想要在該頁面上排名的關鍵字,搜尋引擎可以更好地理解圖像上下文的關係。
5、meta robots
如果您不想在搜尋結果中顯示您的網頁,只需在您的 head
部分中添加此元標記:<meta name=”robots” content=”noindex” />,那麼 Google 爬蟲就不會收錄該頁面。
6、link canonical
重複性內容會導致網站訪客體驗不好、浪費檢索預算、網頁權重分散等問題,使用 link canonical 能幫助搜尋引擎從相似的頁面中確定最主要的版本,並將其呈現在 SERP 上。
7、meta viewport
響應式網頁設計(RWD)讓網頁能夠滿足不同尺寸的裝置,使得用戶不管用桌機、平板或手機都可以輕鬆瀏覽網頁,使用 RWD 記得也要在 html 檔內加上 viewport 語法。
8、粗體、底線、斜體、項目符號
為文字添加格式標籤有助於用戶和爬蟲更快找到網站重點。
9、semantic tags
意即語意標籤,Google 爬蟲透過語意標籤可以更好地理解網頁架構。
10、Schema org
就是結構化資料!結構化資料讓用戶可以在 SERP 中獲得更豐富的搜尋結果,結構化資料有多重要之前已經講好多遍了,還不知道的讀者可以閱讀這篇【SEO結構化資料是什麼?提升搜尋用戶感受及曝光就靠它!】