seo優化你必須知道的9個HTML標簽(及11個屬性)
HTML是一個網頁的基礎。發現對良好的SEO至關重要的關鍵HTML標簽和屬性。了解它們的用途以及如何對它們進行編碼。HTML是一種標記語言，構成了大多數網頁的基礎。
它可以說是技術流SEO最基本的部分之一。
使用HTML元素，SEO專業人員能夠向用戶和搜索引擎傳達有關頁面的信息。
這可以幫助明確頁面上內容的重要性、性質和順序，以及它與其他網頁的關系。
標簽和屬性的區別
要了解標簽和屬性之間的區別，我們需要確保我們的術語正確。很多人會互換使用 "標簽 "和 "屬性 "這兩個詞，但我們要準確地理解。
1.標簽
標簽必須有開頭的 <X> 和結尾的 </X> 元素，這樣標簽才能發揮作用。
還有一些空元素，如
，它們沒有任何內容或結束標簽。
2.屬性
屬性被添加到元素中以修改它們。它們位于元素內部，如
<link rel="canonical" href="http://www.pandaroll.cn/" />
3 基本的HTML標簽
為了制作一個有用的網頁，需要一些關鍵的標簽。
<！DOCTYPE html>標簽是網頁上的第一個標簽。
它基本上介紹了這個頁面是一個網頁。
<head>
<head>標簽介紹了頁面的第一部分。
這是關于頁面的信息，不會顯示在頁面上的信息被包含在這里。
了解<head>是很重要的，因為這是SEO的一些關鍵標簽需要存放的地方。
<body>
body標簽包含了您的訪問者將看到的頁面上的信息。
這里是您的文案、圖片和視頻的所在。
身體標簽還將包含一些我們稍后將討論的其他HTML標簽。
常用的SEO標簽以及其中使用的屬性。
<meta>標簽位于頁面的<head>中。
它可以包含描述網頁信息的屬性，這些信息實際上不會在網頁的內容中看到。
這個元標簽通常被稱為 "元數據"，因為與它一起使用的屬性控制著諸如 "元描述 "和不再使用的 "元關鍵字"。
name屬性與<meta>標簽一起使用。
它本質上是一種向任何可能訪問該頁面的機器人指定以下信息是否適用于他們的方式。
例如，包含<meta name="robots" content="noindex" />意味著所有搜索引擎爬蟲1都應該注意到 "noindex "指令。
會經常聽到這個叫做 "meta robots標簽"。如果使用如下<meta name="googlebot" content="noindex" />只有Google的機器人需要注意到 "noindex "指令。
這是一個很好的方式，可以給一些搜索機器人下達命令，而不是所有的機器人都需要。
Noindex屬性是SEO中常用的一個屬性。你會經常聽到它被稱為 "noindex標簽"，但更準確地說，它是<meta>標簽的一個屬性。
它的表述是
<meta name="robots" content="noindex" />。
這段代碼允許發布者決定哪些內容可以被搜索引擎收錄到索引中。
通過添加 "noindex "屬性，您實質上是告訴搜索引擎，它可能不會在其索引中使用這個頁面。
例如，如果您希望有一些敏感的內容不能從有機搜索中獲得，這就很有用。
"noindex "指令需要被讀取才能被遵循。也就是說，搜索引擎爬蟲需要能夠訪問該頁面來讀取包含該指令的HTML代碼.
描述 屬性
描述屬性，更稱為 "元描述"，與<meta>標簽一起使用。
這個標簽的內容在SERP中使用，在<title>標簽的內容下面。
SERPs中的元描述屬性示例
它允許出版商總結頁面上的內容，以幫助搜索者確定該頁面是否符合他們的需求。
這不會影響頁面的排名，但可以幫助鼓勵從SERP中點擊進入頁面。
重要的是要意識到，在很多情況下，Google會忽略描述屬性的內容，而在SERP中使用自己的描述。
<tittle>
標題標簽是一個你會熟悉的，如果你已經在SEO周圍任何時間長度。
也被俗稱為 "元標題"，它是你用來定義頁面標題的標簽。它位于網站的<head>內。
因此，當用戶進入網頁時，它是不可見的。然而，它出現在瀏覽器欄中，在SERP中，并允許你標志著一個頁面與搜索者的查詢的相關性--無論是對搜索引擎爬蟲還是用戶。
?
標題標簽用于指示HTML內容的哪些部分應該被樣式化為標題。
?
這些標簽位于頁面的<body>中，因此用戶在瀏覽頁面內容時可以看到這些文字。
標題標簽應該被用來幫助構建頁面結構。
在創建網站時，開發人員將確保風格與每種類型的標題標簽相關聯。
這意味著包裹在<h1>標簽中的文字應該與包裹在<h2>標簽中的文字看起來不同。
這可以幫助用戶確定什么時候一個文本部分是之前的部分的一部分，比如標題和字幕。
標題標簽還可以幫助搜索機器人確定頁面上內容的結構。
鏈接標簽和Href屬性
作為SEO專業人士，我們花了很多時間追逐鏈接。
但是，你知道鏈接是如何結構的嗎，因此為什么有些鏈接被認為比其他鏈接更有價值？
一個標準的超鏈接本質上是一個<a>標簽。它的格式如下。
<a>標簽表明它是一個鏈接。
href=屬性決定了鏈接的目的地（即鏈接到哪個頁面）。
位于開頭標簽和結尾標簽之間的文本是錨文本。
這是用戶在頁面上看到的看起來可點擊的文本。
這用于可點擊的鏈接，這些鏈接將出現在頁面的<body>中。
<link>標簽用于將一個資源鏈接到另一個資源，出現在頁面的<head>中。
Rel="nofollow" 屬性
rel="nofollow "屬性告訴搜索引擎爬蟲，在href屬性中的URL不是一個可以被他們跟隨。
使用rel="nofollow "屬性不會影響人類用戶點擊鏈接并被帶到另一個頁面。它只影響爬蟲。
這在SEO中被用來阻止搜索引擎訪問一個頁面，或者阻止一個頁面鏈接到另一個頁面的任何好處。
這可以說從傳統的SEO鏈接建設的角度來看，這使得一個鏈接毫無用處，因為鏈接權益不會通過鏈接。
有觀點認為，如果能引起訪問者瀏覽被鏈接的頁面，當然還是一個有益的鏈接!
發布者可以使用 "nofollow "屬性來幫助搜索引擎知道什么時候鏈接到的頁面是付費的結果，例如，廣告。
這可以幫助阻止鏈接懲罰的問題，因為發布者承認該鏈接是合法交易的結果，而不是試圖操縱排名。
可以像使用 "noindex "屬性一樣，通過在<head>中使用該屬性，將頁面上的所有鏈接變成 "nofollow"。
描述 屬性
描述屬性，更稱為 "元描述"，與<meta>標簽一起使用。
這個標簽的內容在SERP中使用，在<title>標簽的內容下面。
SERPs中的元描述屬性示例
它允許出版商總結頁面上的內容，以幫助搜索者確定該頁面是否符合他們的需求。
這不會影響頁面的排名，但可以幫助鼓勵從SERP中點擊進入頁面。
重要的是要意識到，在很多情況下，搜索引擎會忽略描述屬性的內容，而在SERP中使用自己的描述。
?
?
也被俗稱為 "元標題"，它是你用來定義頁面標題的標簽。它位于網站的<head>內。
因此，當用戶進入網頁時，它是不可見的。然而，它出現在瀏覽器欄中，在SERP中，并允許你標志著一個頁面與搜索者的查詢的相關性，無論是對搜索引擎爬蟲還是用戶。
它是SEO中的一個重要元素。
?
標題標簽用于指示HTML內容的哪些部分應該被樣式化為標題。
?
這些標簽位于頁面的<body>中，因此用戶在瀏覽頁面內容時可以看到這些文字。
標題標簽應該被用來幫助構建頁面結構。
在創建網站時，開發人員將確保風格與每種類型的標題標簽相關聯。
這意味著包裹在<h1>標簽中的文字應該與包裹在<h2>標簽中的文字看起來不同。
這可以幫助用戶確定什么時候一個文本部分是之前的部分的一部分，比如標題和字幕。
標題標簽還可以幫助搜索機器人確定頁面上內容的結構。
鏈接標簽和Href屬性
作為SEO專業人士，我們花了很多時間來做鏈接。
但是，你知道鏈接是如何結構的嗎，因此為什么有些鏈接被認為比其他鏈接更有價值？
一個標準的超鏈接本質上是一個<a>標簽。它的格式如下。
鏈接的錨文本在這里。
<a>標簽表明它是一個鏈接。
href=屬性決定了鏈接的目的地（即鏈接到哪個頁面）。
位于開頭標簽和結尾標簽之間的文本是錨文本。
這是用戶在頁面上看到的看起來可點擊的文本。
這用于可點擊的鏈接，這些鏈接將出現在頁面的<body>中。
<link>標簽用于將一個資源鏈接到另一個資源，出現在頁面的<head>中。
這些鏈接不是超鏈接，它們不能被點擊。它們顯示的是網頁文檔之間的關系。
Rel="nofollow" 屬性
rel="nofollow "屬性告訴搜索引擎，在href屬性中的URL不是一個可以被他們跟隨。
使用rel="nofollow "屬性不會影響人類用戶點擊鏈接并被帶到另一個頁面。它只影響爬蟲。
這在SEO中被用來阻止搜索引擎訪問一個頁面，或者阻止一個頁面鏈接到另一個頁面的任何好處。
這可以說從傳統的SEO鏈接建設的角度來看，這使得一個鏈接毫無用處，因為鏈接權益不會通過鏈接。
有觀點認為，如果能引起訪問者瀏覽被鏈接的頁面，當然還是一個有益的鏈接!
發布者可以使用 "nofollow "屬性來幫助搜索引擎知道什么時候鏈接到的頁面是付費的結果，例如，廣告。
這可以幫助阻止鏈接懲罰的問題，因為發布者承認該鏈接是合法交易的結果，而不是試圖操縱排名。
rel="nofollow "屬性可以在單個鏈接的基礎上使用，如以下。
也可以像使用 "noindex "屬性一樣，通過在<head>中使用該屬性，將頁面上的所有鏈接變成 "nofollow"。
它可以說是技術流SEO最基本的部分之一。
使用HTML元素，SEO專業人員能夠向用戶和搜索引擎傳達有關頁面的信息。
這可以幫助明確頁面上內容的重要性、性質和順序，以及它與其他網頁的關系。
標簽和屬性的區別
要了解標簽和屬性之間的區別，我們需要確保我們的術語正確。很多人會互換使用 "標簽 "和 "屬性 "這兩個詞，但我們要準確地理解。
1.標簽
標簽必須有開頭的 <X> 和結尾的 </X> 元素，這樣標簽才能發揮作用。
還有一些空元素，如
，它們沒有任何內容或結束標簽。
2.屬性
屬性被添加到元素中以修改它們。它們位于元素內部，如
<link rel="canonical" href="http://www.pandaroll.cn/" />
3 基本的HTML標簽
為了制作一個有用的網頁，需要一些關鍵的標簽。
<！DOCTYPE html>標簽是網頁上的第一個標簽。
它基本上介紹了這個頁面是一個網頁。
<head>
<head>標簽介紹了頁面的第一部分。
這是關于頁面的信息，不會顯示在頁面上的信息被包含在這里。
了解<head>是很重要的，因為這是SEO的一些關鍵標簽需要存放的地方。
<body>
body標簽包含了您的訪問者將看到的頁面上的信息。
這里是您的文案、圖片和視頻的所在。
身體標簽還將包含一些我們稍后將討論的其他HTML標簽。
常用的SEO標簽以及其中使用的屬性。
<meta>標簽位于頁面的<head>中。
它可以包含描述網頁信息的屬性，這些信息實際上不會在網頁的內容中看到。
這個元標簽通常被稱為 "元數據"，因為與它一起使用的屬性控制著諸如 "元描述 "和不再使用的 "元關鍵字"。
name屬性與<meta>標簽一起使用。
它本質上是一種向任何可能訪問該頁面的機器人指定以下信息是否適用于他們的方式。
例如，包含<meta name="robots" content="noindex" />意味著所有搜索引擎爬蟲1都應該注意到 "noindex "指令。
會經常聽到這個叫做 "meta robots標簽"。如果使用如下<meta name="googlebot" content="noindex" />只有Google的機器人需要注意到 "noindex "指令。
這是一個很好的方式，可以給一些搜索機器人下達命令，而不是所有的機器人都需要。
Noindex屬性是SEO中常用的一個屬性。你會經常聽到它被稱為 "noindex標簽"，但更準確地說，它是<meta>標簽的一個屬性。
它的表述是
<meta name="robots" content="noindex" />。
這段代碼允許發布者決定哪些內容可以被搜索引擎收錄到索引中。
通過添加 "noindex "屬性，您實質上是告訴搜索引擎，它可能不會在其索引中使用這個頁面。
例如，如果您希望有一些敏感的內容不能從有機搜索中獲得，這就很有用。
"noindex "指令需要被讀取才能被遵循。也就是說，搜索引擎爬蟲需要能夠訪問該頁面來讀取包含該指令的HTML代碼.
描述 屬性
描述屬性，更稱為 "元描述"，與<meta>標簽一起使用。
這個標簽的內容在SERP中使用，在<title>標簽的內容下面。
SERPs中的元描述屬性示例
它允許出版商總結頁面上的內容，以幫助搜索者確定該頁面是否符合他們的需求。
這不會影響頁面的排名，但可以幫助鼓勵從SERP中點擊進入頁面。
重要的是要意識到，在很多情況下，Google會忽略描述屬性的內容，而在SERP中使用自己的描述。
<tittle>
標題標簽是一個你會熟悉的，如果你已經在SEO周圍任何時間長度。
也被俗稱為 "元標題"，它是你用來定義頁面標題的標簽。它位于網站的<head>內。
因此，當用戶進入網頁時，它是不可見的。然而，它出現在瀏覽器欄中，在SERP中，并允許你標志著一個頁面與搜索者的查詢的相關性--無論是對搜索引擎爬蟲還是用戶。
?
標題標簽用于指示HTML內容的哪些部分應該被樣式化為標題。
?
這些標簽位于頁面的<body>中，因此用戶在瀏覽頁面內容時可以看到這些文字。
標題標簽應該被用來幫助構建頁面結構。
在創建網站時，開發人員將確保風格與每種類型的標題標簽相關聯。
這意味著包裹在<h1>標簽中的文字應該與包裹在<h2>標簽中的文字看起來不同。
這可以幫助用戶確定什么時候一個文本部分是之前的部分的一部分，比如標題和字幕。
標題標簽還可以幫助搜索機器人確定頁面上內容的結構。
鏈接標簽和Href屬性
作為SEO專業人士，我們花了很多時間追逐鏈接。
但是，你知道鏈接是如何結構的嗎，因此為什么有些鏈接被認為比其他鏈接更有價值？
一個標準的超鏈接本質上是一個<a>標簽。它的格式如下。
<a>標簽表明它是一個鏈接。
href=屬性決定了鏈接的目的地（即鏈接到哪個頁面）。
位于開頭標簽和結尾標簽之間的文本是錨文本。
這是用戶在頁面上看到的看起來可點擊的文本。
這用于可點擊的鏈接，這些鏈接將出現在頁面的<body>中。
<link>標簽用于將一個資源鏈接到另一個資源，出現在頁面的<head>中。
這些鏈接不是超鏈接，它們不能被點擊。它們顯示的是網頁文檔之間的關系。
Rel="nofollow" 屬性
rel="nofollow "屬性告訴搜索引擎爬蟲，在href屬性中的URL不是一個可以被他們跟隨。
使用rel="nofollow "屬性不會影響人類用戶點擊鏈接并被帶到另一個頁面。它只影響爬蟲。
這在SEO中被用來阻止搜索引擎訪問一個頁面，或者阻止一個頁面鏈接到另一個頁面的任何好處。
這可以說從傳統的SEO鏈接建設的角度來看，這使得一個鏈接毫無用處，因為鏈接權益不會通過鏈接。
有觀點認為，如果能引起訪問者瀏覽被鏈接的頁面，當然還是一個有益的鏈接!
發布者可以使用 "nofollow "屬性來幫助搜索引擎知道什么時候鏈接到的頁面是付費的結果，例如，廣告。
這可以幫助阻止鏈接懲罰的問題，因為發布者承認該鏈接是合法交易的結果，而不是試圖操縱排名。
可以像使用 "noindex "屬性一樣，通過在<head>中使用該屬性，將頁面上的所有鏈接變成 "nofollow"。
描述 屬性
描述屬性，更稱為 "元描述"，與<meta>標簽一起使用。
這個標簽的內容在SERP中使用，在<title>標簽的內容下面。
SERPs中的元描述屬性示例
它允許出版商總結頁面上的內容，以幫助搜索者確定該頁面是否符合他們的需求。
這不會影響頁面的排名，但可以幫助鼓勵從SERP中點擊進入頁面。
重要的是要意識到，在很多情況下，搜索引擎會忽略描述屬性的內容，而在SERP中使用自己的描述。
?
?
也被俗稱為 "元標題"，它是你用來定義頁面標題的標簽。它位于網站的<head>內。
因此，當用戶進入網頁時，它是不可見的。然而，它出現在瀏覽器欄中，在SERP中，并允許你標志著一個頁面與搜索者的查詢的相關性，無論是對搜索引擎爬蟲還是用戶。
它是SEO中的一個重要元素。
?
標題標簽用于指示HTML內容的哪些部分應該被樣式化為標題。
?
這些標簽位于頁面的<body>中，因此用戶在瀏覽頁面內容時可以看到這些文字。
標題標簽應該被用來幫助構建頁面結構。
在創建網站時，開發人員將確保風格與每種類型的標題標簽相關聯。
這意味著包裹在<h1>標簽中的文字應該與包裹在<h2>標簽中的文字看起來不同。
這可以幫助用戶確定什么時候一個文本部分是之前的部分的一部分，比如標題和字幕。
標題標簽還可以幫助搜索機器人確定頁面上內容的結構。
鏈接標簽和Href屬性
作為SEO專業人士，我們花了很多時間來做鏈接。
但是，你知道鏈接是如何結構的嗎，因此為什么有些鏈接被認為比其他鏈接更有價值？
一個標準的超鏈接本質上是一個<a>標簽。它的格式如下。
鏈接的錨文本在這里。
<a>標簽表明它是一個鏈接。
href=屬性決定了鏈接的目的地（即鏈接到哪個頁面）。
位于開頭標簽和結尾標簽之間的文本是錨文本。
這是用戶在頁面上看到的看起來可點擊的文本。
這用于可點擊的鏈接，這些鏈接將出現在頁面的<body>中。
<link>標簽用于將一個資源鏈接到另一個資源，出現在頁面的<head>中。
這些鏈接不是超鏈接，它們不能被點擊。它們顯示的是網頁文檔之間的關系。
Rel="nofollow" 屬性
rel="nofollow "屬性告訴搜索引擎，在href屬性中的URL不是一個可以被他們跟隨。
使用rel="nofollow "屬性不會影響人類用戶點擊鏈接并被帶到另一個頁面。它只影響爬蟲。
這在SEO中被用來阻止搜索引擎訪問一個頁面，或者阻止一個頁面鏈接到另一個頁面的任何好處。
這可以說從傳統的SEO鏈接建設的角度來看，這使得一個鏈接毫無用處，因為鏈接權益不會通過鏈接。
有觀點認為，如果能引起訪問者瀏覽被鏈接的頁面，當然還是一個有益的鏈接!
發布者可以使用 "nofollow "屬性來幫助搜索引擎知道什么時候鏈接到的頁面是付費的結果，例如，廣告。
這可以幫助阻止鏈接懲罰的問題，因為發布者承認該鏈接是合法交易的結果，而不是試圖操縱排名。
rel="nofollow "屬性可以在單個鏈接的基礎上使用，如以下。
也可以像使用 "noindex "屬性一樣，通過在<head>中使用該屬性，將頁面上的所有鏈接變成 "nofollow"。
