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