每個網(wǎng)頁設(shè)計師都應(yīng)該明白的道理：“如果百度告訴你去做某事，你最好把它完成?！币驗楫斦劦綖镾EO使用HTML元標簽時，我們誰都不應(yīng)該搞亂。也就是說，你應(yīng)該知道百度搜索是怎么回事。算法總是在變化，百度認為重要的那一年很容易就會在下一年半途而廢。這就是為什么您可能會遇到的一些元標記只不過是百度曾經(jīng)關(guān)心的遺留問題。

創(chuàng)新互聯(lián)從2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都做網(wǎng)站、成都網(wǎng)站制作網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元西安做網(wǎng)站,已為上家服務(wù),為西安各地企業(yè)和個人服務(wù),聯(lián)系電話:13518219792

本指南將幫助您關(guān)注您絕對需要使用的元標記以及如何使用它們。

什么是HTML元標簽？

一個網(wǎng)頁的頭部包含了很多關(guān)于內(nèi)容的信息，在這里，您可以找到HTML元標記以及應(yīng)用于頁面的任何CSS或JavaScript鏈接。

下面是一個關(guān)于CSS庫的例子：

你可以從這個片段中收集一些關(guān)于頁面的重要細節(jié)：

（元）標題

元數(shù)據(jù)描述

元內(nèi)容類型和視圖

這些都是元標簽，大多數(shù)情況下，它們是以名稱/值對的形式在HTML中編寫的。例如：

本質(zhì)上，元標記只不過是關(guān)于web頁面數(shù)據(jù)的數(shù)據(jù)。它們從未出現(xiàn)在頁面上。他們只是在后臺，等待搜索機器人檢測HTML并使用它來改進頁面的搜索結(jié)果。它們對于向用戶提供這些細節(jié)（并顯示內(nèi)容）的瀏覽器、RSS提要和社交媒體平臺也很有用。

您需要使用哪些元標記？

有人可能會說，所有被百度和其他搜索引擎識別的元標記都值得使用。但是就像你在網(wǎng)頁設(shè)計和開發(fā)中所做的一切一樣，你應(yīng)該明智地選擇你的戰(zhàn)斗。

因此，與其花時間用每個元標記填充web頁面，不如熟悉哪些元標記可用，哪些值得使用。

標題

HTML示例

它是做什么的？

這表示頁面的名稱。

你真的需要它嗎？

是的，這個是沒有商量余地的，因為它告訴搜索引擎頁面的名字是什么。

如果你也想為搜索結(jié)果定制你的標題，這個標簽就派上用場了。那么，假設(shè)你寫了一個標題，這樣訪問者在網(wǎng)站上看到它時，就不得不點擊它。喜歡的東西：

如何在只有筆記本電腦、護照和好友的情況下賺到六位數(shù)的薪水

那個標題字符串有98個字符長，百度不可能全部顯示它。你不需要為你的網(wǎng)站重寫標題，你可以使用標題標簽來給百度一個更符合它的標準，比如：

這是56個字符，在百度的標題限制之內(nèi)，并且工作得和原來一樣好

描述

HTML示例

它是做什么的？

這是對頁面內(nèi)容的簡要總結(jié)，在搜索中，這是出現(xiàn)在頁面標題和URL下面的頁面描述。

你真的需要它嗎？

是的，這是另一個重要的元標簽。

如果您讓百度來為頁面創(chuàng)建一個描述，那么它很可能只是其中所找到內(nèi)容的前160個字符。如果你在頁面的頂部有廣告，圖像alt文本，或者任何它的機器能讀的東西，你可能會陷入一個蹩腳的元描述。

所以，花點時間寫一篇。

字符集

HTML示例

它是做什么的？

這個元標記定義了瀏覽器應(yīng)該使用哪個字符集來解釋內(nèi)容。

你真的需要它嗎？

UTF-8不是唯一的字符集，也不是普遍接受的字符集。所以，確保你已經(jīng)用這個元標簽為你的網(wǎng)站定義了默認字符集。

如果你不確定你的網(wǎng)站是否需要一個不同的字符，請參考這個列表?？梢钥隙ǖ卣f，如果要將該網(wǎng)站翻譯成面向國際用戶，您肯定需要使用不同于UTF-8的charset標記。

HREFLANG

HTML示例

它是做什么的？

這個標記告訴百度頁面的內(nèi)容是用哪種語言或地區(qū)方言編寫的，因此它可以將其顯示給正確的用戶。

你真的需要它嗎？

使用這個元標簽的原因如下：

1、當你建立了一個有不同翻譯版本的國際網(wǎng)站；

2、當您用特定的方言編寫內(nèi)容時，比如en-us和en-gb；

3、當您的頁面包含多種語言或方言，并且希望檢測到每種語言或方言時。

視窗

HTML示例

它是做什么的？

它提供了關(guān)于百度應(yīng)該如何在所有設(shè)備上呈現(xiàn)頁面的指導，但是在這個以移動為中心的世界中這一點尤其重要。

你真的需要它嗎？

viewport元標記是百度花了很大篇幅來解釋的一個標記，基本上，如果你不包括它，或者它被不正確地使用，你可能會破壞用戶在移動設(shè)備上的觀看體驗。

這就是為什么百度建議將內(nèi)容設(shè)置為width=設(shè)備寬度，每次初始值為1。如果你試圖引入像最小尺度這樣的變量，你可能會損害網(wǎng)站的外觀，因為它會從簡單的縱向轉(zhuǎn)向橫向。

規(guī)范的鏈接

HTML示例

它是做什么的？

當您的網(wǎng)站上有重復的內(nèi)容，或者頁面彼此非常相似時，canonical meta標記會告訴百度哪個頁面是原始的，并且應(yīng)該有流量。

你真的需要它嗎？

百度不喜歡復制內(nèi)容，但是讓我們假設(shè)你的“5種增強WordPress安全性的方法”是對2015年的一篇文章“7種增強WordPress安全性的方法”的重寫。

與其讓百度懲罰你在你的網(wǎng)站上有相似的內(nèi)容（因此，試圖為同一件事排名兩次），你將使用這個元標簽顯示百度原始的生活。

如果你改變了你的URL結(jié)構(gòu)，并且想要確保所有的流量都指向最新的鏈接，這也會很方便。

機器人

HTML示例

或者：

它是做什么的？

robots元標簽告訴所有搜索機器人（“機器人”）或特定的爬蟲機器人（“googlebot”、“bingbot”、“duckduckbot”等）如何處理頁面。它通常與頁面的索引方式有關(guān)。

你真的需要它嗎？

默認情況下，搜索引擎會對你在網(wǎng)站上創(chuàng)建的每個頁面建立索引并跟蹤鏈接。

有幾個原因，為什么你可能會命令搜索引擎做其他：

noindex：當你想在搜索中隱藏一個頁面時使用這個。（不要依賴于此來獲得安全感，記?。哼@只是一個建議。）

nofollow：這對于接受貢獻者的內(nèi)容但不審查內(nèi)容的博客很有用。這樣，如果附屬鏈接是種植在頁面上，百度不會跟隨他們。

nosnippet或max-snippet：它控制文本、圖像或視頻片段在搜索中的顯示方式。

noarchive：如果頁面有較老的緩存版本，使用這個來禁止搜索引擎顯示它們。

【日期】：對于有限的促銷來說，這是一個很好的選擇，比如在黑色星期五促銷的時候。雖然你可能想要在10月到12月之間為頁面帶來流量，但在假期結(jié)束、交易不再有效的情況下將其從搜索中剔除是有意義的。

百度網(wǎng)站驗證

HTML示例

它是做什么的？

這是用于驗證百度搜索控制臺的站點所有權(quán)的方法之一。

你真的需要它嗎？

如果您選擇了其他選項之一，則不需要此元標記。例如，您可以通過您的百度分析跟蹤代碼或通過更新您的DNS記錄來驗證站點所有權(quán)。如果您愿意，可以將HTML元標記添加到標題中。

推特卡和開放圖表（社交媒體）

HTML示例

它是做什么的？

Open Graph元標記（如上面的代碼片段）告訴Facebook和LinkedIn如何顯示在這些社交媒體平臺上共享的頁面或帖子的元數(shù)據(jù)。

Twitter卡片元標簽也做同樣的事情，除了Twitter和通常要求你的處理（@）。

你真的需要它嗎？

這可能有所幫助，但遠非必要。根據(jù)我的經(jīng)驗，當我在我的網(wǎng)站上為一個頁面填寫基本的元數(shù)據(jù)（例如標題、元描述、特色圖片）時，這就是我在社交媒體上推廣它時所顯示的內(nèi)容。

總結(jié)

這絕不是現(xiàn)有所有元標記的詳盡列表，例如，您可能會遇到包含遺留元標記（比如聲明作者、版權(quán)或評級的標記）的web頁面。這些已經(jīng)沒有必要了，你不應(yīng)該把時間浪費在這些上面。

這是一個詳盡的HTML元標簽列表，你應(yīng)該在相關(guān)的時候使用它。所以，重點是讓搜索引擎準確地知道他們需要什么來索引你的頁面，同時避免你的HTML文檔被不必要的標簽淹沒。