卡卡網(wǎng)

網(wǎng)頁html代碼中，meta標(biāo)簽是個(gè)非常重要的標(biāo)簽，meta標(biāo)簽可以包含很多屬性，而其中有5個(gè)是不可缺少的。

meta標(biāo)簽屬性

1、title

title其實(shí)不算是meta標(biāo)簽的屬性，其本身就是一個(gè)標(biāo)簽，稱為title標(biāo)簽。

這個(gè)屬性可以說是最重要的，就像每篇文章都不能沒有標(biāo)題一樣，網(wǎng)頁同樣也要有標(biāo)題，并且這個(gè)標(biāo)題是獨(dú)有的不重復(fù)的。這也是頁面參與搜索排名的最重要參照。

title標(biāo)簽的使用例子：

<title>網(wǎng)速測試,網(wǎng)站速度測試—卡卡網(wǎng) www.howtostagehomes.com</title>

其實(shí)，title也可以作為meta的一個(gè)屬性，寫法如下：

<meta property="og:title" content="網(wǎng)速測試,網(wǎng)站速度測試—卡卡網(wǎng) www.howtostagehomes.com" />

2、content-type

content-type這個(gè)屬性定義了該頁面的編碼，指定了網(wǎng)頁制作所使用的文字以及語言，并規(guī)定瀏覽器展示頁面時(shí)顯示的為該語言，務(wù)必確保每個(gè)頁面都有這個(gè)標(biāo)簽。該標(biāo)簽的書寫例子為：

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

其中，utf-8為網(wǎng)頁編碼，不同的語言對應(yīng)著不同的charset。一般情況下都用utf-8，以免網(wǎng)頁中文出現(xiàn)亂碼的現(xiàn)象。

3、keywords

keywords屬性是要指明文章的關(guān)鍵詞。

這個(gè)標(biāo)簽最重要作用在于：搜索引擎在遇到這些關(guān)鍵字時(shí)，會(huì)用這些關(guān)鍵字對文檔進(jìn)行分類。因此這個(gè)標(biāo)簽對文章SEO是非常重要的。

keywords屬性使用例子如下：

<meta name="keywords" content="在線網(wǎng)速測試,網(wǎng)站速度測試,卡卡網(wǎng),webkaka" />

Google在網(wǎng)站排名中沒有利用Meta keywords？

4、description

description屬性是文章簡要文字描述的意思。

這個(gè)標(biāo)簽現(xiàn)在的最重要作用就是：當(dāng)用戶在搜索引擎中搜索找到頁面時(shí)，在搜索結(jié)果列表中補(bǔ)充描述該頁面。在description中含有的詞語，同樣會(huì)被搜索引擎識(shí)別，并且同樣的可以在某種程度上作為關(guān)鍵詞參與排名。description的內(nèi)容將會(huì)很大程度影響用戶是否點(diǎn)擊你的頁面。寫作description時(shí)有點(diǎn)像出售對應(yīng)頁面的廣告語，一定要寫的吸引人點(diǎn)擊，并且不要夸大事實(shí)。description的長度最好不要超過160字節(jié)。

description屬性使用例子如下：

<meta name="description" content="卡卡網(wǎng)是專業(yè)的網(wǎng)站測速平臺(tái)" />

5、viewport

ViewPort屬性用于指定用戶是否可以縮放Web頁面。

ViewPort屬性顯得十分重要，如果你的頁面上沒有這個(gè)meta標(biāo)簽，那么你的頁面的移動(dòng)端體驗(yàn)可能會(huì)非常差，在搜索與瀏覽的流量越來越向移動(dòng)端傾斜的現(xiàn)在，你應(yīng)當(dāng)為此做好準(zhǔn)備。

viewport的meta標(biāo)簽書寫方式例子如下：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

其中，width和height指令分別指定視區(qū)的邏輯寬度和高度。width指令使用width=device-width標(biāo)記可以指示視區(qū)寬度應(yīng)為設(shè)備的屏幕寬度。類似地height指令使用device-height標(biāo)記指示視區(qū)高度為設(shè)備的屏幕高度。user-scalable指令指定用戶是否可以縮放視區(qū)，即縮放Web頁面的視圖。值為yes時(shí)允許用戶進(jìn)行縮放，值為no時(shí)不允許縮放。

initial-scale指令用于設(shè)置Web頁面的初始縮放比例。默認(rèn)的初始縮放比例值因智能手機(jī)瀏覽器的不同而有所差異。通常情況下設(shè)備會(huì)在瀏覽器中呈現(xiàn)出整個(gè)Web頁面，設(shè)為1.0則將顯示未經(jīng)縮放的Web文檔。

maximum-scale和minimum-scale指令用于設(shè)置用戶對Web頁面縮放比例的限制。值的范圍為0.25至10.0之間。與initial-scale相同，這些指令的值是應(yīng)用于視區(qū)內(nèi)容的縮放比例。

6、其他

除了上述提到的5個(gè)meta標(biāo)簽之外，還有幾個(gè)常用的meta標(biāo)簽屬性，如：social、robots、refresh、url等。

此外，還有一些不太常用的meta標(biāo)簽屬性，如：author/web author、revisit after、Rating、Expiration/date、copyright、abstract、distribution、Generator、resource type等。

您可能對以下文章也感興趣

• 使用JQuery或JS修改網(wǎng)頁title和meta標(biāo)簽的content內(nèi)容

標(biāo)簽: meta標(biāo)簽