什麼是meta元素標籤屬性?
meta是HTML語言的head區必要的輔助性標籤,位於網頁的頭部不包含任何內容,用於參數定義和屬性值,起到兼容適配性、信息標註、表達信號的作用,是網站不可缺少的的標準元素。
比如瀏覽器會以meta元素中的屬性判斷用哪種渲染模式顯示網頁,所以meta元素也叫元信息,比如針對搜索引擎進行網頁SEO優化需要設置標題、關鍵字、描述,甚至還有其他元信息的輔助標註。
meta標籤共有兩個屬性。
它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參數值,這些不同的參數值就實現了不同的網頁功能。
示例:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
name屬性主要用於描述網頁,與之對應的屬性值為content,content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
http-equiv顧名思義相當於http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變量值。
meta元素對於網站SEO有很重要的關係。
搜索引擎會首先通過抓取網頁代碼中的meta元素去分析實際的狀況,瞭解網頁基礎的參數情況,因為搜索引擎會模擬用戶進行訪問,所以meta元素是直接關係到網站的SEO方面。
而且網站如果修改meta元素就會馬上出現SEO波動性的現象,這是因為搜索引擎重新抓取和分析了網頁的meta元素,也就從新計算了網站的狀況和參數的情況,但是也會很快的恢復SEO效果。
結語:不要隨意和頻繁的修改meta元素,適合就可以了。