今天講講Meta標(biāo)簽與搜索引擎優(yōu)化的關(guān)系
2021-04-18 分類： 搜索引擎優(yōu)化
當(dāng)談及到<meta>標(biāo)簽對搜索引擎排名的影響，很多人都存在誤解。在過去，許多已經(jīng)失去作用的標(biāo)簽仍然被頻繁使用。所以哪些標(biāo)簽對搜索引擎優(yōu)化(SEO)有作用，哪些沒有呢?
什么是Meta標(biāo)簽
Meta標(biāo)簽給搜索引擎提供了許多關(guān)于網(wǎng)頁的信息。這些信息都是隱含信息,意味著對于網(wǎng)頁自身的訪問者是不可見的。
你可以在網(wǎng)頁的 <head>元素中發(fā)現(xiàn)<meta>標(biāo)簽。在過去,有人曾經(jīng)問我它是否可以放在網(wǎng)頁的<body>，較好不要這樣做。如果<meta>標(biāo)簽被放在<body>位置，某些瀏覽器可能無法識別它們，也就相當(dāng)于你創(chuàng)建了無效的標(biāo)簽。
通常情況下，<meta> 標(biāo)簽會包含一個name屬性，用來設(shè)置元數(shù)據(jù)。元數(shù)據(jù)的值放在content屬性里面。你可以在<meta>標(biāo)簽中使用各種名稱/值對，讓我們來看看其中的一些。
你可以會遇到一些Meta標(biāo)簽
讓我們運(yùn)行一下在一個網(wǎng)頁中發(fā)現(xiàn)的幾個不同的 <meta> 標(biāo)簽。
Meta Description
Meta description標(biāo)簽可能是較有用的標(biāo)簽之一。顧名思義，它會給搜索引擎提供關(guān)于這個網(wǎng)頁的簡短的描述。代碼如下:
<meta name=”description”content=”Everything you need toknow about meta tags forsearch engine optimization”/>
這個標(biāo)簽曾經(jīng)在搜索排名中占有很大的權(quán)重，但隨著算法的不斷的更新升級，它的地位也逐漸降低。它雖然不會提高網(wǎng)站排名，但是，因為它會被用在搜索引擎的結(jié)果頁，所以依然有用。
這也就意味著它仍然可以提高你的網(wǎng)頁點擊率。畢竟，當(dāng)用戶搜索的關(guān)鍵詞與之相匹配時，會以粗體顯示突出顯示。這就是為什么一個好的頁面說明 (利用關(guān)鍵字的) 可以顯示更多與用戶相關(guān)的信息，進(jìn)而提高了點擊率。推薦的description長度為160 個字符。
但是如果你沒有使用description標(biāo)簽或者description標(biāo)簽為空時，會發(fā)生什么呢?搜索引擎仍會在搜索結(jié)果頁顯示出自己創(chuàng)鍵的一小段文字。大多數(shù)的結(jié)果都不是用戶需要的，也就意味著你將失去用戶點擊網(wǎng)頁的機(jī)會。
Meta Robots
我們在之前的教程中已經(jīng)接觸過Meta robots標(biāo)簽。如果你沒有機(jī)會回去閱讀它，這里有一段簡短的介紹：
Meta robots標(biāo)簽管理著搜索引擎是否可以進(jìn)入網(wǎng)頁，你可以用它來允許或不允許搜索引擎來獲取你的網(wǎng)頁、進(jìn)入你網(wǎng)頁中的子鏈接或?qū)δ愕木W(wǎng)頁存檔。例如：
<meta name=”robots”content=”noindex,nofollow”/>
這個 meta 標(biāo)簽告訴搜索引擎不要獲取網(wǎng)頁，并且阻止其進(jìn)入鏈接。如果你不小心使用了兩個矛盾的術(shù)語 (例如noindex 和index)，谷歌會選擇較具限制性的選項。
為什么這個標(biāo)簽會對搜索引擎優(yōu)化(SEO)起作用呢?首先，它可以防止對拷貝內(nèi)容的冗余抓取，例如頁面的打印版頁面。它也可能會對那些內(nèi)容不完整的頁面或者而存在私密信息的網(wǎng)頁起作用。
Title
專業(yè)的講，title標(biāo)簽不是meta標(biāo)簽，但他們都放在相同位置。我之所以把title標(biāo)簽放在這里是因為它對搜索引擎優(yōu)化很重要。
在所有的HTML文檔中，title標(biāo)簽都是不可缺少的。它定義了整個文檔的標(biāo)題，如下所示：
<title>Title of the page</title>
簡單而實用。標(biāo)題通常會顯示在兩個不同的地方;瀏覽器的頭部標(biāo)簽和搜索結(jié)果頁。這就意味著title標(biāo)簽在點擊率(CTR)和排名上有很重要的影響。
一個好的標(biāo)題應(yīng)該包含關(guān)鍵字，而且較好放在標(biāo)題的開頭部分。請記住，那些匹配到用戶搜索的關(guān)鍵字會以粗體顯示。
另一件你應(yīng)該牢記在心的事情就是標(biāo)題的長度。谷歌會限制標(biāo)題為70個字符，所以偶爾你可能需要書寫一個合適的標(biāo)題。
Dan Shure發(fā)表過一篇很不錯的關(guān)于標(biāo)題的文章，叫are your titles irresistibly click worthy and viral?，包含了很多有意思的知識點。
其它一些Meta標(biāo)簽
講解了一些常用的meta標(biāo)簽，下面讓我們來看一些不經(jīng)常使用的。
Meta Content Type (charset)
meta content type標(biāo)簽被用來聲明網(wǎng)頁的字符編碼，為了防止瀏覽器產(chǎn)生編碼問題較好加上這個屬性。但是它不會影響搜索排名或點擊率(CTR)。
你可能很熟悉下面長長的Content-type代碼:
<meta http-equiv='Content-Type'content='Type=text/html; charset=utf-8'>
現(xiàn)在我們也可以使用更簡短的、向后兼容的聲明模式：
<meta charset="utf-8"/>
這個標(biāo)簽應(yīng)該放在任何包含文本元素的標(biāo)簽之前，包括我們已經(jīng)講解的title標(biāo)簽。
Meta Keywords
這個標(biāo)簽在過去很重要，但是現(xiàn)在卻沒什么價值了?，F(xiàn)在沒有一個主流的搜索引擎使用meta keywords來判斷網(wǎng)頁的內(nèi)容了。
在meta keywords標(biāo)簽里面，你可以存儲幾個關(guān)于網(wǎng)頁內(nèi)容的關(guān)鍵字。然而，它卻不會提高你的排名。如果你想要實現(xiàn)它(盡管我不知道你為什么這樣做)你可以用如下代碼：
<meta name=”keywords”content=”meta tags,search engine optimization”/>
Meta Language
這個標(biāo)簽之前是用來聲明網(wǎng)頁的語言的。可以告知屏幕閱讀器和其它文本處理器他們正在處理的語言以便更好的工作。這就是為什么meta language的content聲明為什么可以為fr。
<meta http-equiv="content-language"content="fr"/>
但這看起來是多余的，W3C推薦使用標(biāo)簽的屬性來聲明語言：
<html lang="en">
如果這個元素所包含內(nèi)容的語言和你在<html>元素設(shè)置的默認(rèn)語言不一樣時,這個屬性也能應(yīng)用到其他元素上：
<p lang="es">Megusta..
Notranslate
有時，Google在結(jié)果頁面會提供一個翻譯鏈接，但有時候你不希望出現(xiàn)這個鏈接，你可以添加這樣一個meta標(biāo)簽：
<meta name=”google”content=”notranslate” />
Refresh
使用這個meta標(biāo)簽?zāi)憧梢钥刂茷g覽器在一段時間之后自動刷新。舉例說明，下面的代碼表示每隔30秒網(wǎng)頁自動更新：
<meta http-equiv=”refresh”content=”30”>
你也可以在刷新之后跳轉(zhuǎn)到另外一個頁面，看看下面這個例子：
<meta http-equiv=”refresh”content=”30;URL=’http://website.com’”>
W3C是不推薦使用這個標(biāo)簽的，因為它會令用戶產(chǎn)生迷惑。另外，它對搜索排名沒有任何影響。
總結(jié)
簡單的說，有三個meta標(biāo)簽，你應(yīng)該關(guān)注一下：description、robots、title(經(jīng)常被視為是，但專業(yè)來講不是).
description標(biāo)簽被用來顯示更多有關(guān)網(wǎng)頁內(nèi)容的信息，搜索引擎也會在搜索引擎結(jié)果頁面(SERP)使用它。robots標(biāo)簽用來阻止搜索引擎獲取拷貝頁面、私密頁面和未完成的頁面。較后，較重要的title標(biāo)簽，控制它在70個字符以下，并在其中使用關(guān)鍵詞。
keywords標(biāo)簽的時代已經(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全屏模式時才生效。
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ù)字自動識別為電話號碼 -->
<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" />
<!-- 添加智能 App 廣告條 Smart App Banner：
告訴瀏覽器這個網(wǎng)站對應(yīng)的app，并在頁面上顯示下載banner:
https://developer.apple.com/library/ios/documentation/AppleApplications/
Reference/SafariWebContent/PromotingAppswithAppBanners/
PromotingAppswithAppBanners.html -->
<!-- 針對手持設(shè)備優(yōu)化，主要是針對一些老的不識別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 點擊無高光 -->
<meta name="msapplication-tap-highlight" content="no">
當(dāng)前題目：今天講講Meta標(biāo)簽與搜索引擎優(yōu)化的關(guān)系
當(dāng)前路徑：http://redsoil1982.com.cn/news37/108487.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有搜索引擎優(yōu)化等
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 搜索引擎優(yōu)化與用戶體驗孰輕孰重？ 2021-04-16
- 網(wǎng)站速度與搜索引擎優(yōu)化 2021-04-16
- 創(chuàng)新認(rèn)為搜索引擎優(yōu)化重正在品質(zhì) 2021-04-15
- 在注意兩點的搜索引擎優(yōu)化 2021-04-13
- 企業(yè)為什么要做SEO（搜索引擎優(yōu)化），SEO能為企業(yè)帶來什么價值？ 2021-03-02
- 搜索引擎優(yōu)化你必需要做的事情 2021-02-22
- SEO有什么好處?為什么要做搜索引擎優(yōu)化？ 2021-02-07
- SEO搜索引擎優(yōu)化的六個步驟 2021-02-06
- 七種能力是搜索引擎優(yōu)化必備的 2021-04-18
- 北京網(wǎng)站優(yōu)化公司 搜索引擎優(yōu)化解決方案 2021-04-15
- 百度搜索引擎優(yōu)化應(yīng)遵循這三化原則 2021-04-14
- 高端大氣的搜索引擎優(yōu)化 2021-04-13
- 企業(yè)網(wǎng)站搜索引擎優(yōu)化的方式有哪些？ 2021-02-14
- 搜索引擎優(yōu)化SEO基礎(chǔ) 2021-02-05
- 創(chuàng)建搜索引擎優(yōu)化友好網(wǎng)站的31條無可辯駁的法律 2021-01-30
- 搜索引擎優(yōu)化之如何辨別優(yōu)秀的系列文章 2021-01-20
- 重慶網(wǎng)站建設(shè)應(yīng)該兼顧用戶體驗和搜索引擎優(yōu)化 2021-01-17
- 什么是搜索引擎優(yōu)化(SEO)？ 2021-01-10
- 搜索引擎優(yōu)化并非一定是靜態(tài)化 2021-01-10