国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > SEO必須知道的9個(gè)HTML標(biāo)簽

SEO必須知道的9個(gè)HTML標(biāo)簽

時(shí)間：2023-09-27 01:24:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-27 01:24:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

SEO必須知道的9個(gè)HTML標(biāo)簽：HTML是構(gòu)成大多數(shù)網(wǎng)頁(yè)基礎(chǔ)的標(biāo)記語(yǔ)言。它可以說(shuō)是技術(shù)SEO的最基本部分之一。使用HTML標(biāo)簽，SEO專業(yè)人員能夠?qū)⒂嘘P(guān)頁(yè)面的信息傳達(dá)給用戶和搜索機(jī)器人。這可以幫助闡明頁(yè)面上內(nèi)容的重要性，性質(zhì)和順序，以及與其他網(wǎng)頁(yè)的關(guān)系。我們這里會(huì)對(duì)良好SEO至關(guān)重要的關(guān)鍵HTML標(biāo)簽和屬性進(jìn)行解釋，了解它們的用途以及如何對(duì)其進(jìn)行編碼。

標(biāo)簽和屬性之間的區(qū)別

要了解標(biāo)簽和屬性之間的區(qū)別，我們需要確保我們使用正確的術(shù)語(yǔ)。許多人會(huì)交替使用“標(biāo)簽”和“屬性”這兩個(gè)詞，但請(qǐng)保持準(zhǔn)確。

以下HTML元素的格式分為三部分：

例如：<h1>歡迎來(lái)到我關(guān)于小貓的頁(yè)面</ h1>

此元素是標(biāo)題，將用作網(wǎng)頁(yè)上的可見(jiàn)標(biāo)題，以介紹有關(guān)小貓的內(nèi)容。

標(biāo)簽

標(biāo)簽必須具有開始<X>和結(jié)束</ X>元素，標(biāo)簽才能起作用。還有諸如<br>的空元素，它們沒(méi)有任何內(nèi)容或結(jié)束標(biāo)記。

屬性

將屬性添加到元素以對(duì)其進(jìn)行修改。它們位于元素內(nèi)，例如：

<link rel="canonical" href="https://www.example.com" />

3個(gè)基本HTML標(biāo)記

為了制作有用的網(wǎng)頁(yè)，需要一些關(guān)鍵標(biāo)簽。

<! DOCTYPE html>

<! DOCTYPE html>標(biāo)記是網(wǎng)頁(yè)上的第一個(gè)標(biāo)記。

它實(shí)質(zhì)上將頁(yè)面介紹為網(wǎng)頁(yè)。

<head>

<head>標(biāo)記介紹頁(yè)面的第一部分。

這是關(guān)于頁(yè)面的信息，這些信息不會(huì)在頁(yè)面上顯示。

了解<head>很重要，因?yàn)檫@是一些SEO的關(guān)鍵標(biāo)簽所在的地方。

<body>

body標(biāo)簽包含訪問(wèn)者將在頁(yè)面上看到的信息。

這是文本，圖像和視頻的存放位置。

該主體還將容納我們稍后將討論的其他一些HTML標(biāo)簽。

SEO的常用標(biāo)簽及其中使用的屬性

<meta>

<meta>標(biāo)記位于頁(yè)面的<head>中。

它可以包含描述網(wǎng)頁(yè)信息的屬性，而這些信息實(shí)際上不會(huì)在頁(yè)面內(nèi)容中顯示。

由于與元標(biāo)記一起使用的屬性可控制“元描述”和不再使用的“元關(guān)鍵字”之類的屬性，因此通常將其稱為“元數(shù)據(jù)”。

名稱屬性

name屬性與<meta>標(biāo)記一起使用。

本質(zhì)上，這是一種指定可能訪問(wèn)該頁(yè)面的任何搜索引擎爬蟲機(jī)器人的方法，無(wú)論以下信息是否適用于它們。

例如，包含<meta name ="robots" content="noindex" />意味著所有機(jī)器人都應(yīng)注意“noindex”指令。

您會(huì)經(jīng)常聽(tīng)到這種情況，稱為“元機(jī)器人標(biāo)記”。

如果使用以下命令<meta name ="Baiduspider" content ="noindex" />，則只有百度的蜘蛛需要注意“noindex”指令。

這是向所有不需要的搜索機(jī)器人發(fā)出命令的好方法。

Noindex屬性

“noindex”屬性是SEO中常用的屬性。

您經(jīng)常會(huì)聽(tīng)到它被稱為“noindex標(biāo)簽”，但更準(zhǔn)確地說(shuō)，它是<meta>標(biāo)簽的屬性。

它的公式是：

<meta name="robots" content="noindex" />這段代碼使發(fā)布者可以確定哪些內(nèi)容可以包含在搜索引擎的索引中。

通過(guò)添加“noindex”屬性，您實(shí)際上是在告訴搜索引擎它可能不在其索引內(nèi)使用此頁(yè)面。

例如，如果您想通過(guò)自然搜索無(wú)法獲得敏感內(nèi)容，這將很有用。

例如，如果您的網(wǎng)站上只有付費(fèi)會(huì)員可以訪問(wèn)的區(qū)域，則允許將此內(nèi)容輸入搜索索引可以使它無(wú)需登錄即可訪問(wèn)。

必須先閱讀“noindex”指令。也就是說(shuō)，搜索引擎必須能夠訪問(wèn)該頁(yè)面以讀取包含指令的HTML代碼。

因此，請(qǐng)注意不要阻止爬蟲機(jī)器人訪問(wèn)robots.txt中的頁(yè)面。

Description屬性

description屬性（又稱為“元描述”）與<meta>標(biāo)記一起使用。

該標(biāo)簽的內(nèi)容用于SERP中的<title>標(biāo)簽的內(nèi)容下方。







它使發(fā)布者可以以一種有助于搜索者確定頁(yè)面是否滿足其需求的方式來(lái)總結(jié)頁(yè)面上的內(nèi)容。

這不會(huì)影響頁(yè)面的排名，但可以幫助鼓勵(lì)從SERP點(diǎn)擊進(jìn)入頁(yè)面。

必須意識(shí)到，在許多情況下，搜索引擎會(huì)忽略description屬性的內(nèi)容，而傾向于在SERP中使用其自己的描述。

<title>

如果您有一段時(shí)間沒(méi)有使用SEO，那么title標(biāo)簽就是您熟悉的標(biāo)簽。

俗稱“元標(biāo)題”，它是用來(lái)定義頁(yè)面標(biāo)題的標(biāo)簽。它位于站點(diǎn)的<head>中。

因此，當(dāng)用戶在網(wǎng)頁(yè)上時(shí)看不到它。但是，它顯示在SERP的瀏覽器欄中，并允許您指示頁(yè)面與搜索者的查詢（與搜索機(jī)器人和用戶）的相關(guān)性。這是SEO中的重要元素。

<h1>至<h6>

在標(biāo)題標(biāo)簽被用于指示HTML內(nèi)容的部分應(yīng)作為樣式的標(biāo)題。

標(biāo)簽位于頁(yè)面的<body>內(nèi)，因此查看頁(yè)面內(nèi)容的用戶可以看到文本。

標(biāo)題標(biāo)簽應(yīng)用于幫助構(gòu)建頁(yè)面。

在創(chuàng)建網(wǎng)站時(shí)，開發(fā)人員將確保樣式與每種標(biāo)題標(biāo)簽相關(guān)聯(lián)。

這意味著包裝在<h1>標(biāo)記中的文字應(yīng)該看起來(lái)與包裝在<h2>標(biāo)記中的文字不同。

這可以幫助用戶確定某段文字何時(shí)是該段文字的一部分，例如標(biāo)題和副標(biāo)題。

標(biāo)題標(biāo)簽還可以幫助搜索引擎確定頁(yè)面上內(nèi)容的結(jié)構(gòu)。

有關(guān)標(biāo)題標(biāo)簽的重要性和使用的更多信息，請(qǐng)參見(jiàn)《如何在您的網(wǎng)站上使用標(biāo)題標(biāo)簽？》。

鏈接標(biāo)簽和Href屬性

作為SEO專家，我們花費(fèi)大量時(shí)間來(lái)尋找鏈接。

但是您是否知道鏈接的結(jié)構(gòu)以及為什么某些鏈接比其他鏈接更有價(jià)值？

標(biāo)準(zhǔn)超鏈接本質(zhì)上是一個(gè)<a>標(biāo)記。格式如下：

<a href="www.example.com">鏈接的錨文本位于此處</a>。

<a>標(biāo)記表明它是一個(gè)鏈接。

href =屬性指示鏈接的目的地（即，鏈接到的頁(yè)面）。

位于<a>標(biāo)記和</a>標(biāo)記之間的文本是錨文本。

這是用戶將在看起來(lái)可點(diǎn)擊的頁(yè)面上看到的文本。

這用于將出現(xiàn)在頁(yè)面<body>中的可單擊鏈接。

<link>標(biāo)記用于將資源鏈接到另一個(gè)資源，并顯示在頁(yè)面的<head>中。

這些鏈接不是超鏈接，不可單擊。它們顯示了Web文檔之間的關(guān)系。

Rel ="nofollow"屬性

rel ="nofollow"屬性告訴漫游器，href屬性中的URL并非其可跟隨的URL。

使用rel ="nofollow"屬性不會(huì)影響人類用戶單擊鏈接并進(jìn)入另一頁(yè)面的能力。它僅影響機(jī)器人。

在SEO中使用它來(lái)阻止搜索引擎訪問(wèn)頁(yè)面，或阻止將一個(gè)頁(yè)面鏈接到另一頁(yè)面的任何好處。

從傳統(tǒng)的SEO鏈接構(gòu)建角度來(lái)看，這可以說(shuō)使鏈接無(wú)用，因?yàn)殒溄淤Y產(chǎn)不會(huì)通過(guò)鏈接。

有論據(jù)說(shuō)，如果它使訪問(wèn)者查看鏈接到的頁(yè)面，它仍然是一個(gè)有益的鏈接！

發(fā)布者可以使用“nofollow”屬性來(lái)幫助搜索引擎知道鏈接頁(yè)面何時(shí)是付款的結(jié)果，例如廣告。

這可以幫助阻止鏈接罰款問(wèn)題，因?yàn)榘l(fā)布者承認(rèn)鏈接是合法交易的結(jié)果，而不是試圖操縱排名的結(jié)果。

rel ="nofollow"屬性可以在單個(gè)鏈接的基礎(chǔ)上使用，如下所示：

<a href="www.example.com" rel="nofollow">鏈接的錨定文字在此處</a>或者可以通過(guò)在<head>中使用它來(lái)將頁(yè)面上的所有鏈接呈現(xiàn)為“nofollow”，就像使用了“noindex”屬性一樣：

<meta name ="robots" content="nofollow" />有關(guān)何時(shí)使用rel ="nofollow"屬性的更多信息，您可以閱讀《什么是nofollow鏈接？它影響SEO優(yōu)化嗎？》。

百度如何使用rel ="nofollow"屬性

百度如今使用“ nofollow”屬性的方式將有所改變。

這包括通知我們一些其他屬性，這些屬性可以代替“nofollow”來(lái)更好地表達(dá)鏈接到其目標(biāo)頁(yè)面的關(guān)系。

這些新屬性是rel ="ugc"和rel ="sponsored"。

它們將用于幫助百度了解發(fā)布商何時(shí)希望對(duì)目標(biāo)頁(yè)面進(jìn)行打折以用于排名信號(hào)。

rel ="sponsored"屬性用于標(biāo)識(shí)鏈接何時(shí)是諸如廣告或贊助之類的付費(fèi)交易的結(jié)果。rel ="ugc"屬性用于標(biāo)識(shí)何時(shí)已通過(guò)用戶生成的內(nèi)容（例如論壇）添加了鏈接。

谷歌還宣布這些以及“nofollow”屬性僅被視為提示。

以前，“nofollow”屬性會(huì)導(dǎo)致百度蜘蛛忽略指定的鏈接，而現(xiàn)在它會(huì)在建議下采用該提示，但仍可以將其視為“nofollow”不存在。

Hreflang屬性

hreflang屬性的目的是幫助發(fā)布者的網(wǎng)站以多種語(yǔ)言顯示相同的內(nèi)容。

它指示搜索引擎應(yīng)向用戶顯示該頁(yè)面的哪個(gè)版本，以便他們可以使用首選語(yǔ)言閱讀該頁(yè)面。

hreflang屬性與<link>標(biāo)記一起使用。此屬性指定鏈接到的URL上的內(nèi)容的語(yǔ)言。

它在頁(yè)面的<head>中使用，其格式如下：

<link rel ="alternate" href ="https://cn.example.com" hreflang ="zh-CN" />它分為幾個(gè)部分：

hreflang屬性也可以在HTTP標(biāo)頭中用于非HTML（例如PDF）或網(wǎng)站XML網(wǎng)站地圖中的文檔。

正確使用hreflang屬性可能很棘手。有關(guān)其使用的更多信息，請(qǐng)參見(jiàn)《大多數(shù)多語(yǔ)言網(wǎng)站會(huì)犯的HREFLANG錯(cuò)誤》。

規(guī)范屬性

鏈接標(biāo)簽的rel ="canonical"屬性使SEO專業(yè)人員可以指定網(wǎng)站或其他域中的哪個(gè)其他頁(yè)面應(yīng)被視為規(guī)范頁(yè)面。

頁(yè)面實(shí)際上是規(guī)范頁(yè)面，意味著它是主頁(yè)，其他頁(yè)面也可以是副本。

出于搜索引擎的目的，這表明網(wǎng)站主希望將其視為要排名的主要頁(yè)面，而不應(yīng)該對(duì)其副本進(jìn)行排名。

規(guī)范屬性如下所示：

<link rel ="canonical" href ="https://www.example.com/" />該代碼應(yīng)位于頁(yè)面的<head>中。在“ href =”后面聲明的網(wǎng)頁(yè)應(yīng)該是您希望搜索引擎將其視為規(guī)范頁(yè)面的頁(yè)面。

在兩個(gè)或多個(gè)頁(yè)面上可能具有相同或幾乎相同的內(nèi)容的情況下，此標(biāo)記很有用。

規(guī)范屬性的使用

網(wǎng)站的建立方式可能對(duì)用戶有用，例如電子商務(wù)網(wǎng)站上的產(chǎn)品列表頁(yè)面。

例如，一組產(chǎn)品（例如“鞋”）的主類別頁(yè)面可能具有已寫有關(guān)于“鞋”的文本，標(biāo)題和頁(yè)面標(biāo)題。

如果用戶單擊過(guò)濾器以僅顯示8號(hào)棕色的鞋子，則URL可能會(huì)更改，但文本，標(biāo)題和頁(yè)面標(biāo)題可能與“鞋子”頁(yè)面相同。

除了顯示的產(chǎn)品列表之外，這將導(dǎo)致兩個(gè)頁(yè)面完全相同。

在這種情況下，網(wǎng)站所有者可能希望在指向“鞋子”頁(yè)面的“ 8號(hào)棕色棕色鞋子”頁(yè)面上放置一個(gè)規(guī)范標(biāo)簽。

這將有助于搜索引擎了解“8號(hào)的棕色鞋子”頁(yè)面不需要排名，而“鞋子”頁(yè)面在這兩個(gè)頁(yè)面中更重要，應(yīng)該對(duì)其進(jìn)行排名。

規(guī)范屬性出現(xiàn)問(wèn)題

重要的是要意識(shí)到搜索引擎僅將規(guī)范屬性用作指導(dǎo)，而不是必須遵循的規(guī)范。

在許多情況下，規(guī)范屬性被忽略，而另一個(gè)頁(yè)面被選擇為集合的規(guī)范。

有關(guān)如何正確使用規(guī)范屬性的更多信息，請(qǐng)參見(jiàn)《什么是canonical標(biāo)簽？如何正確使用？》。

圖片

<img>標(biāo)記用于將圖像嵌入HTML頁(yè)面。

image標(biāo)簽不會(huì)將圖像原樣插入頁(yè)面，而是以允許圖像在頁(yè)面上可見(jiàn)的方式鏈接到它。

它實(shí)質(zhì)上是為其他位置托管的圖像創(chuàng)建一個(gè)容器。

<img>標(biāo)記的格式如下：

<img src="imagename.jpg" alt ="這是圖像的說(shuō)明">該標(biāo)簽包含兩個(gè)屬性，一個(gè)屬性對(duì)于標(biāo)簽的工作必不可少，另一個(gè)屬性可以保留為空白。

Src屬性

src =屬性用于引用頁(yè)面上顯示的圖像的位置。

如果圖像與將出現(xiàn)在容器中的圖像位于相同的域中，則可以使用相對(duì)URL（只是URL的末尾部分，而不是域）。

如果要從另一個(gè)網(wǎng)站提取圖像，則需要使用絕對(duì)（整個(gè)）URL。

盡管此屬性本身沒(méi)有任何SEO用途，但它需要image標(biāo)簽起作用。

Alt屬性

上面的圖片標(biāo)簽示例還包含第二個(gè)屬性alt =屬性。

此屬性用于指定在無(wú)法渲染圖像時(shí)應(yīng)顯示哪些替代文本。

alt =屬性必須存在于<img>標(biāo)記中，但是如果不需要替代文本，可以將其保留為空白。

考慮在圖像alt =屬性中使用關(guān)鍵字有一些好處。搜索引擎無(wú)法精確確定圖像的含義。

主要搜索引擎識(shí)別圖片中的內(nèi)容的能力已取得了長(zhǎng)足的進(jìn)步。但是，該技術(shù)遠(yuǎn)非完美。

這樣，搜索引擎將使用alt =屬性中的文本來(lái)更好地理解圖像的含義。

使用有助于增強(qiáng)圖像與頁(yè)面主題相關(guān)性的語(yǔ)言。

這可以幫助搜索引擎識(shí)別該頁(yè)面與搜索查詢的相關(guān)性。

重要的是要記住，這不是alt =屬性的主要原因。

屏幕閱讀器和輔助技術(shù)使用此文本來(lái)使使用此技術(shù)的人員能夠理解圖像的內(nèi)容。

應(yīng)該首先考慮alt =屬性，以使使用該技術(shù)的用戶可以訪問(wèn)網(wǎng)站。這不應(yīng)出于SEO目的而犧牲。

有關(guān)如何優(yōu)化圖像的更多信息，請(qǐng)閱讀《2020年圖片SEO的終極指南》。

結(jié)論

本指南介紹了您在SEO中可能會(huì)聽(tīng)到的核心HTML標(biāo)簽和屬性。但是讓SEO運(yùn)行正常，讓網(wǎng)頁(yè)可抓取和可索引的話還有許多其他事情要去做。

SEO和網(wǎng)站開發(fā)之間有很大交集。浪知潮作為杭州seo專家，我們熟悉網(wǎng)站的多樣構(gòu)建方式。如果您還想了解有關(guān)HTML及其可用標(biāo)簽的更多信息，可以使用W3Schools之類的資源。

關(guān)鍵詞：標(biāo)簽,須知

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉