關注我們

標簽列表

長沙SEO優化:2018 HTML和Meta Tags元標簽規范指南

兔子兔子 SEO優化 2019-01-18 1174 0

SEO跟大多數事情一樣是不斷變化的,SEO優化中標簽的定義和用法也是經常發生變化。如果你處于SEO優化的這個領域,你應該實現結構化數據以確保爬蟲獲得最佳體驗。首先在看此篇文章之前,確保你已經對HTML元標簽有一定的了解,今天兔子要講的是網站代碼優化中的HTML和Meta Tags指南,包括了Hreflang,Canonical標簽,Content type 標簽,Title標簽,Meta Description標簽, Viewport 標簽,Robots Meta 標簽和Open graph(OG) meta tags。

HTML元標簽vs元標簽

首先,是時候弄清楚HTML元標簽和元標簽了。兩種標簽類型之間的區別很大程度上是隨意的,HTML元標簽的語法意味著它將包含meta,而定義為元標簽的標簽不一定非要。這個決定是否由W3C定義,并且隨著時間的推移而變化,然而,我們需要記住的重要一點是它們都服務于相同的目的,那就是它們被用來提供搜索引擎關于網頁的信息。

注:有些人將頭部標簽(header tags)作為元標簽,但是由于它們描述的是頁面的一個元素,而不是整個頁面的內容,所以我們決定將它們排除在外。不過,可以肯定的是優化頭部標簽將有助于搜索引擎以及更重要的用戶了解您的內容。

那么隨著這一點的理解,在我們的SEO優化中,需要選擇哪些有用的HTML和meta tags并且運用。

長沙SEO優化:2018 HTML和Meta Tags元標簽規范指南 SEO優化 第1張

Hreflang

Hreflang標簽在技術上不是標簽,這是一個屬性,但它是一個重要的屬性,可以告訴Google或者百度你的網頁正在使用哪種語言的內容。

如果你有一個網站使用多個語言,或者服務于不同的地區,那么您一定要使用Hreflang以確保在正確的Google版本中提供正確的語言版本。這可以幫助搜索引擎更好地對您的內容進行排名,更重要的是確保不同地區的用戶獲得正確的體驗。

英國用戶定位網頁的示例代碼片段:

長沙SEO優化:2018 HTML和Meta Tags元標簽規范指南 SEO優化 第2張

Canonical Tag

另一個非常重要的是Canonical標簽。將其設置不正確,你可能會損失SERP中的可見性并導致網站遇到實際問題。但是,正確使用它是告訴搜索引擎網頁網址URL是事實版本的好方法。這是避免網站上出現重復內容問題的最佳方式,這是由搜索引擎抓取包含相同或接近相同內容的多個網址引起的

一般來說,如果一個搜索引擎找到了多個具有相同內容的URL,那么確定哪一個是原始的,哪一個是重復的就更難了。這可能導致排名較低,或者更糟的是,一個重要的頁面不會排名。

用于Cononical標記的示例代碼片段:

長沙SEO優化:2018 HTML和Meta Tags元標簽規范指南 SEO優化 第3張

Content Typet Tag

內容類型標記用于定義頁面內容類型及其使用的字符集。使用它可以幫助您的瀏覽器理解和解碼頁面,因此非常重要。

內容類型標簽使用的示例代碼片段:

長沙SEO優化:2018 HTML和Meta Tags元標簽規范指南 SEO優化 第4張

Title Tag

可能是任何人進行搜索引擎優化工作的更可識別和使用的標簽之一。標題標簽用于指定網頁的內容。它們顯示在您的瀏覽器標簽中,為用戶提供引導,更重要的是被搜索引擎用于生成我們在SERP中看到的結果。

長沙SEO優化:2018 HTML和Meta Tags元標簽規范指南 SEO優化 第5張

從SEO的角度來看,優化標題標簽以包含關于頁面內容的主題/關鍵字信息有助于提高您對這些主題/關鍵字的排名。目前,您可以期待Google和百度在標題截斷前顯示50-60個字符的標題,因此在編寫標題時請注意長度。

標題標簽的示例代碼片段,位于網頁頂部的標簽頭部:

長沙SEO優化:2018 HTML和Meta Tags元標簽規范指南 SEO優化 第6張

Meta Description Tag

類似于標題標簽,元描述標簽是眾所周知的,并為您提供了一個機會,讓SERP中的搜索引擎和用戶知道您的網頁內容是關于什么的。雖然不是直接的排名因素,但您應該優化您的元描述,為您的網頁內容提供引人注目的簡潔說明。

注:如果Google或者百度認為你SEO做的不夠規范,他們可能會選擇用自己的解釋替換您的元描述標簽,通常會使用網站開頭部分的內容

元描述標記的示例代碼片段:

長沙SEO優化:2018 HTML和Meta Tags元標簽規范指南 SEO優化 第7張

Viewport Tag

視口標簽是幫助瀏覽器了解和控制網頁尺寸的有用標記。

過去,由于每個人都在類似尺寸的顯示器上查看桌面上的網頁,所以沒有必要使用此標簽,但隨著手機和平板電腦使用的興起和增長,其中有很多不同的尺寸,現在更重要的是要確保你告訴瀏覽器這些信息。

正確的執行視口標簽將確保用戶以正確的方式體驗您的網站。

視口元標簽的示例代碼片段:

長沙SEO優化:2018 HTML和Meta Tags元標簽規范指南 SEO優化 第8張

Robots meta tags

你可以使用大量Robots元標簽,所有這些都可以幫助搜索引擎抓取完成他們通過互聯網抓取和索引網頁的工作。并非所有的搜索引擎都會遵循所有的命令,但下面是Robots元標簽的一些例子以及他們要求爬蟲做的事情:

Nofollow:告訴爬蟲不要爬取該頁面上列出的任何鏈接,也不要將任何權益傳遞給鏈接的頁面

Noindex:告訴爬蟲不要索引該頁面

Noimageindex:告訴爬蟲不要從該頁面索引圖像

Noarchive:告訴爬蟲不要包含緩存版本

Robots meta tags的示例代碼片段:

長沙SEO優化:2018 HTML和Meta Tags元標簽規范指南 SEO優化 第9張

Open Graph(OG)元標簽

最后,我們有用于社交的OG元標簽。盡管不那么直接收益于SEO優化,但確保您正確實現社交的OG元標簽可以幫助確保您的內容在分享時看起來很棒,有助于提高對帖子的參與度并最終提高流量。

長沙SEO優化:2018 HTML和Meta Tags元標簽規范指南 SEO優化 第10張

你可以在你的網站上使用一系列其他標簽,長沙SEO兔子說了以上八種標簽指南,這個列表并不是詳盡無遺的,但希望能指導一些你可以在你的網站上使用的更重要和有用的標簽,對于搜索引擎和爬蟲都有更好的體驗。

版權聲明

本文僅代表作者觀點,著作權歸作者所有,未經許可,不得轉載。

喜歡0發布評論

評論列表

發表評論

  • 昵稱(必填)
  • 郵箱
  • 網址
伊人香蕉视频在线最新 99久久爱免费视频视频