DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> Meta標簽與搜索引擎優化
Meta標簽與搜索引擎優化
編輯:SEO優化集錦     

搜索引擎優化 SEO優化 網站優化 META標簽

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

什麼是Meta標簽

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

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

通常情況下,<meta> 標簽會包含一個name屬性,用來設置元數據。元數據的值放在content屬性裡面。你可以在<meta>標簽中使用各種名稱/值對,讓我們來看看其中的一些。

你可以會遇到一些Meta標簽

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

Meta Description

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

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

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

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

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

Meta Robots

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

Meta robots標簽管理著搜索引擎是否可以進入網頁,你可以用它來允許或不允許搜索引擎來獲取你的網頁、進入你網頁中的子鏈接或對你的網頁存檔。例如:

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

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

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

Title

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

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

  • <title>Title of the page</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代碼:

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

現在我們也可以使用更簡短的、向後兼容的聲明模式:

  • <meta char

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved