什么是Meta標(biāo)簽? 哪些Meta標(biāo)簽對(duì)搜索引擎SEO優(yōu)化有作用?
來源:易賢網(wǎng) 閱讀:1263 次 日期:2016-07-06 08:56:59
溫馨提示:易賢網(wǎng)小編為您整理了“什么是Meta標(biāo)簽? 哪些Meta標(biāo)簽對(duì)搜索引擎SEO優(yōu)化有作用?”,方便廣大網(wǎng)友查閱!

當(dāng)談及到meta標(biāo)簽對(duì)搜索引擎排名的影響,很多人都存在誤解,在過去許多已經(jīng)失去作用的標(biāo)簽仍然被頻繁使用。那么什么是Meta標(biāo)簽?哪些Meta標(biāo)簽對(duì)搜索引擎SEO優(yōu)化有作用?本文將提供Meta標(biāo)簽相關(guān)內(nèi)容供大家了解,希望對(duì)大家有所幫助和啟發(fā)

什么是Meta標(biāo)簽?

Meta標(biāo)簽給搜索引擎提供了許多關(guān)于網(wǎng)頁的信息,這些信息都是隱含信息,意味著對(duì)于網(wǎng)頁自身的訪問者是不可見的。

你可以在網(wǎng)頁的 <head>元素中發(fā)現(xiàn)<meta>標(biāo)簽。在過去有人曾經(jīng)問我它是否可以放在網(wǎng)頁的<body>,最好不要這樣做。如果<meta>標(biāo)簽被放在<body>位置,某些瀏覽器可能無法識(shí)別它們,也就相當(dāng)于你創(chuàng)建了無效的標(biāo)簽。

通常情況下,<meta> 標(biāo)簽會(huì)包含一個(gè)name屬性,用來設(shè)置元數(shù)據(jù)。元數(shù)據(jù)的值放在content屬性里面。你可以在<meta>標(biāo)簽中使用各種名稱/值對(duì),讓我們來看看其中的一些。

你可以會(huì)遇到一些Meta標(biāo)簽

讓我們運(yùn)行一下在一個(gè)網(wǎng)頁中發(fā)現(xiàn)的幾個(gè)不同的 <meta> 標(biāo)簽。

Meta Description

Meta description標(biāo)簽可能是最有用的標(biāo)簽之一。顧名思義,它會(huì)給搜索引擎提供關(guān)于這個(gè)網(wǎng)頁的簡(jiǎn)短的描述。代碼如下:

<meta name=”description”content=”Everything you need toknow about meta tags forsearch engine optimization”/>

這個(gè)標(biāo)簽曾經(jīng)在搜索排名中占有很大的權(quán)重,但隨著算法的不斷的更新升級(jí),它的地位也逐漸降低。它雖然不會(huì)提高網(wǎng)站排名,但是,因?yàn)樗鼤?huì)被用在搜索引擎的結(jié)果頁,所以依然有用。

這也就意味著它仍然可以提高你的網(wǎng)頁點(diǎn)擊率。畢竟,當(dāng)用戶搜索的關(guān)鍵詞與之相匹配時(shí),會(huì)以粗體顯示突出顯示。這就是為什么一個(gè)好的頁面說明 (利用關(guān)鍵字的) 可以顯示更多與用戶相關(guān)的信息,進(jìn)而提高了點(diǎn)擊率。推薦的description長度為160 個(gè)字符。

但是如果你沒有使用description標(biāo)簽或者description標(biāo)簽為空時(shí),會(huì)發(fā)生什么呢?搜索引擎仍會(huì)在搜索結(jié)果頁顯示出自己創(chuàng)鍵的一小段文字。大多數(shù)的結(jié)果都不是用戶需要的,也就意味著你將失去用戶點(diǎn)擊網(wǎng)頁的機(jī)會(huì)。

Meta Robots

我們?cè)谥暗慕坛讨幸呀?jīng)接觸過Meta robots標(biāo)簽。如果你沒有機(jī)會(huì)回去閱讀它,這里有一段簡(jiǎn)短的介紹:

Meta robots標(biāo)簽管理著搜索引擎是否可以進(jìn)入網(wǎng)頁,你可以用它來允許或不允許搜索引擎來獲取你的網(wǎng)頁、進(jìn)入你網(wǎng)頁中的子鏈接或?qū)δ愕木W(wǎng)頁存檔。例如:

<meta name=”robots”content=”noindex,nofollow”/>

這個(gè) meta 標(biāo)簽告訴搜索引擎不要獲取網(wǎng)頁,并且阻止其進(jìn)入鏈接。如果你不小心使用了兩個(gè)矛盾的術(shù)語 (例如noindex 和index),谷歌會(huì)選擇最具限制性的選項(xiàng)。

為什么這個(gè)標(biāo)簽會(huì)對(duì)搜索引擎優(yōu)化(SEO)起作用呢?首先,它可以防止對(duì)拷貝內(nèi)容的冗余抓取,例如頁面的打印版頁面。它也可能會(huì)對(duì)那些內(nèi)容不完整的頁面或者而存在私密信息的網(wǎng)頁起作用。

Title

專業(yè)的講,title標(biāo)簽不是meta標(biāo)簽,但他們都放在相同位置。之所以把title標(biāo)簽放在這里是因?yàn)樗鼘?duì)搜索引擎優(yōu)化很重要。

在所有的HTML文檔中,title標(biāo)簽都是不可缺少的。它定義了整個(gè)文檔的標(biāo)題,如下所示:

<title>Title of the page</title>

簡(jiǎn)單而實(shí)用。標(biāo)題通常會(huì)顯示在兩個(gè)不同的地方;瀏覽器的頭部標(biāo)簽和搜索結(jié)果頁。這就意味著title標(biāo)簽在點(diǎn)擊率(CTR)和排名上有很重要的影響。

一個(gè)好的標(biāo)題應(yīng)該包含關(guān)鍵字,而且最好放在標(biāo)題的開頭部分。請(qǐng)記住,那些匹配到用戶搜索的關(guān)鍵字會(huì)以粗體顯示。

另一件你應(yīng)該牢記在心的事情就是標(biāo)題的長度。谷歌會(huì)限制標(biāo)題為70個(gè)字符,所以偶爾你可能需要書寫一個(gè)合適的標(biāo)題。

Dan Shure發(fā)表過一篇很不錯(cuò)的關(guān)于標(biāo)題的文章,叫are your titles irresistibly click worthy and viral?,包含了很多有意思的知識(shí)點(diǎn)。

其它一些Meta標(biāo)簽

講解了一些常用的meta標(biāo)簽,下面讓我們來看一些不經(jīng)常使用的。

Meta Content Type (charset)

meta content type標(biāo)簽被用來聲明網(wǎng)頁的字符編碼,為了防止瀏覽器產(chǎn)生編碼問題最好加上這個(gè)屬性。但是它不會(huì)影響搜索排名或點(diǎn)擊率(CTR)。

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

<meta http-equiv='Content-Type'content='Type=text/html; charset=utf-8'>

現(xiàn)在我們也可以使用更簡(jiǎn)短的、向后兼容的聲明模式:

<meta charset="utf-8"/>

這個(gè)標(biāo)簽應(yīng)該放在任何包含文本元素的標(biāo)簽之前,包括我們已經(jīng)講解的title標(biāo)簽。

Meta Keywords

這個(gè)標(biāo)簽在過去很重要,但是現(xiàn)在卻沒什么價(jià)值了?,F(xiàn)在沒有一個(gè)主流的搜索引擎使用meta keywords來判斷網(wǎng)頁的內(nèi)容了。

在meta keywords標(biāo)簽里面,你可以存儲(chǔ)幾個(gè)關(guān)于網(wǎng)頁內(nèi)容的關(guān)鍵字。然而,它卻不會(huì)提高你的排名。如果你想要實(shí)現(xiàn)它(盡管我不知道你為什么這樣做)你可以用如下代碼:

<meta name=”keywords”content=”meta tags,search engine optimization”/>

Meta Language

這個(gè)標(biāo)簽之前是用來聲明網(wǎng)頁的語言的??梢愿嬷聊婚喿x器和其它文本處理器他們正在處理的語言以便更好的工作。這就是為什么meta language的content聲明為什么可以為fr。

<meta http-equiv="content-language"content="fr"/>

但這看起來是多余的,W3C推薦使用標(biāo)簽的屬性來聲明語言:

<html lang="en">

如果這個(gè)元素所包含內(nèi)容的語言和你在<html>元素設(shè)置的默認(rèn)語言不一樣時(shí),這個(gè)屬性也能應(yīng)用到其他元素上:

<p lang="es">Megusta..

Notranslate

有時(shí),Google在結(jié)果頁面會(huì)提供一個(gè)翻譯鏈接,但有時(shí)候你不希望出現(xiàn)這個(gè)鏈接,你可以添加這樣一個(gè)meta標(biāo)簽:

<meta name=”google”content=”notranslate” />

Refresh

使用這個(gè)meta標(biāo)簽?zāi)憧梢钥刂茷g覽器在一段時(shí)間之后自動(dòng)刷新。舉例說明,下面的代碼表示每隔30秒網(wǎng)頁自動(dòng)更新:

 <meta http-equiv=”refresh”content=”30”>

你也可以在刷新之后跳轉(zhuǎn)到另外一個(gè)頁面,看看下面這個(gè)例子:

<meta http-equiv=”refresh”content=”30;URL=’http://website.com’”>

W3C是不推薦使用這個(gè)標(biāo)簽的,因?yàn)樗鼤?huì)令用戶產(chǎn)生迷惑。另外,它對(duì)搜索排名沒有任何影響。

簡(jiǎn)單的說,有三個(gè)meta標(biāo)簽,你應(yīng)該關(guān)注一下:description、robots、title(經(jīng)常被視為是,但專業(yè)來講不是).

description標(biāo)簽被用來顯示更多有關(guān)網(wǎng)頁內(nèi)容的信息,搜索引擎也會(huì)在搜索引擎結(jié)果頁面(SERP)使用它。robots標(biāo)簽用來阻止搜索引擎獲取拷貝頁面、私密頁面和未完成的頁面。最后,最重要的title標(biāo)簽,控制它在70個(gè)字符以下,并在其中使用關(guān)鍵詞。

keywords標(biāo)簽的時(shí)代已經(jīng)過去,最好不在使用它。其他一些比較重要的標(biāo)簽(有關(guān)搜索引擎優(yōu)化):language、content、refresh、nontranslate。

相關(guān)的meta設(shè)置 XHTML

<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, initial-scale=1" />

<meta name="description" content="150 words" />

<meta name="keywords" content="your tags" />

<!--

    all:文件將被檢索,且頁面上的鏈接可以被查詢;

    none:文件將不被檢索,且頁面上的鏈接不可以被查詢;

    index:文件將被檢索;

    follow:頁面上的鏈接可以被查詢;

    noindex:文件將不被檢索;

    nofollow:頁面上的鏈接不可以被查詢。

 -->

<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" />

<!-- 啟用 WebApp 全屏模式 -->

<meta name="apple-mobile-web-app-capable" content="yes" />

<!-- 隱藏狀態(tài)欄/設(shè)置狀態(tài)欄顏色:只有在開啟WebApp全屏模式時(shí)才生效。

content的值為default | black | black-translucent 。 -->

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

<!-- 添加到主屏后的標(biāo)題 -->

<meta name="apple-mobile-web-app-title" content="標(biāo)題">

<!-- 忽略數(shù)字自動(dòng)識(shí)別為電話號(hào)碼 -->

<meta content="telephone=no" name="format-detection" />

<!-- 忽略識(shí)別郵箱 -->

<meta content="email=no" name="format-detection" />

<meta name="apple-itunes-app" content="app-id=myAppStoreID, 

affiliate-data=myAffiliateData, app-argument=myURL" />

<!-- 添加智能 App 廣告條 Smart App Banner:

告訴瀏覽器這個(gè)網(wǎng)站對(duì)應(yīng)的app,并在頁面上顯示下載banner:

https://developer.apple.com/library/ios/documentation/AppleApplications/

Reference/SafariWebContent/PromotingAppswithAppBanners/

PromotingAppswithAppBanners.html -->

<!-- 針對(duì)手持設(shè)備優(yōu)化,主要是針對(duì)一些老的不識(shí)別viewport的瀏覽器,比如黑莓 -->

<meta name="HandheldFriendly" content="true">

<!-- 微軟的老式瀏覽器 -->

<meta name="MobileOptimized" content="320">

<!-- uc強(qiáng)制豎屏 -->

<meta name="screen-orientation" content="portrait">

<!-- QQ強(qiáng)制豎屏 -->

<meta name="x5-orientation" content="portrait">

<!-- UC強(qiáng)制全屏 -->

<meta name="full-screen" content="yes">

<!-- QQ強(qiáng)制全屏 -->

<meta name="x5-fullscreen" content="true">

<!-- UC應(yīng)用模式 -->

<meta name="browsermode" content="application">

<!-- QQ應(yīng)用模式 -->

<meta name="x5-page-mode" content="app">

<!-- windows phone 點(diǎn)擊無高光 -->

<meta name="msapplication-tap-highlight" content="no">

以上就是對(duì)Meta標(biāo)簽及Meta標(biāo)簽對(duì)搜索引擎SEO優(yōu)化有作用全部?jī)?nèi)容的介紹

更多信息請(qǐng)查看網(wǎng)站運(yùn)營
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
相關(guān)閱讀網(wǎng)站運(yùn)營

2025國考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)