HTML 元數據：包含的元素和最佳實踐
已發表: 2021-01-08HTML 元數據中的元素和最佳實踐
元標記是代碼的簡短摘錄，可告知搜索引擎有關您網頁的重要信息。 他們還控制 Web 瀏覽器向訪問者顯示的方式。 元標記存在於每個網頁上，您只能在 HTML 代碼中看到它們。 這是 SEO 的元標記示例列表。
- 元描述
- 元機器人
- 元標題
- 元字符集
- 元刷新重定向
- 元視口
元標題
谷歌和其他搜索引擎在搜索結果中顯示的頁面標題是元標題。 HTML 標題使用戶可以快速了解結果的內容及其與查詢的相關性。 它通常是決定點擊哪個結果的基本信息形式。 在您的網頁上使用高質量的標題對於 SEO 非常重要。 這是元標題的示例：
最佳實踐
- 為您的頁面使用特殊的標題標籤
- 標題應簡短且具有描述性
- 避免使用通用和模糊的標題
- 使用標題或句子大小寫
- 不要使用點擊誘餌，而是使用值得點擊的東西
- 匹配搜索意圖
- 使用 60 個字符或更少
- 在必要時包括目標關鍵字
查找和修復標題標籤錯誤
確保您的標題標籤既不太長也不太短。 避免不必要的冗長或冗長的標題，同時保持簡潔和描述性。 確保每個頁面都有一個標題標籤。 避免頁面上有多個 HTML 標題標籤，因為如果有多個網頁，搜索引擎可能會顯示不相關的標題標籤。 跨多個頁面的重複標題。 您網站的每個頁面都有一個獨特的描述性標題，這一點非常重要。
在 60 秒內測試您網站的 SEO 和性能！
良好的網站設計對訪問者的參與度和轉化率至關重要，但網站速度緩慢或性能錯誤甚至可能使設計最好的網站表現不佳。 Diib 是世界上最好的網站性能和 SEO 監控工具之一。 Diib 利用大數據的力量幫助您快速輕鬆地增加流量和排名。 正如在企業家中看到的！
- 易於使用的自動化 SEO 工具
- 關鍵字和反向鏈接監控+想法
- 確保速度、安全性和核心生命體徵跟踪
- 智能地提出改進 SEO 的想法
- 超過 250,000,000 名全球會員
- 內置基準測試和競爭對手分析
被超過 250,000 家公司和組織使用：
與
元描述
元描述給出了網頁的簡短描述。 搜索引擎使用它在搜索結果中顯示網頁。 它使用特定頁面內容的簡短準確摘要來通知並獲得用戶的興趣。 元描述向用戶保證他們在正確的頁面上並且正是他們正在尋找的內容。 但是，Google 並未將它們用作直接排名因素。 下圖顯示了元描述：
最佳實踐
- 為每個頁面寫一個獨特且易於理解的描述
- 提供準確的總結
- 不要使用通用描述
- 在有意義的句子中適當地使用主要關鍵字
- 使用句子大小寫
- 不要使用點擊誘餌，而是寫一些值得點擊的東西
- 匹配搜索的目的
- 使用 160 個字符或更少
常見的元描述錯誤
編寫元描述的最常見錯誤與標題標籤的錯誤幾乎相似。 太長或太短的元描述。 元描述的長度通常沒有限制。 為了適應設備的寬度，通常會縮短提取的搜索結果。 另一個錯誤是網頁完全沒有元描述。
確保將其寫在您的網站上。 您也可以擁有一個包含多個元描述的頁面，但這可能會使搜索引擎感到困惑。 在多個頁面上擁有相似的元描述也是一個常見的錯誤。 確保每個頁面都有自己獨特的描述。
元機器人
元機器人允許搜索引擎抓取網頁，並提供有關如何執行此操作的說明。 如果您未在元機器人標記中使用正確的屬性，則您的網站出現在搜索結果中可能會產生負面影響。 了解這個標籤並有效地使用它會極大地影響你的 SEO。
index 值告訴機器人進行頁面索引，而 noindex 值指示機器人不進行頁面索引。 以下值指示機器人爬取頁面上的鏈接以保證它們，而 nofollow 值指示它們不要爬取頁面上的鏈接以避免任何背書。
最佳實踐
僅在限制 Google 對頁面的抓取時使用元機器人標籤，並避免在機器人中阻止帶有元機器人標籤的頁面。
常見的元機器人錯誤
一些典型的元機器人錯誤包括機器人阻止沒有索引頁面。 這使得 Google 很難看到 noindex robots 標籤，並且可能會繼續將 URL 編入索引。 流氓元 noindex 通過限制 Google 將其編入索引來減少頁面的自然流量。 流氓 meta nofollow 將阻止 Google 抓取頁面的鏈接，並減少發現和索引關鍵內容的機會。 這也可以防止 PageRank 流向重要頁面。
元視口
元視口設置網頁的可見區域，並提供有關瀏覽器如何在不同屏幕尺寸上顯示頁面的說明。 這一點很重要，因為適合移動設備的網頁在 Google 的移動搜索結果中排名較高。
最佳實踐
在所有網頁上使用元視口並使用標準標籤至關重要。
元字符集
這個標籤決定了你的頁面的字符編碼，或者只是指示瀏覽器如何在頁面上顯示字符和文本。 有兩種常見的字符集，包括用於編碼 Unicode 的 UTF-8 和用於編碼拉丁字母的 ISO-8859-1。 用錯誤的字符編碼會導致瀏覽器顯示不正確。
你會感興趣
如何成功擴展您的業務
網站加載速度：優化工具
網站健康檢查：工具和提示
用戶體驗是什麼意思？
（圖片來源：學習網絡教程）
字符格式問題會導致負面的用戶體驗，並且您的頁面看起來可能會損壞。 它可能導致的其他問題包括鏈接到您頁面的人數減少、停留時間短、頁面停留時間短、跳出率高以及搜索引擎可能無法理解您的內容。
最佳實踐
- 始終在所有網頁上使用元字符集標記
- 盡可能使用 Unicode/UTF-8
檢查所有網頁以確保它們使用 UTF-8 編碼非常重要。
元刷新重定向
此標籤在一定時間後將用戶重定向到另一個 URL。 谷歌理解並尊重元刷新重定向標籤，但最好不要在 SEO 中使用它們。 這是因為大多數瀏覽器不支持它們，並且可能會在引起安全問題的同時給用戶造成混淆。 它還需要時間，因為頁面需要在目標 URL 可見之前進行解析。 這就是該標籤的外觀：
（圖片來源：HostPapa）
最佳實踐
- 僅在必要時使用元刷新重定向標籤
最好盡可能避免使用元刷新重定向，因為它們是一種不好的做法。 如果您的網頁上有它們，則可以盡可能使用 301 或 302 重定向。
元關鍵字
元關鍵字是當今經常使用的一個很好的元標記示例。 由於 Google 停止使用關鍵字進行排名，因此不建議在元關鍵字標籤中添加目標關鍵字列表。 這是因為許多人在用戶從未見過這些關鍵字的情況下填充了不相關的關鍵字。 谷歌忽略了關鍵字元標記，因為它經常被濫用。
Bing 現在使用關鍵字元標記來表示垃圾郵件，因此這可能對您不利。 最好從您的網站中刪除該標籤。
元數據是提供有關其他數據的信息的數據。 HTML 元數據總結了有關數據的基本信息，使查找和使用該特定數據變得更加容易。 它可以手動創建以提高準確性，也可以自動創建以提供更多基本信息。 Mata 數據用於文檔文件、圖像、視頻、電子表格和網頁。
什麼是元標籤生成器？
元標記生成器允許您為 SEO 開發所需和最有用的 HTML 元標記。
使用 HTML 元數據時的最佳實踐
總是聲明一個 Doctype
文檔類型聲明應該是 SEO 的 HTML 元標記中的第一件事。 它通知瀏覽器正在使用的 XHTML 標準。 建議使用 XHTML 1.0 strict doctype，儘管一些開發人員認為這是一個艱難的選擇。 它確保您的代碼嚴格符合最新標準。
使用有意義的標題標籤
標題標籤使網頁更有意義和搜索友好。
使用元標籤的描述性列表
對於搜索引擎蜘蛛等用戶代理，元標記列表為您的網頁增加了更多意義。 重要的是描述中沒有重複的單詞和短語，因為搜索引擎會檢測到這一點。 在解釋您的網頁的目的時，請使用簡單明了的描述。
使用 Div 將佈局劃分為主要部分
在構建網站設計時，請考慮在第一步中將網頁劃分為多個部分。 這將促進一個乾淨和善意的代碼，同時幫助您在編寫複雜而長的標記時防止混淆和過度使用 div。
避免混合演示文稿中的內容
不要將您的 HTML 內容與 CSS 提供的內容視覺呈現混合在一起。 為您的樣式創建一個單獨的 CSS 文件而不是在您的 HTML 中使用內聯樣式是非常必要的。 這將使您和其他處理代碼的開發人員能夠快速更改並確保您的內容更容易被用戶代理理解。
縮小和統一 CSS
典型的網站有一個主要的 CSS 文件，可能還有其他一些東西，比如特定於瀏覽器的修復和 CSS 重置。 當每個 C 文件發出 HTTP 請求時，它會減慢網站加載時間。 從所有代碼中取出不需要的字符，例如換行符、空格和製表符，並統一可以集成在一起的文件。 這可以幫助解決該問題並改善您網站的加載時間。
縮小、統一和下移 JavaScript
避免使用內聯 JavaScript，而是嘗試縮小和統一 JavaScript 庫，以減少生成一個頁面所需的 HTTP 請求數。 但是，您不能在大多數瀏覽器中進行並行下載，這意味著瀏覽器在下載 JavaScript 時不會下載任何其他內容，從而使頁面看起來好像加載緩慢。
為避免這種情況，您可以在加載 CSS 後加載 JavaScript，方法是將 JavaScript 放在 HTML 文檔的末尾（如果適用），最好是在關閉 body 標記之前。
明智地使用標題元素
使用 h1 到 h6 元素來指示您的 HTML 內容順序使您的內容對用戶代理、搜索引擎和屏幕閱讀軟件更加用戶友好。 使用博客時，最好使用 h1 元素作為博客文章的標題，而不是網站名稱，因為它非常適合搜索引擎。
在正確的地方使用正確的 HTML 標籤
了解可用的 HTML 標記以及如何準確使用它們以避免混淆並創建相關的內容結構非常重要。
我們希望您發現這篇文章很有用。
如果您想更有趣地了解您的網站健康狀況，獲得個人推薦和提醒，請通過 Diib 掃描您的網站。 只需 60 秒。
避免過度使用 div
一些開發人員將 div 標籤包裝在具有更多 div 標籤的其他 div 標籤上，從而創建了許多 div。 div 被認為是無意義的元素，根據 W3C HTML 規範，只有在沒有其他可用的合適元素時才應使用它。 通過負責任地並且僅在必要時使用它們來避免使用大量 div。
使用無序列表進行導航
與 CSS 結合使用時，導航元素是網站設計中非常重要的因素。 它可以幫助您的導航菜單語義化和美觀。 這裡有兩種方法可以做到這一點：
（圖片來源：Studytonight）
關閉您的標籤
W3C 規範要求您關閉所有標籤。 即使未能關閉您的標籤在正常標準下是無效的，其他瀏覽器也可能正確顯示您的頁面。
使用小寫標記
保持標記小寫是業內的標準做法。 大寫標記會影響代碼的可讀性，但不會改變網頁的顯示。
使用模塊化 IE 修復
如果您的頁面有問題，您可以使用條件註釋將注意力集中在 Internet Explorer 上。 確保您使修復模塊化，以確保您的工作是面向未來的，這樣舊版本的 IE 將不需要任何支持。
驗證您的代碼
您不應將驗證視為對好工作與壞工作的最終評估。 驗證的工作不一定是好代碼，或者，沒有完全驗證的工作不一定是壞代碼。
您可以使用自動驗證服務作為有用的調試器來識別呈現錯誤。 在編寫 HTML 時經常驗證您的工作，以避免在完成工作後可能難以識別的問題。
編寫格式一致的代碼
編寫一個乾淨且用心良好的代碼庫可以提高您的專業性，並使可能處理您的代碼的開發人員更容易。 當您從一開始就編寫正確縮進的標記時，您還將提高工作的可讀性。 例如：
（圖片來源：html.com）
避免過多的評論
記錄您的代碼的目的是使其易於理解，並且註釋您的代碼對於 Java、PHP 和 C# 等編程語言來說是合理且合乎邏輯的。 但是，標記是不言自明的，您不需要對 XHTML/HTML 中的每一行進行註釋。 如果您在 HTML 中註釋很多來解釋該過程，那麼審查您的語義工作將對您有所幫助。
Diib：在這裡獲取您的 HTML 元數據統計信息！
使用這些元素並遵循指南將幫助您進行 SEO 工作。
像一個好的元描述這樣的元素會增加你的搜索點擊率，即使它不會提高你的排名。 元標籤現在被用於 Twitter 和 Facebook 等社交媒體平台。 您可以使用標籤檢查您的數據在 Facebook 上的共享方式。 與 Diib Digital 合作將為您提供有關元數據的重要指標，以便您可以就網站健康狀況做出有效決策。
以下是我們相信您會喜歡的用戶儀表板的一些功能：
- 旨在提高網站性能的定制目標
- 告訴您有關您的域授權的其他技術 SEO 問題的警報
- 有反向鏈接的損壞頁面（404 檢查器）
- 關鍵字、反向鏈接和索引監控和跟踪工具
- 用戶體驗和移動速度優化
- 圖片標題優化
單擊此處進行免費掃描，或直接致電 800-303-3510 與我們的一位增長專家交談。