Meta标簽是什麼？與搜索引擎優化有何關(guān)系？
2017-08-13
當談及到标簽對搜索引擎排名的影響，很多人都存在誤解。在過去，許多已經路低失去作用的标簽仍然被頻繁使用。所以哪些标簽對搜文時索引擎優化(SEO)有作用，哪些沒有呢(ne)?
什麼是Meta标簽
Meta标簽給搜索引擎提供了許多關(guān)于網頁的信息。這些信息都是長我隐含信息,意味着對于網頁自身的訪問(wèn)者是不看車可(kě)見的。
你(nǐ)可(kě)以在網頁的
元素中發現标簽。在過去,有人曾經問我它是否可以放在網頁的，最好不要這樣做。如果标簽被放在位置，某些浏覽器可能無法識别它們，也就相當于你創建了無效的标簽。通(tōng)常情況下(xià)， 标簽會包含一個(gè)name屬性，用來設低車置元數據。元數據的值放在content屬性裡面。你(nǐ)可(kě)友又以在标簽中(zhōng)使用各種名稱/值對，讓我們來看看其中(z媽討hōng)的一些。
你(nǐ)可(kě)以會遇到一些Meta标簽
讓我們運行一下(xià)在一個(gè)網頁中(zhōng)發現的店車幾個(gè)不同的 标簽。
Meta Description
Meta description标簽可不鐵(kě)能是最有用的标簽之一。顧名思義，它會給搜索引下時擎提供關(guān)于這個(gè)網頁的簡短(duǎn)的描述近問。代碼如(rú)下(xià):
|
1
|
<meta name=”description”conten看兵t=”Everything you need&n刀做bsp;toknow about去朋 meta tags 劇花;forsearch engin信員e optimization”/> |
這個(gè)标簽曾經在搜索排名中(zhōng)她空占有很大的權重，但随着算法的不斷的更新升級，它的地位也逐漸降低。它雖然不會生影提高網站(zhàn)排名，但是，因為它會被用在搜老著索引擎的結果頁，所以依然有用。
這也就意味着它仍然可(kě)以提高你(nǐ)的網頁點擊率。畢銀年竟，當用戶搜索的關(guān)鍵詞與之相匹配時，會以粗體顯示突出顯示。這就習習是為什麼一個(gè)好的頁面說明 (利用關(g學們uān)鍵字的) 可(kě)以顯示更多與用會訊戶相關(guān)的信息，進而提高了點擊姐家率。推薦的description長度為160&來畫nbsp;個(gè)字符。
但是如(rú)果你(nǐ)沒有使用description标簽煙些或者description标簽為空時，會發生什麼呢(ne)區著?搜索引擎仍會在搜索結果頁顯示出自己創鍵的會女一小段文(wén)字。大多數的結果都不是用戶需要的，也就意味着你(nǐ員如)将失去用戶點擊網頁的機會。
Meta Robots
我們在之前的教程中(zhōng)已經接觸過Me區吃ta robots标簽。如(rú)果你(nǐ)沒有機會回去閱讀它，這裡有一段簡藍鐘短(duǎn)的介紹：
Meta robots标簽管理着搜索引擎是否可(kě)以進到街入網頁，你(nǐ)可(kě)以用它來允許門制或不允許搜索引擎來獲取你(nǐ)的網頁、進入你(n草線ǐ)網頁中(zhōng)的子(zǐ)鍊接或對你(們秒nǐ)的網頁存檔。例如(rú)：
|
1
|
<meta name=”robots”content=”noindex,no志服follow”/> |
這個(gè) meta 标簽告訴搜索引好日擎不要獲取網頁，并且阻止其進入鍊接。如(rú)果你(nǐ家水)不小心使用了兩個(gè)矛盾的術(shù)語 (例如(rú風西)noindex 和(hé)index)，谷歌會選擇最具限校坐制性的選項。
為什麼這個(gè)标簽會對搜索引擎優化(SEO)章微起作用呢(ne)?首先，它可(kě)以防止對拷貝内容的冗餘抓呢刀取，例如(rú)頁面的打印版頁面。它也可對和(kě)能會對那些内容不完整的頁面或者而存在私密媽離信息的網頁起作用。
Title
專業(yè)的講，title标簽不是meta喝中标簽，但他們都放在相同位置。我之所以把title标簽錯高放在這裡是因為它對搜索引擎優化很重要。
在所有的HTML文(wén)檔中(zhōng)，title标簽都是不可(購南kě)缺少(shǎo)的。它定義了整個(gè)文樹校(wén)檔的标題，如(rú)下(xià)所示：
|
1
|
<title>Title of the 子民pagetitle> |
簡單而實用。标題通(tōng)常會顯示在兩個(懂要gè)不同的地方;浏覽器(qì)的頭部标簽和歌討(hé)搜索結果頁。這就意味着title标簽在點擊率(CTR)和(hé明店)排名上有很重要的影響。
一個(gè)好的标題應該包含關(guān)鍵字，而且最好放在标題的開道睡頭部分。請記住，那些匹配到用戶搜索的關(g笑頻uān)鍵字會以粗體顯示。
另一件你(nǐ)應該牢記在心的事情就是标題的長工生度。谷歌會限制标題為70個(gè)字符，所以偶爾你(公討nǐ)可(kě)能需要書寫一個(gè)合适的話南标題。
Dan Shure發表過一篇很不錯的關關門(guān)于标題的文(wén)章，叫ar這好e your titles irresistibly click wo明信rthy and viral?，包含了很多有意公作思的知識點。
其它一些Meta标簽
講解了一些常用的meta标簽，下(xià)面讓我開少們來看一些不經常使用的。
Meta Content Type (charse相森t)
meta content type标簽和她被用來聲明網頁的字符編碼，為了防止浏覽器(算員qì)産生編碼問(wèn)題最好加上這個(gè)屬性。但是輛坐它不會影響搜索排名或點擊率(CTR)。
你(nǐ)可(kě)能很熟悉下(xià)面長長的C從工ontent-type代碼:
|
1
|
<meta http-equiv='Content-Type'content='Type=text/html; charset=校新utf-8'> |
現在我們也可(kě)以使用更簡短(duǎn)錯老的、向後兼容的聲明模式：
|
1
|
<meta charset="utf-8"/> |
這個(gè)标簽應該放在任何包含文(wén)本元素的标話紙簽之前，包括我們已經講解的title标簽。
Meta Keywords
這個(gè)标簽在過去很重要，但是現在卻沒什麼價值化家了。現在沒有一個(gè)主流的搜索引擎使用meta 妹通keywords來判斷網頁的内容了。
在meta keywords标簽裡面，你(nǐ)可(kě)以存儲幾個(訊間gè)關(guān)于網頁内容的關(guān)鍵字。然而，它卻不會提高你門好(nǐ)的排名。如(rú)果你(nǐ)想要實現它有低(盡管我不知道你(nǐ)為什麼這樣做)你著算(nǐ)可(kě)以用如(rú)下(xià)代碼：
|
1
|
<meta name=”keywords”content=”meta tags他坐,search engine optimi子很zation”/> |
Meta Language
這個(gè)标簽之前是用來聲明網頁的語言的。可(kě)以告山醫知屏幕閱讀器(qì)和(hé)其它文(wén)南明本處理器(qì)他們正在處理的語言以便更好的工作。這就是為什麼meta lan秒弟guage的content聲明為什麼可(kě)以為f購舞r。
|
1
|
<meta http-equiv="content-language"content="fr"/> |
但這看起來是多餘的，W3C推薦使用标簽的屬性來聲明語言：
|
1
|
<html> |
如(rú)果這個(gè)元素所包含内容門湖的語言和(hé)你(nǐ)在元素設置的默認語言不一樣時,這個(gè)屬女都性也能應用到其他元素上
|
1
|
<p>Megusta.. |
Notranslate
有時，Google在結果頁面會提供一個(gè)翻譯鍊長媽接，但有時候你(nǐ)不希望出現這個(gè)鍊接，你(n睡近ǐ)可(kě)以添加這樣一個(gè)meta标簽：
|
1
|
<meta name=”google”content子師=”notranslate” /> |
Refresh
使用這個(gè)meta标簽你(nǐ)可(k公去ě)以控制浏覽器(qì)在一段時間之後自動(dòng)東哥刷新。舉例說明，下(xià)面的代碼表示每隔30秒網頁自動(dòng)兵暗更新：
<metahttp-equiv=”refresh”content=”30”>你(nǐ)也可(kě)以在刷新之後跳轉到另外一個(gè)頁面，看看下師能(xià)面這個(gè)例子(zǐ)：
<metahttp-equiv=”refresh”content=”30;U員明RL=’http://website.com’”>船靜
W3C是不推薦使用這個(gè)标簽的，因為它會令用戶産生迷黃線惑。另外，它對搜索排名沒有任何影響。
總結
簡單的說，有三個(gè)meta标簽，你(nǐ)應該關(guān輛畫)注一下(xià)：description、ro線兒bots、title(經常被視為是，但專業(yè)來講不是).
description标簽被用來顯示更多路跳有關(guān)網頁内容的信息，搜索引擎也會在搜索引擎結果頁面兵自(SERP)使用它。robots标簽用來阻止搜索引擎獲取拷貝頁面坐媽、私密頁面和(hé)未完成的頁面。最後，最重要的title标簽，綠數控制它在70個(gè)字符以下(xià)，并在其中(zhōng)使用關(兵站guān)鍵詞。
keywords标簽的時代已經過去，最好不在使用它。其他一些比較重要她事的标簽(有關(guān)搜索引擎優化)：language、c短睡ontent、refresh、nontranslate。
相關(guān)的meta設置 XHTML
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
<meta charset="UTF-8"><meta http-equiv="refresh" content="5;url=" /><link rel="copyright" href="copyright.html" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width,&n線請bsp;initial-scale=1" /><meta name="description" content="150 words" /><meta name="keywords" content="your tags" /><meta name="robots" content="index,follow" /><meta name="author" content="author name" /><meta name="google" content="index,follow" /><meta name="googlebot" content="index,follow" /><meta name="verify" content="index,follow" /><meta name="apple-mobile-web-app兒分-capable" content="yes" /><meta name="apple-mobile-web-app-農了status-bar-style" content="black-translucent" /><meta name="apple-mobile-web-app-兵中title" content="标題"><meta content="telephone=no" name="format-detection" /><meta content="email=no" name="format-detection" /><meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" /><meta name="HandheldFriendly" content="true"><meta name="MobileOptimized" content="320"><meta name="screen-orientation" content="portrait"><meta name="x5-orientation" content="portrait"><meta name="full-screen" content="yes"><meta name="x5-fullscreen" content="true"><meta name="browsermode" content="application"><meta name="x5-page-mode" content="app"><meta name="msapplication-tap-highlight" content="no"> |
下(xià)一篇：淺析HTML5的10大優勢
