Meta標簽給搜索引擎提供了許多關于網頁的信息。這些信息都是隱含信息,意味(wei)著(zhu)對于網頁自身的(de)訪問者是不可見的(de)。
你可以在網頁的 <head>元素中發現<meta>標簽。在過去,有人曾經問我它是否可以放在網頁的<body>，最好不要這樣做。如果<meta>標簽被放在<body>位置，某些瀏覽器可能(neng)無(wu)法(fa)識(shi)別它們，也就(jiu)相當于你創(chuang)建了無(wu)效的(de)標簽。
通常情況下，<meta> 標簽會包含一個name屬性，用來設置元數據。元數據的值放在content屬性里面。你可以在<meta>標(biao)簽中使用各種名稱/值對，讓(rang)我們來看看其(qi)中的一些(xie)。
讓我們運行一下在一個網頁中發現的幾個不同的 <meta> 標簽。
Meta description標簽(qian)可能是最有用的標簽(qian)之(zhi)一。顧名思義，它會給(gei)搜索引(yin)擎(qing)提供關于(yu)這個網頁的簡短的描(miao)述(shu)。代碼如(ru)下:
<meta name=”description” content=”Everything you need to know about meta tags”/>
這(zhe)個標(biao)簽(qian)曾(ceng)經在搜索排(pai)名中占有(you)(you)很大的權重，但(dan)隨著算法的不斷的更新(xin)升級(ji)，它的地位(wei)也(ye)逐漸降(jiang)低(di)。它雖然不會提高網(wang)站排(pai)名，但(dan)是，因為(wei)它會被用在搜索引擎的結果(guo)頁(ye)，所以(yi)依(yi)然有(you)(you)用。
這也就意味著它仍然可以提高你的網頁點擊率。畢竟，當用戶搜索的關鍵詞與之相匹配時，會以粗體顯示突出顯示。這就是為什么一個好的頁面說明 (利用關鍵字的) 可以顯示更多與用戶相關的信息，進而提高了點擊率。推薦的description長度為160 個字符。
但是如果你沒有使用description標簽或者description標簽為空時(shi)，會(hui)發生(sheng)什(shen)么呢?搜索引擎仍會(hui)在搜索結果頁(ye)顯示出自己創鍵的(de)一小段文字。大(da)多(duo)數的(de)結果都(dou)不是用戶需要(yao)的(de)，也就意味著(zhu)你(ni)將失去用戶點擊網頁(ye)的(de)機(ji)會(hui)。
Meta robots標(biao)簽管理著搜索(suo)引(yin)(yin)擎是(shi)否可以(yi)進入網(wang)(wang)頁(ye)，你(ni)(ni)可以(yi)用它(ta)來允許或不允許搜索(suo)引(yin)(yin)擎來獲取你(ni)(ni)的網(wang)(wang)頁(ye)、進入你(ni)(ni)網(wang)(wang)頁(ye)中的子(zi)鏈(lian)接(jie)或對你(ni)(ni)的網(wang)(wang)頁(ye)存檔。例如：
<meta name=”robots” content=”noindex, nofollow” />
這個 meta 標簽告訴搜索引擎不要獲取網頁，并且阻止其進入鏈接。如果你不小心使用了兩個矛盾的術語 (例如noindex 和 index)，谷歌(ge)會選擇最具(ju)限制性的選項。
為什么這(zhe)個標簽會對(dui)搜索引擎優化(SEO)起作(zuo)(zuo)用(yong)呢?首(shou)先，它可(ke)以(yi)防(fang)止對(dui)拷貝內(nei)容的冗余抓取(qu)，例如(ru)頁(ye)面的打印版頁(ye)面。它也可(ke)能會對(dui)那些內(nei)容不完整(zheng)的頁(ye)面或(huo)者而存在私密信息的網(wang)頁(ye)起作(zuo)(zuo)用(yong)。
專業的講，title標簽不是meta標簽，但他們都放在相同位置。我之所以把title標簽放(fang)在這里是因為它對(dui)搜索引擎優化很重要。
在所有的HTML文檔中，title標簽都是不可缺少的(de)。它定義了整個文檔的(de)標題，如(ru)下所(suo)示：
<title>Title of the page</title>
簡(jian)單而實用。標(biao)(biao)題通常會顯示(shi)在兩個不同的(de)地方;瀏覽器(qi)的(de)頭部標(biao)(biao)簽和(he)搜索結果頁(ye)。這就意味著title標(biao)(biao)簽在點(dian)擊率(CTR)和(he)排名上有很重要(yao)的(de)影響。
一個好的標題應該包含關鍵字，而且最好放在標(biao)題的開頭部(bu)分。請記住，那些匹配到用戶搜索的關鍵字會以(yi)粗(cu)體顯示。
另一件你應該牢記在心的事情就是標題的長度。谷歌會限制標題為70個字符，所(suo)以偶爾你(ni)可(ke)能需要書(shu)寫一個(ge)合適的標(biao)題。
其(qi)它一些Meta標簽
講解了一些常用的meta標(biao)簽，下(xia)面(mian)讓我們來看一些不經(jing)常使用(yong)的。
meta content type標簽被用(yong)來聲明網頁的字符編碼，為了(le)防止(zhi)瀏覽器產(chan)生編碼問題(ti)最好加上這個屬性。但是它不會影響搜索排名(ming)或點擊(ji)率(CTR)。
你可(ke)能很熟(shu)悉下面長(chang)長(chang)的(de)Content-type代碼:
<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>
現在我們也可以使用更簡短的、向后兼容的聲明模式：
<meta charset=utf-8 />
這個標簽應該放在任何包含文本元素的標簽之前，包括我們已經講解的title標簽。
這個(ge)標簽在過去(qu)很重要，但(dan)是(shi)現(xian)(xian)在卻沒(mei)什(shen)么價(jia)值了。現(xian)(xian)在沒(mei)有一個(ge)主流的搜(sou)索(suo)引擎使用meta keywords來判(pan)斷網頁的內(nei)容(rong)了。
在meta keywords標簽里面，你(ni)可以(yi)存儲幾(ji)個關于網頁內容(rong)的關鍵字。然而，它(ta)卻不會提高(gao)你(ni)的排名。如(ru)果(guo)你(ni)想要實現它(ta)(盡管我不知(zhi)道你(ni)為什么(me)這樣(yang)做)你(ni)可以(yi)用如(ru)下(xia)代碼：
<meta name=”keywords” content=”meta tags,search engine optimization” />
這(zhe)(zhe)個標簽之前是(shi)用來聲明網頁的(de)語(yu)言的(de)。可(ke)以告知屏幕閱讀(du)器和其它文本處理(li)器他們正在處理(li)的(de)語(yu)言以便(bian)更好的(de)工作。這(zhe)(zhe)就是(shi)為(wei)(wei)什么(me)meta language的(de)content聲明為(wei)(wei)什么(me)可(ke)以為(wei)(wei)fr。
<meta http-equiv=content-language content=fr />
但這看起來是多余的，W3C推薦使用(yong)標(biao)簽的屬性(xing)來聲明語言：
<html lang=en>
如果這個元素所包含內容的語言和你在<html>元素(su)設置(zhi)的默認語(yu)言不一樣時,這個(ge)屬性也能應用到其他元素(su)上：
<p lang=es>Me gusta..
有(you)(you)時，Google在結(jie)果頁面會提供(gong)一(yi)個翻譯(yi)鏈接(jie)，但有(you)(you)時候你不希望出現這個鏈接(jie)，你可以添加(jia)這樣一(yi)個meta標簽：
<meta name=”google” content=”notranslate” />
使用這個meta標簽你可以控制瀏覽器在一段時間之后自動刷新。舉例說明，下面的代碼表示每隔30秒網頁自動更新：
<meta http-equiv=”refresh” content=”30”>
你也可以在刷新之后跳轉到另(ling)外一個(ge)頁面，看看下(xia)面這個(ge)例子：
<meta http-equiv=”refresh” content=”30;URL=’http://website.com’”>
W3C是(shi)不(bu)推薦使用這個標簽的，因為它會令用戶產生迷惑。另外，它對搜索排名沒有(you)任何影響。
簡單的說，有三個meta標簽，你應該關注一下：description、robots、title(經(jing)常被視(shi)為(wei)是，但專業來講不是).
description標簽被用來顯示更多有關網頁內容的信息，搜索引擎也會在搜索引擎結果頁面(SERP)使用它。robots標簽用來阻止搜索引擎獲取拷貝頁面、私密頁面和未完成的頁面。最后，最重要的title標簽，控制它在70個字符(fu)以(yi)下，并在其中使用關鍵詞(ci)。
keywords標簽的時代已經過去，最好不在使用它。其他一些比較重要的標簽(有關搜索引擎優化)：language、content、refresh、nontranslate。
