前言
編寫過HTML文檔的朋友對meta元素一定不陌生，meta元素有一項非常重要的作用就是聲明當前網(wǎng)頁（即，HTML 文檔）的基礎信息。這些基礎信息有個專業(yè)術(shù)語，叫“元數(shù)據(jù)（Metadata）”。元數(shù)據(jù)是 SEO 一個非常重要的工具。搜索引擎就是通過這些元數(shù)據(jù)來認識網(wǎng)頁的。
認識元數(shù)據(jù)(meta)
什么是元數(shù)據(jù)（Metadata）？
Metadata——元數(shù)據(jù)，簡單的來說就是描述數(shù)據(jù)的數(shù)據(jù)。
摘自——《Metadata - 術(shù)語表 | MDN (mozilla.org)》
meta元素用于設置當前網(wǎng)頁的元數(shù)據(jù)。例如：網(wǎng)頁描述、作者、針對搜素引擎的關(guān)鍵字等等。
meta 元素有如下特性：
- 是一個空元素（void element）
- 一般情況下，
meta元素都存放在<head>元素中。 - 必須存在開始標記（
<meta）且不能存在結(jié)束標記（/或</meta>）。例如：<meta charset="utf-8"> -
meta元素主要服務于機器。盡管meta元素不會顯示在頁面上，但是瀏覽器、搜索引擎抓取工具1、服務器等等都能使用這些信息。
除此之外，
meta元素還有以下特性。
- 一般情況下 ，
<meta>元素屬于元數(shù)據(jù)內(nèi)容（Metadata content）。但是如果<meta>元素添加了itemprop屬性，<meta>元素可作為 flow content, phrasing content.- 允許編寫在【
<head>、 接收 metadata content 內(nèi)容的元素、接收 flow content 內(nèi)容的元素】中；
<meta charset>、<meta http-equiv>必須寫在<head>中;<meta name>可以寫在任何可以接收 metadata content 內(nèi)容的標簽中<meta itemprop>可以寫在任何可以接收 metadata content 或 flow content 內(nèi)容的標簽中
注意：在 XHTML 中 標簽必須包含結(jié)束標簽。
上面關(guān)于<meta>的描述有些拗口，可以不用深入了解。只需要知道，<meta>和SEO有關(guān)即可；一般情況下，存放在<head>中。
與SEO相關(guān)的meta元素
meta元素的用途有很多。有控制頁面刷新的；有設置移動端顯示效果的；也有和SEO相關(guān)的。
接下來，簡單講講那些和SEO相關(guān)的meta元素。
頁面標題
<title>標簽是用于設置網(wǎng)頁標題。盡管它并不是通過<meta>設置，但它是SEO中非常重要的元數(shù)據(jù)。
google 對網(wǎng)頁標題做如下描述：
標題鏈接非常重要，它可以讓用戶快速了解某條搜索結(jié)果的內(nèi)容以及該結(jié)果與其查詢相關(guān)的原因。它常常是用戶在決定點擊哪個結(jié)果時參考的主要信息，因此為您的網(wǎng)頁提供高品質(zhì)的標題文字非常重要。
摘抄自——《如何更改 Google 搜索中的標題鏈接 | Google 搜索中心 | 文檔 | Google Developers》
這里的標題鏈接就是網(wǎng)頁標題。
寫法如下：
<title>頁面標題</title>
設置標題時，需要注意一下幾點：
-
確保
<title>內(nèi)容和網(wǎng)頁內(nèi)容有較強的關(guān)聯(lián)性。避免題不對文。 - 確保為每個網(wǎng)頁分別指定一個標題。
- 為
<title>元素編寫簡練的描述性文字。 - 避免關(guān)鍵字堆砌。在
<title>元素中包含幾個描述性詞匯有時會有幫助，但請勿多次重復使用相同的字詞或短語。 - 避免
<title>元素中出現(xiàn)重復或樣板化的文字。
更多相關(guān)內(nèi)容請看：如何更改 Google 搜索中的標題鏈接 | Google 搜索中心 | 文檔 | Google Developers
網(wǎng)頁摘要
網(wǎng)頁摘要是對網(wǎng)頁內(nèi)容的精煉提取。摘要會顯示在搜索結(jié)果頁上，有助于用戶對網(wǎng)頁有初步的了解。
寫法如下：
<meta name="description" content="這里是網(wǎng)頁摘要！" >
編寫摘要有如下要點：
- 盡量與頁面內(nèi)容有強關(guān)聯(lián)性。
- 盡量能夠準確概括特定網(wǎng)頁。避免網(wǎng)站中所有網(wǎng)頁的摘要都一樣。
更多相關(guān)內(nèi)容——如何撰寫元描述 | Google 搜索中心 | 文檔 | Google Developers
關(guān)鍵字
關(guān)鍵字即搜索關(guān)鍵字，是網(wǎng)頁內(nèi)容高度凝練的詞組列表。關(guān)鍵字有助于搜索引擎索引查找網(wǎng)頁。
寫法如下：
<meta name="keywords" content="關(guān)鍵字1,關(guān)鍵字2,關(guān)鍵字3“ >
編寫關(guān)鍵字時有如下要點：
- 關(guān)鍵字之間要用英文逗號
,分隔。 - 關(guān)鍵字要和網(wǎng)頁內(nèi)容有關(guān)聯(lián)性。避免不相關(guān)的關(guān)鍵字。
- 設置適量的關(guān)鍵字。關(guān)鍵字太少沒法完全體現(xiàn)網(wǎng)頁內(nèi)容，但一味的追求大量的關(guān)鍵字就會照成關(guān)鍵字堆砌。能充分體現(xiàn)網(wǎng)頁內(nèi)容即可。
- 避免關(guān)鍵字堆砌。
“關(guān)鍵字堆砌”是指在網(wǎng)頁中加入大量關(guān)鍵字或數(shù)字，試圖操縱網(wǎng)站在 Google 搜索結(jié)果中的排名。這些關(guān)鍵字通常以列表或群組形式顯示，或與上下文無關(guān)（內(nèi)容不自然）。在網(wǎng)頁中加入大量關(guān)鍵字或數(shù)字會對用戶體驗產(chǎn)生負面影響，因而可能損害網(wǎng)站排名。請集中精力創(chuàng)建實用、信息豐富的內(nèi)容，并使用與上下文相關(guān)的恰當關(guān)鍵字。
摘自——《不相關(guān)的關(guān)鍵字和關(guān)鍵字堆砌 | Google 搜索中心 | 文檔 | Google Developers》
網(wǎng)頁作者
網(wǎng)頁開發(fā)者也是網(wǎng)頁信息的一部分。可以如下設置：
<meta name="author" content="作者1,作者2，作者3" >
注意：多個作者之前用英文逗號間隔。
抓取工具行為的控制
借助<meta name="robots">可以控制抓取工具的行為。
寫法如下：
<meta name="robots" content="index,follow" />
META name=“robots” 值域說明：
值 描述 被用于 index允許機器人索引此頁面（默認）。 所有爬蟲 noindex要求機器人不索引此頁面。 所有爬蟲 follow允許機器人跟隨此頁面上的鏈接（默認）。 所有爬蟲 nofollow要求機器人不跟隨此頁面上的鏈接。 所有爬蟲 all與 index, follow等價none與 noindex, nofollow等價noarchive要求搜索引擎不緩存頁面內(nèi)容。 Google、Yahoo、Bing nosnippet防止在搜索引擎結(jié)果中顯示頁面的任何描述。 Google、Bing noimageindex請求該頁不顯示為索引圖像的引用頁。 nocache不要緩存該頁面。 noarchive的替代名稱。Bing 摘自——《標準元數(shù)據(jù)名稱 - HTML（超文本標記語言） | MDN (mozilla.org)》
上面這些 meta 元素都是通用性的。除此之外，不同的搜索引擎會為自己的爬蟲機器人制定專門的 meta 元素。
例如 Google 專用的:
<!-- 作用等同于 name="robots",但只對谷歌搜索引擎的爬蟲機器人有效 -->
<meta name="googlebot" content="index,follow" />
<!-- 用于告知 Google 不要顯示站點鏈接搜索框 -->
<meta name="google" content="nositelinkssearchbox" />
<!-- 用于告知 Google 您不希望提供該網(wǎng)頁的翻譯 -->
<meta name="googlebot" content="notranslate" />
更多 Google 相關(guān)的 meta 元素，可查閱：《Google 可以識別的元標記和內(nèi)嵌標記 | Google 搜索中心 | 文檔 | Google Developers》
結(jié)語
<meta>對SEO非常重要。它有助于搜索引擎了解頁面的信息內(nèi)容。這里只是列舉了一些重要且常用的 SEO 相關(guān)元數(shù)據(jù)。其中標題、摘要、關(guān)鍵字最為重要。它們影響著頁面在搜索引擎結(jié)果頁中的顯示效果和排名，是 SEO 非常重要的一環(huán)。文章來源：http://www.zghlxwxcb.cn/news/detail-493199.html
-
搜索引擎抓取工具是一種由搜索引擎公司開發(fā)的自動訪問網(wǎng)站并收錄網(wǎng)站的腳本機器人。俗稱爬蟲。 ??文章來源地址http://www.zghlxwxcb.cn/news/detail-493199.html
到了這里，關(guān)于《前端與SEO》—— 第四章：meta 與 SEO的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
