搜尋
首頁web前端html教學HTML頁面Meta介紹(2)

HTML頁面Meta介紹(2)

Apr 05, 2017 am 09:57 AM
htmlmeta介紹頁面

★NAME變數

# name是描述網頁的,對應於Content(網頁內容),以便於搜尋引擎機器人尋找、分類(目前幾乎所有的搜尋引擎都使用網路機器人自動尋找meta值來為網頁分類)。

name的value值(name="")指定所提供資訊的類型。有些值是已經定義好的。例如description(說明)、keyword(關鍵字)、refresh(刷新)等。也可以指定其它任意值,如:creationdate(建立日期) 、

document ID(文檔編號)和level(等級)等。

name的content指定實際內容。如:如果指定level(等級)為value(值),則Content可能是beginner(初級)、intermediate(中級)、advanced(高級)。

1、Keywords (關鍵字)
#  
說明:為搜尋引擎提供的關鍵字清單

# 用法:

注意:各關鍵字間以英文逗號「,」隔開。 META的通常用處是指定搜尋引擎用來提高搜尋品質的關鍵字。當數個META元素提供文件語言從屬資訊時,搜尋引擎會使用lang特性來過濾並透過使用者的語言優先參考來顯示搜尋結果。例如:

#

# 2、Description (簡介)

說明:Description用來告訴搜尋引擎你的網站主要內容。

用法:

注意:

3、Robots (機器人嚮導)

說明:Robots用來告訴搜尋機器人哪些頁面需要索引,哪些頁面不需要索引。 Content的參數有all、none、index、noindex、follow、nofollow。預設是all。

用法:

注意:許多搜尋引擎都透過放出robot/spider搜尋來登入網站,這些robot/spider就要用到meta元素的一些特性來決定怎麼登入。

all:文件將被檢索,且頁面上的連結可以被查詢;

# none:文件將不會被檢索,且頁面上的連結不可以被查詢;(和 "noindex, no follow" 起相同作用)

# index:檔案將會被檢索;(讓robot/spider登入)

# follow:頁面上的連結可以被查詢;

noindex:檔案將不會被檢索,但頁面上的連結可以被查詢;(不讓robot/spider登入)

# nofollow:文件將不會被檢索,頁面上的連結可以被查詢。 (不讓robot/spider順著此頁的連線往下探找)

# 4、Author (作者)

說明:標註網頁的作者或製作群組

# 用法:

# 注意:Content可以是:你或你的製作組的名字,或Email

# 5、Copyright (版權)

說明:標註版權

用法:

注意:

6、Generator (編輯器)

說明:編輯器的說明

用法:

注意:Content="你所用編輯器"

# 7、revisit-after (重訪)

# 說明:

用法:

注意:

★Head中的其它一些用法

1、scheme (方案)
# 說明:scheme can be used when name is used to specify how the value of content should be interpreted.

# 用法:

# 注意:

2、Link (連結)

說明:連結到檔案

用法:

注意:很多網站如果你把她保存在收件夾中後,會發現它連帶著一個小圖標,如果再次點擊進入之後還會發現地址欄中也有個小圖標。現在只要在你的頁頭加上這段話,就能輕鬆實現這項功能。 用來將目前檔案與其它 URL 作連結,但不會有連結按鈕,用於

標記間, 格式如下:

#

# 3、Base (基底連結)

說明:插入網頁基底連結屬性

用法:

# 注意:你網頁上的所有相對路徑在連結時都會在前面加上「http://www.admin10000.com/」。其中target="_blank"是連結檔案在新的視窗中打開,你可以做其它設定。將「_blank」改為「_parent」是連結檔案會在目前視窗的父級視窗中開啟;改為「_self」連結檔案在目前視窗(訊框)中開啟;改為「_top」連結檔案全螢幕顯示。

以上是META標籤的一些基本用法,其中最重要的是:Keywords和Description的設定。為什麼呢?道理很簡單,這兩個語句可以讓搜尋引擎能準確的發現你,吸引更多的人訪問你的站點!根據現在流行搜尋引擎(Google,Lycos,AltaVista等)的工作原理,搜尋引擎先派機器人自動在WWW上搜索,當發現新的網站時,便於檢索頁面中的Keywords和Description,並將其加入到自己的資料庫,然後再根據關鍵字的密度將網站排序。

由此看來,我們必須記住要加入Keywords和Description的META標籤,並且盡可能寫好關鍵字和簡介。否則,
後果就會是:

● 如果你的頁面中根本沒有Keywords和Description的META標籤,那麼機器人是無法將你的網站加入資料庫,網友也就不可能搜尋到你的網站。

● 如果你的關鍵字選的不好,關鍵字的密度不高,被排列在幾十甚至幾百萬個網站的後面被點擊的可能性也是非常小的。

寫好Keywords(關鍵字)要注意以下幾點:

● 不要用常見詞彙。例如www、homepage、net、web等。

● 不要用形容詞,副詞。例如最好的,最大的等。

● 不要用籠統的詞彙,要盡量精確。例如“愛立信手機”,改用“T28SC”會更好。

“三人之行,必有我師”,尋找合適關鍵字的技巧是:到Google、Lycos、Alta等著名搜尋引擎,搜尋與
你的網站內容相仿的網站,查看排名前十的網站的META關鍵字,將它們用在你的網站上,效果可想而知了。

★小技巧

# 為了提高搜尋點擊率,這裡還有一些“捷徑”可以幫助你,當然也要懂得方法,一味的尋找“捷徑”,很可能會玩火自焚的,切記~

● 為了增加關鍵字的密度,將關鍵字隱藏在頁面裡(將文字顏色定義成與背景顏色一樣)。 (* 不推薦)

● 在影像的ALT註解語句中加入關鍵字。如:Keywords

# ● 利用HTML的註解語句,在頁面程式碼裡加入大量關鍵字。用法:

 

以上是HTML頁面Meta介紹(2)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
如何在 Bootstrap 4 中實現多項目輪播?如何在 Bootstrap 4 中實現多項目輪播?Apr 30, 2025 pm 03:24 PM

在Bootstrap4中實現多項目輪播的解決方案在Bootstrap4中實現多項目輪播並不是一件簡單的事情。雖然Bootstrap...

deepseek官網是如何實現鼠標滾動事件穿透效果的?deepseek官網是如何實現鼠標滾動事件穿透效果的?Apr 30, 2025 pm 03:21 PM

如何實現鼠標滾動事件穿透效果?在我們瀏覽網頁時,經常會遇到一些特別的交互設計。比如在deepseek官網上,�...

HTML 視頻的播放控件樣式怎麼修改HTML 視頻的播放控件樣式怎麼修改Apr 30, 2025 pm 03:18 PM

無法直接通過CSS修改HTML視頻的默認播放控件樣式。 1.使用JavaScript創建自定義控件。 2.通過CSS美化這些控件。 3.考慮兼容性、用戶體驗和性能,使用庫如Video.js或Plyr可簡化過程。

在手機上使用原生select會帶來哪些問題?在手機上使用原生select會帶來哪些問題?Apr 30, 2025 pm 03:15 PM

在手機上使用原生select的潛在問題在開發移動端應用時,我們常常會遇到選擇框的需求。通常情況下,開發者傾...

在手機上使用原生select的弊端是什麼?在手機上使用原生select的弊端是什麼?Apr 30, 2025 pm 03:12 PM

在手機上使用原生select的弊端是什麼?在移動設備上開發應用時,選擇合適的UI組件是非常重要的。許多開發者�...

如何使用Three.js和Octree優化房間內第三人稱漫遊的碰撞處理?如何使用Three.js和Octree優化房間內第三人稱漫遊的碰撞處理?Apr 30, 2025 pm 03:09 PM

使用Three.js和Octree優化房間內第三人稱漫遊的碰撞處理在Three.js中使用Octree實現房間內的第三人稱漫遊並添加碰�...

在手機上使用原生select會遇到哪些問題?在手機上使用原生select會遇到哪些問題?Apr 30, 2025 pm 03:06 PM

使用原生select在手機上的問題在移動設備上開發應用時,我們經常會遇到需要用戶進行選擇的場景。雖然原生sel...

為什麼有的網站能實現鼠標滾動穿透效果,而有的不行?為什麼有的網站能實現鼠標滾動穿透效果,而有的不行?Apr 30, 2025 pm 03:03 PM

探究鼠標滾動事件的實現原理在瀏覽一些網站時,你可能注意到某些頁面元素在鼠標懸停時仍然允許滾動整個頁...

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器