怎么設置Meta元信息標記為最好?

2016-07-21 3128 0 編輯:深色多郎 來源:HTML書籍

網站元信息,通常就是head頭部的meta標簽,元素提供的信息是用戶不可見的,他不顯示在頁面中,一般用來定義頁面的信息的名稱,關鍵字,作者等。在HTML中,meta標記不需要設置結束標記,在一個尖括號內就是一個meta內容,而在一個HTML頭頁面中可以有很多個meta元素。meta元素的屬性有兩種:name和http-equiv,其中name屬性主要用于描述網頁,以便搜索引擎查找和分類。下面根據功能的不同分別介紹元信息標記的使用方法。

1、設置頁面關鍵字,設置頁面關鍵字是為了向搜索引擎說明這一網頁的關鍵字,從而幫助搜索引擎對該網頁進行查找和分類,它可以提高被搜索到的幾率,一般可設置多個關鍵字,之間用逗號隔開。但是由于很多搜索引擎在檢索時會限制關鍵字數量,因此在設置關鍵字時不要過多,應“一擊而中”。

語法:<meta name=”keywords” content=”深圳網站建設”> 

語法解釋:在該語法中,name為屬性名稱,這里設置為keyname,也就是設置網頁的關鍵字屬性,而在contact中則定義了具體的關鍵字的內容。

實例代碼

<head>

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

<title>---</title>

<meta name="description" content="---" />

<meta name="keywords" content="深圳網站建設" />

</head>

在該實例中設定了html、“元信息”和“關鍵字”這3個詞語作為該頁面的關鍵字。


2、設置頁面描述

設置頁面描述也是為了便于搜索引擎的查找,可使用它來描述網頁的主題等。與關鍵字一樣,設置的頁面描述也不會在網頁顯示出來。

語法:<meta name=”description” content=”簡單表訴該網頁的大致內容,方便搜索引擎識別”> 

語法解釋:在該語法中,name為屬性名稱,這里設置為description,也就是將元信息屬性設置為頁面描述,在contact中定義具體的描述語言。

實例代碼

<head>

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

<title>---</title>

<meta name="description" content="【深正互聯】提供深圳網站建設,深圳網站制作,深圳網站設計,深圳網頁制作,深圳網頁設計服務,是知名的深圳網絡公司..." />

<meta name="keywords" content="..." />

</head>


3、設置編輯工具

現在有很多編輯軟件都可以制作網站,在源代碼的頭頁面中可以設置我也編輯工具的名稱。與其他meta元素相同,編輯工具也只是在網站的源代碼中可以看到,而不會顯示在瀏覽器中。

語法:<meta name=”generator” content=”編輯軟件的名稱”> 

語法解釋:在該語法中,name為屬性名,這里將其設置為generator,也就是設置編輯軟件的名稱,然后在content中定義具體的編輯軟件的名稱。

實例代碼:

<head>

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

<title>---</title>

<meta name="description" content="..." />

<meta name="keywords" content="..." />

<meta name=”generator” content=”網頁的編輯工具”> 

</head>


4、設定作者信息

在頁面的源代碼中,可以顯示出頁面制作者的姓名及個人信息。這樣可以在源代碼中保留作者希望保留的信息。

語法:<meta name=”author” content=”作者的姓名”> 

語法解釋:在該語法中,name為屬性名,設置其值為author,即設置作者信息,在content中定義具體的信息。

實例代碼:在這一實例中,將作者的姓名“深正互聯”添加到了網頁的源代碼中。

<head>

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

<title>---</title>

<meta name="description" content="..." />

<meta name="keywords" content="..." />

<meta name=”author” content=”深正互聯”> 

</head>


5、設定版權信息

在頁面的源代碼中,可以顯示出網站版權的信息,這個和作者是有區別的,作者不代表有版權的定義,可以按照如下方式編寫。

語法:<meta name=”copyright” content=”版權單位或者個人”> 

語法解釋:在該語法中,name為屬性名,設置其值為copyright,即設置版權信息,在content中定義具體的信息。

實例代碼:在這一實例中,將作者的姓名“深正互聯”添加到了網頁的源代碼中。

<head>

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

<title>---</title>

<meta name="description" content="..." />

<meta name="keywords" content="..." />

<meta name=”copyright” content=”深正互聯”> 

</head>

本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
我們猜你喜歡
七星彩头尾