Meta 標籤與搜尋引擎優化

發表於2016-01-08
優化

當談及到<meta>標籤對搜尋引擎排名的影響，很多人都存在誤解。在過去，許多已經失去作用的標籤仍然被頻繁使用。所以哪些標籤對搜尋引擎優化(SEO)有作用，哪些沒有呢?

什麼是Meta標籤

Meta標籤給搜尋引擎提供了許多關於網頁的資訊。這些資訊都是隱含資訊,意味著對於網頁自身的訪問者是不可見的。

你可以在網頁的 <head>元素中發現<meta>標籤。在過去,有人曾經問我它是否可以放在網頁的<body>，最好不要這樣做。如果<meta>標籤被放在<body>位置，某些瀏覽器可能無法識別它們，也就相當於你建立了無效的標籤。

通常情況下，<meta> 標籤會包含一個name屬性，用來設定後設資料。後設資料的值放在content屬性裡面。你可以在<meta>標籤中使用各種名稱/值對，讓我們來看看其中的一些。

你可以會遇到一些Meta標籤

讓我們執行一下在一個網頁中發現的幾個不同的 <meta> 標籤。

Meta Description

Meta description標籤可能是最有用的標籤之一。顧名思義，它會給搜尋引擎提供關於這個網頁的簡短的描述。程式碼如下:

這個標籤曾經在搜尋排名中佔有很大的權重，但隨著演算法的不斷的更新升級，它的地位也逐漸降低。它雖然不會提高網站排名，但是，因為它會被用在搜尋引擎的結果頁，所以依然有用。

這也就意味著它仍然可以提高你的網頁點選率。畢竟，當使用者搜尋的關鍵詞與之相匹配時，會以粗體顯示突出顯示。這就是為什麼一個好的頁面說明 (利用關鍵字的) 可以顯示更多與使用者相關的資訊，進而提高了點選率。推薦的description長度為160 個字元。

但是如果你沒有使用description標籤或者description標籤為空時，會發生什麼呢?搜尋引擎仍會在搜尋結果頁顯示出自己創鍵的一小段文字。大多數的結果都不是使用者需要的，也就意味著你將失去使用者點選網頁的機會。

Meta Robots

我們在之前的教程中已經接觸過Meta robots標籤。如果你沒有機會回去閱讀它，這裡有一段簡短的介紹：

Meta robots標籤管理著搜尋引擎是否可以進入網頁，你可以用它來允許或不允許搜尋引擎來獲取你的網頁、進入你網頁中的子連結或對你的網頁存檔。例如：

這個 meta 標籤告訴搜尋引擎不要獲取網頁，並且阻止其進入連結。如果你不小心使用了兩個矛盾的術語 (例如noindex 和index)，谷歌會選擇最具限制性的選項。

為什麼這個標籤會對搜尋引擎優化(SEO)起作用呢?首先，它可以防止對拷貝內容的冗餘抓取，例如頁面的列印版頁面。它也可能會對那些內容不完整的頁面或者而存在私密資訊的網頁起作用。

Title

專業的講，title標籤不是meta標籤，但他們都放在相同位置。我之所以把title標籤放在這裡是因為它對搜尋引擎優化很重要。

在所有的HTML文件中，title標籤都是不可缺少的。它定義了整個文件的標題，如下所示：

簡單而實用。標題通常會顯示在兩個不同的地方;瀏覽器的頭部標籤和搜尋結果頁。這就意味著title標籤在點選率(CTR)和排名上有很重要的影響。

一個好的標題應該包含關鍵字，而且最好放在標題的開頭部分。請記住，那些匹配到使用者搜尋的關鍵字會以粗體顯示。

另一件你應該牢記在心的事情就是標題的長度。谷歌會限制標題為70個字元，所以偶爾你可能需要書寫一個合適的標題。

Dan Shure發表過一篇很不錯的關於標題的文章，叫are your titles irresistibly click worthy and viral?，包含了很多有意思的知識點。

其它一些Meta標籤

講解了一些常用的meta標籤，下面讓我們來看一些不經常使用的。

Meta Content Type (charset)

meta content type標籤被用來宣告網頁的字元編碼，為了防止瀏覽器產生編碼問題最好加上這個屬性。但是它不會影響搜尋排名或點選率(CTR)。

你可能很熟悉下面長長的Content-type程式碼:

現在我們也可以使用更簡短的、向後相容的宣告模式：

這個標籤應該放在任何包含文字元素的標籤之前，包括我們已經講解的title標籤。

Meta Keywords

這個標籤在過去很重要，但是現在卻沒什麼價值了。現在沒有一個主流的搜尋引擎使用meta keywords來判斷網頁的內容了。

在meta keywords標籤裡面，你可以儲存幾個關於網頁內容的關鍵字。然而，它卻不會提高你的排名。如果你想要實現它(儘管我不知道你為什麼這樣做)你可以用如下程式碼：

Meta Language

這個標籤之前是用來宣告網頁的語言的。可以告知螢幕閱讀器和其它文字處理器他們正在處理的語言以便更好的工作。這就是為什麼meta language的content宣告為什麼可以為fr。

但這看起來是多餘的，W3C推薦使用標籤的屬性來宣告語言：

如果這個元素所包含內容的語言和你在<html>元素設定的預設語言不一樣時,這個屬性也能應用到其他元素上：

Notranslate

有時，Google在結果頁面會提供一個翻譯連結，但有時候你不希望出現這個連結，你可以新增這樣一個meta標籤：

Refresh

使用這個meta標籤你可以控制瀏覽器在一段時間之後自動重新整理。舉例說明，下面的程式碼表示每隔30秒網頁自動更新：

你也可以在重新整理之後跳轉到另外一個頁面，看看下面這個例子：

W3C是不推薦使用這個標籤的，因為它會令使用者產生迷惑。另外，它對搜尋排名沒有任何影響。

總結

簡單的說，有三個meta標籤，你應該關注一下：description、robots、title(經常被視為是，但專業來講不是).

description標籤被用來顯示更多有關網頁內容的資訊，搜尋引擎也會在搜尋引擎結果頁面(SERP)使用它。robots標籤用來阻止搜尋引擎獲取拷貝頁面、私密頁面和未完成的頁面。最後，最重要的title標籤，控制它在70個字元以下，並在其中使用關鍵詞。

keywords標籤的時代已經過去，最好不在使用它。其他一些比較重要的標籤(有關搜尋引擎優化)：language、content、refresh、nontranslate。

相關的meta設定

相關文章