優化網站提高搜尋：首頁html程式碼的和之間的內容
必須加入的標籤
1.公司版權註釋
<!--- the site is designed bywebjx.com 06/2006 --->
2.網頁顯示字符集
簡體中文：<meta http-equiv="content-type" content="text/html; charset=gb2312">
繁體中文：<meta http-equiv="content-type" content="text/html; charset=big5">
英 語：<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
3.網頁製作者資訊
<meta name="author" content="evance">
4.網站簡介
<meta name="description" content="xxxxxxxxxxxxxxxxxxxxxxxxxx">
5.搜尋關鍵字
<meta name="keywords" content="xxxx,xxxx,xxx,xxxxx,xxxx,">
6.網頁的css規範
<link href="style/style.css" rel="stylesheet" type="text/css">
7.網頁標題
<title>xxxxxxxxxxxxxxxxxx</title>
.可以選擇加入的標籤
1.設定網頁的到期時間。一旦網頁過期，必須到伺服器上重新調閱。
<meta http-equiv="expires" content="wed, 26 feb 2006 08:21:57 gmt">
2.禁止瀏覽器從本地機的快取中調閱頁面內容。
<meta http-equiv="pragma" content="no-cache">
3.用來防止別人在框架裡呼叫你的頁面。
<meta http-equiv="window-target" content="_top">
4.自動跳轉。
<meta http-equiv="refresh" content="5;url=http://www.webjx.com">
5指時間停留5秒。
5.網頁搜尋機器人嚮導.用來告訴搜尋機器人哪些頁面需要索引，哪些頁面不需要索引。
<meta name="robots" content="none">
content的引數有all,none,index,noindex,follow,nofollow。預設是all。
6.收藏夾圖示
<link rel = "shortcut icon" href="favicon.ico">
所有的javascript的調用盡量採取外部呼叫.
<script language="javascript" src="script/xxxxx.js"></script>
附<body>標籤：
<body>標籤不屬於head區，這裡強調一下，為了保證瀏覽器的相容性，必須設定頁面背景<body bgcolor="#ffffff">
您的個人網站即使做得再精彩，在“浩瀚如海”的網路空間中，也如一葉扁舟不易為人發現，如何推廣個人網站，人們首先想到的方法無外乎以下幾種：
● 在搜尋引擎中登入自己的個人網站
● 在知名網站加入你個人網站的連結
● 在論壇中發帖子宣傳你的個人網站
很多人卻忽視了html標籤meta的強大功效，一個好的meta標籤設計可以大大提高你的個人網站被搜尋到的可能性，有興趣嗎，誰我來重新認識一下meta標籤吧！
meta標籤是html語言head區的一個輔助性標籤，它位於html文件頭部的<head>標記和<title>標記之間，它提供使用者不可見的資訊。meta標籤通常用來為搜尋引擎robots定義頁面主題，或者是定義使用者瀏覽器上的cookie；它可以用於鑑別作者，設定頁面格式，標註內容提要和關鍵字；還可以設定頁面使其可以根據你定義的時間間隔重新整理自己,以及設定rasc內容等級，等等。
詳細介紹
下面介紹一些有關 標記的例子及解釋。
meta標籤分兩大部分：http標題資訊(http-equiv)和頁面描述資訊(name)。
★http-equiv
http-equiv類似於http的頭部協議，它迴應給瀏覽器一些有用的資訊，以幫助正確和精確地顯示網頁內容。常用的http-equiv型別有：
1、content-type和content-language (顯示字符集的設定)
說明：設定頁面使用的字符集，用以說明主頁製作所使用的文字已經語言，瀏覽器會根據此來呼叫相應的字符集顯示page內容。
用法：<meta http-equiv="content-type" content="text/html; charset=gb2312">
<meta http-equiv="content-language" content="zh-cn">
注意： 該meta標籤定義了html頁面所使用的字符集為gb2132，就是國標漢字碼。如果將其中的“charset=gb2312”替換成“big5”，則該頁面所用的字符集就是繁體中文big5碼。當你瀏覽一些國外的站點時，ie瀏覽器會提示你要正確顯示該頁面需要下載xx語支援。這個功能就是通過讀取html頁面meta標籤的content-type屬性而得知需要使用哪種字符集顯示該頁面的。如果系統裡沒有裝相應的字符集，則ie就提示下載。其他的語言也對應不同的charset，比如日文的字符集是“iso-2022-jp ”，韓文的是“ks_c_5601”。
content-type的content還可以是：text/xml等文件型別；
charset選項：iso-8859-1(英文)、big5、utf-8、shift-jis、euc、koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集；content-language的content還可以是：en、fr等語言程式碼。
2、refresh (重新整理)
說明：讓網頁多長時間（秒）重新整理自己，或在多長時間後讓網頁自動連結到其它網頁。
用法：<meta http-equiv="refresh" content="30">
<meta http-equiv="refresh" content="5; url=http://www.webjx.com">
注意：其中的5是指停留5秒鐘後自動重新整理到url網址。
3、expires (期限)
說明：指定網頁在快取中的過期時間，一旦網頁過期，必須到伺服器上重新調閱。
用法：<meta http-equiv="expires" content="0">
<meta http-equiv="expires" content="wed, 26 feb 1997 08:21:57 gmt">
注意：必須使用gmt的時間格式，或直接設為0(數字表示多少時間後過期)。
4、pragma (cach模式)
說明：禁止瀏覽器從本地機的快取中調閱頁面內容。
用法：<meta http-equiv="pragma" content="no-cach">
注意：網頁不儲存在快取中，每次訪問都重新整理頁面。這樣設定，訪問者將無法離線瀏覽。
5、set-cookie (cookie設定)
說明：瀏覽器訪問某個頁面時會將它存在快取中，下次再次訪問時就可從快取中讀取，以提高速度。當你希望訪問者每次都重新整理你廣告的圖示，或每次都重新整理你的計數器，就要禁用快取了。通常html檔案沒有必要禁用快取，對於asp等頁面，就可以使用禁用快取，因為每次看到的頁面都是在伺服器動態生成的，快取就失去意義。如果網頁過期，那麼存檔的cookie將被刪除。
用法：<meta http-equiv="set-cookie" content="cookievalue=xxx; expires=wednesday,
21-oct-98 16:14:21 gmt; path=/">
注意：必須使用gmt的時間格式。
6、window-target (顯示視窗的設定)
說明：強制頁面在當前視窗以獨立頁面顯示。
用法：<meta http-equiv="widow-target" content="_top">
注意：這個屬性是用來防止別人在框架裡呼叫你的頁面。content選項：_blank、_top、_self、_parent。
7、pics-label (網頁rsac等級評定)
說明：在ie的internet選項中有一項內容設定，可以防止瀏覽一些受限制的網站，而網站的限制級
別就是通過該引數來設定的。
用法：<meta http-equiv="pics-label" contect=
"(pics－1.1'http://www.rsac.org/ratingsv01.html'
i gen comment 'rsaci north america sever' by '[email protected]'
for 'http://www.microsoft.com' on '1997.06.30t14:21－0500' r(n0 s0 v0 l0))">
注意：不要將級別設定的太高。rsac的評估系統提供了一種用來評價web站點內容的標準。使用者可以設定microsoft internet explorer（ie3.0以上）來排除包含有色情和暴力內容的站點。上面這個例子中的html取自microsoft的主頁。程式碼中的（n 0 s 0 v 0 l 0）表示該站點不包含不健康內容。級別的評定是由rsac，即美國娛樂委員會的評級機構評定的，如果你想進一步瞭解rsac評估系統的等級內容，或者你需要評價自己的網站，可以訪問rsac的站點：http://www.rsac.org/。
8、page-enter、page-exit (進入與退出)
說明：這個是頁面被載入和調出時的一些特效。
用法：<meta http-equiv="page-enter" content="blendtrans(duration=0.5)">
<meta http-equiv="page-exit" content="blendtrans(duration=0.5)">
注意：blendtrans是動態濾鏡的一種，產生漸隱效果。另一種動態濾鏡revealtrans也可以用於頁面進入與退出效果:
<meta http-equiv="page-enter" content="revealtrans(duration=x, transition=y)">
<meta http-equiv="page-exit" content="revealtrans(duration=x, transition=y)">
duration 表示濾鏡特效的持續時間(單位：秒)
transition 濾鏡型別。表示使用哪種特效，取值為0-23。
0 矩形縮小
1 矩形擴大
2 圓形縮小
3 圓形擴大
4 下到上重新整理
5 上到下重新整理
6 左到右重新整理
7 右到左重新整理
8 豎百葉窗
9 橫百葉窗
10 錯位橫百葉窗
11 錯位豎百葉窗
12 點擴散
13 左右到中間重新整理
14 中間到左右重新整理
15 中間到上下
16 上下到中間
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 橫條
22 豎條
23 以上22種隨機選擇一種
9、msthemecompatible (xp主題)
說明：是否在ie中關閉 xp 的主題
用法：<meta http-equiv="msthemecompatible" content="yes">
注意：關閉 xp 的藍色立體按鈕系統顯示樣式，從而和win2k 很象。
10、ie6 (頁面生成器)
說明：頁面生成器generator，是ie6
用法：<meta http-equiv="ie6" content="generator">
注意：用什麼東西做的，類似商品出廠廠商。
11、content-script-type (指令碼相關)
說明：這是近來w3c的規範，指明頁面中指令碼的型別。
用法：<meta http-equiv="content-script-type" content="text/javascript">
注意：
★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 name="keywords" content="關鍵詞1,關鍵詞2，關鍵詞3,關鍵詞4,……">
注意：各關鍵詞間用英文逗號“,”隔開。meta的通常用處是指定搜尋引擎用來提高搜尋質量的關鍵詞。當數個meta元素提供文件語言從屬資訊時，搜尋引擎會使用lang特性來過濾並通過使用者的語言優先參照來顯示搜尋結果。例如：
<meta name="kyewords" lang="en" content="vacation,greece,sunshine">
<meta name="kyewords" lang="fr" content="vacances,grè:ce,soleil">
2、description (簡介)
說明：description用來告訴搜尋引擎你的網站主要內容。
用法：<meta name="description" content="你網頁的簡述">
注意：
3、robots (機器人嚮導)
說明：robots用來告訴搜尋機器人哪些頁面需要索引，哪些頁面不需要索引。content的引數有all、none、index、noindex、follow、nofollow。預設是all。
用法：<meta name="robots" content="all|none|index|noindex|follow|nofollow">
注意：許多搜尋引擎都通過放出robot/spider搜尋來登入網站，這些robot/spider就要用到meta元素的一些特性來決定怎樣登入。
all：檔案將被檢索，且頁面上的連結可以被查詢；
none：檔案將不被檢索，且頁面上的連結不可以被查詢；(和 "noindex, no follow" 起相同作用)
index：檔案將被檢索；（讓robot/spider登入）
follow：頁面上的連結可以被查詢；
noindex：檔案將不被檢索，但頁面上的連結可以被查詢；(不讓robot/spider登入)
nofollow：檔案將不被檢索，頁面上的連結可以被查詢。(不讓robot/spider順著此頁的連線往下探找)
4、author (作者)
說明：標註網頁的作者或製作組
用法：<meta name="author" content="張三，[email protected]">
注意：content可以是：你或你的製作組的名字,或email
5、copyright (版權)
說明：標註版權
用法：<meta name="copyright" content="本頁版權歸zerospace所有。all rights reserved">
6、generator (編輯器)
說明：編輯器的說明
用法：<meta name="generator" content="pcdata|frontpage|">
注意：content="你所用編輯器"
7、revisit-after (重訪)
說明：
用法：<meta name="revisit-after" content="7 days" >
注意：
★head中的其它一些用法
1、scheme (方案)
說明：scheme can be used when name is used to specify how the value of content should be interpreted.
用法：<meta scheme="isbn" name="identifier" content="0-14-043205-1" />
2、link (連結)
說明：連結到檔案
用法：<link href="soim.ico" rel="shortcut icon">
注意：很多網站如果你把她儲存在收件夾中後，會發現它連帶著一個小圖示，如果再次點選進入之後還會發現位址列中也有個小圖示。現在只要在你的頁頭加上這段話，就能輕鬆實現這一功能。<link> 用來將目前檔案與其它 url 作連結，但不會有連結按鈕，用於 <head> 標記間， 格式如下：
<link href="url" rel="relationship">
<link href="url" rev="relationship">
3、base (基連結)
說明：插入網頁基連結屬性
用法：<base href="http://www.webjx.com/" target="_blank">
注意：你網頁上的所有相對路徑在連結時都將在前面加上“http://www.webjx.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註釋語句中加入關鍵字。如：<img src="xxx.gif" alt="keywords">
● 利用html的註釋語句，在頁面程式碼里加入大量關鍵字。用法： <!-- 這裡插入關鍵字 -->
<head>
<title>檔案頭，顯示在瀏覽器標題區</title>
<meta http-equiv="content-language" content="zh-cn">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<meta name="generator" content="microsoft frontpage 4.0">
<meta name="progid" content="frontpage.editor.document">
<meta name="製作人" content="閃電">
<meta name="主題詞" content="html 網頁製作 網頁">
</head>
相關推薦
優化網站提高搜尋：首頁html程式碼的和之間的內容
head區是指首頁html程式碼的<head>和</head>之間的內容。必須加入的標籤1.公司版權註釋<!--- the site is designed bywebjx.com 06/2006 --->2.網頁顯示字符集簡體中文：&l
首頁html程式碼的和之間的內容
head區是指首頁html程式碼的<head>和</head>之間的內容。 必須加入的標籤 1.公司版權註釋 <!--- the site is designed bywebjx.com 06/2006 --->
網站爬取-案例二：天貓爬取( 第一卷：首頁數據抓取)
img .com 我想 提供商 網站 col class scoller bubuko 說到網站數據的爬取，目前為止我見過最復雜的就是天貓了，現在我想對它進行整站的爬取 我們先來看下天貓主頁的界面 天貓頁面很明顯是動態頁面 所以我們需要用selenium模塊 首先
Vue.js學習記錄-10-Vue去哪兒網專案實戰：首頁開發-Icon + Recommend + Weekend + 細節配置補充
icons <template> <script> 採用vue-devtools瀏覽器工具外掛檢視此部分計算屬性詳情： Recommend <template> <script&
Vue.js學習記錄-9-Vue去哪兒網專案實戰：首頁開發-Home + Header + Swiper
Home：首頁根元件，用於管理子元件以及資料請求 <template>：子元件管理 引入所有子元件，並進行屬性繫結(父元件向子元件傳遞資料的方式) <template> <div>
Vue.js學習記錄-8-Vue去哪兒網專案實戰：首頁開發-環境搭建
專案實戰 1. 首頁開發 環境搭建 開發環境：node.js、Vue-cli腳手架工具 開發IDE：VScode 版本控制工具：Git 檢查環境搭建結果： 關於Vue-cli： Vue提供的官方命令列工具，可用於快速搭建大型單頁應用。該工具為現代化的前端開發工作流提供
實驗吧：首頁>決鬥場>訓練題庫>CTF題庫>古典密碼
密文內容如下{79 67 85 123 67 70 84 69 76 88 79 85 89 68 69 67 84 78 71 65 72 79 72 82 78 70 73 69 78 77 125 73 79 84 65} 請對其進行解密 提示：1.加解密方法就在謎面中
實驗吧：首頁>決鬥場>訓練題庫>CTF題庫>我喜歡培根
key: CTF{} 解題連結： http://ctf5.shiyanbar.com/crypto/enc1.txt 首先將裡面的莫斯密碼進行破解，會出現一段英文及一段字母的組合，然後有題目可知有關培根，我們知道有一個是培根密碼，然後就將字母組合重新組成AB，再將它破解，會出現
實驗吧：首頁>決鬥場>訓練題庫>CTF題庫>神祕字母
神祕字母分值：10 來源： 實驗吧 難度：中 參與人數：8217人 Get Flag：1446人 答題人數：1817人 解題通過率：80% 神祕字母dloguszijluswogany而
實驗吧：首頁>決鬥場>訓練題庫>CTF題庫>神秘字母
clas 一個 ref get 它的 bar 訓練 字母 來源 神秘字母分值：10 來源： 實驗吧 難度：中 參與人數：8217人 Get Flag：1446人 答題人數：1817人 解題通過率：80% 神秘字母dlo
實驗吧：首頁>決鬥場>訓練題庫>CTF題庫>杯酒人生
杯酒人生分值：10 來源： Veneno 難度：易 參與人數：4648人 Get Flag：1878人 答題人數：2124人 解題通過率：88% 使用古典密碼 一喵星人要想喵星傳送一
實驗吧：首頁>決鬥場>訓練題庫>CTF題庫>傳統知識+古典密碼
傳統知識+古典密碼分值：10 來源： 霜羽 難度：易 參與人數：8284人 Get Flag：3530人 答題人數：4008人 解題通過率：88% 小明某一天收到一封密信，信中寫了幾個不同
新店鋪優化寶貝快速排名上首頁
優化店鋪資料，提升淘寶排名的方法無非只有兩種，一種是開直通車，通過付費的形式獲取流量，另一種是根據淘寶排名規則，優化寶貝資料，獲取淘寶的自然排名，從而達到引流的效果。將寶貝排名優化到首頁，是眾多店主畢生所求，想要免費獲取淘寶流量，必學以下三點技巧： 技巧1：精準定位長尾關鍵詞，深度挖掘
仿UC頭條首頁-html+css+純JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>仿UC頭條</title> <s
織夢首頁dede:arclist和列表頁dede:list調用自定義字段
1-1 spa 寫法 href www src 所在 all lin 首頁 dede:arclist 調用自定義字段 {dede:arclist typeid="2" row="10" channelid="模型id號" addfields="自定義字段名稱"} <l
將WordPress首頁Feed流的文章內容修改為摘要
釋出文章後發現首頁Feed流中的文章標題都顯示的全文，文章內容少還行，內容多了頁面載入慢不說還影響閱讀體驗，因此嘗試在設定中修改，過程如下： “設定(Settings)”→“閱讀”→“對於feed中的每篇文章，顯示”選項修改為“摘要”。 設定完成後編輯文章時在“摘要”
關於phpcms v9 如何在首頁呼叫單網頁面內容的程式碼
百度了很多，終於在論壇上找到了，所以記錄一下。如何在首頁呼叫單網頁面內容的程式碼。偶是原生態，沒學過程式碼，所以老手們飄過吧！ 用GET寫入： {pc:get sql=”SELECT * FROM shanku_page where catid=單網頁ID號
微信小程式從子頁面返回首頁通用程式碼
直接上程式碼，不想多說，累！ var pagelist=getCurrentPages(); var len=pagelist.length; var init=0;
Jsoup學習筆記2：Jsoup解析HTML程式碼標籤與屬性
接著上一篇的Jsoup學習筆記1繼續學習，雖然是轉載自上面連結的文章，但是程式做了一點改動，方便自己以後的檢視 package com.daxiang.myjsoup; import org.jsoup.Jsoup; import org.jsoup.nodes.D
如何去除html程式碼標籤之間換行產生的空格
當使用inline-block時，HTML元素之間的空白會顯示在頁面上，為了保持程式碼的美觀，不建議使用全部寫在一行內或者影響美觀的方法。 推薦方法：在父元素上設定font-size