育知同創(chuàng)htmlcss從入門到實(shí)戰(zhàn)視頻教程源碼

1、網(wǎng)頁自身優(yōu)化方式介紹CSS文檔統(tǒng)籌1）整站里相同的CSS樣式提取到一個(gè)樣式表里，各個(gè)頁面調(diào)用相同的樣式文件即可。2）網(wǎng)站較大的情況下一般會把網(wǎng)站的頭部，尾部單獨(dú)分離出來，包括樣式文件。1.1 根據(jù)頁面類型分離文件1.2 根據(jù)功能模塊分離文件1.3 根據(jù)標(biāo)簽類型分離文件1.4 根據(jù)設(shè)備類型分離文件1.5 根據(jù)代碼規(guī)模綜合分離文件1.1、網(wǎng)頁自身優(yōu)化1頁面主題優(yōu)化實(shí)事求是的寫下自己網(wǎng)站的名字，網(wǎng)站的名字要合理，最好包含網(wǎng)站的主要內(nèi)容。HTML網(wǎng)頁基本結(jié)構(gòu) 無標(biāo)題文檔 我的第一個(gè)網(wǎng)頁網(wǎng)頁頭部主體部分標(biāo)簽標(biāo)記著 HTML 文檔的開始和結(jié)束1.2、網(wǎng)頁自身優(yōu)化2標(biāo)簽搜索關(guān)鍵字內(nèi)容描述網(wǎng)頁字符編碼 gbk

2、big5iso-8859-1字符集頁面頭部優(yōu)化頁面頭部指的是代碼中部分，具體一點(diǎn)就是中的“Description（描述）”和“Keywords（關(guān)鍵字）”兩部分：1、“描述”部分應(yīng)該用近乎描述的語言寫下一段介紹你網(wǎng)站的文字，在這其中，你應(yīng)該適當(dāng)?shù)膶δ憔W(wǎng)站的特色內(nèi)容加以重復(fù)以求突出；2、“關(guān)鍵字”部分應(yīng)該列出你認(rèn)為合適的，能突出網(wǎng)站內(nèi)容的關(guān)鍵字就可以了，關(guān)鍵字不要設(shè)置太多，可設(shè)置108個(gè)，搜索引擎只會瀏覽靠前的幾個(gè)關(guān)鍵字。向搜索引擎說明你的網(wǎng)頁的關(guān)鍵詞；告訴搜索引擎你的站點(diǎn)的主要內(nèi)容；用以說明生成工具（如Microsoft FrontPage 4.0）等；告訴搜索引擎你的站點(diǎn)的制作的作者；met

3、a name= Robots content= all|none|index|noindex|follow|nofollow 。 A、Keywords(關(guān)鍵字)說明：keywords用來告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么。舉例：B、description(網(wǎng)站內(nèi)容描述)說明：description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容。舉例：C、robots(機(jī)器人向?qū)?說明：robots用來告訴搜索機(jī)器人哪些頁面需要索引，哪些頁面不需要索引。content的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。舉例：D、author(作者)說明：標(biāo)注網(wǎng)頁的

4、作者舉例： 超鏈接優(yōu)化搜索引擎為何可以能夠索引全世界的網(wǎng)站，是因?yàn)楦鱾€(gè)搜索引擎程序中都有一個(gè)會自動“爬行”于互聯(lián)網(wǎng)上的智能機(jī)器人程序，這個(gè)機(jī)器人就是順著網(wǎng)站之間的鏈接游覽世界的，那么我們就應(yīng)該為它創(chuàng)造一個(gè)良好的爬行通道合理的設(shè)置鏈接。 怎樣的鏈接才是合理的呢？1、采用純文本鏈接，少用，最好是別用Flash動畫設(shè)置鏈接，因?yàn)樗阉饕鏌o法識別Flash上的文字.許多公司、個(gè)人都喜歡酷酷的Flash動畫，網(wǎng)站的入口也做成Flash片斷，搜索引擎很難光顧這樣的網(wǎng)站。而且個(gè)別設(shè)計(jì)者非常馬虎，把網(wǎng)站的入口鏈接放在了Flash上，有時(shí)因?yàn)榫W(wǎng)絡(luò)繁忙、缺少Flash插件而導(dǎo)致用戶根本就看不到網(wǎng)站的內(nèi)容，2、按規(guī)

5、范書寫超鏈接，這個(gè)title屬性，它既可以起到提示訪客的作用，也可以讓搜索引擎知道它要去哪里.3、最好別使用圖片熱點(diǎn)鏈接，理由和第一點(diǎn)差不多。1.3、網(wǎng)頁自身優(yōu)化3圖片優(yōu)化(alt屬性，title屬性)圖片優(yōu)化并不是修改圖片的大小、顏色，而是你應(yīng)該為每個(gè)標(biāo)簽加上alt屬性，alt屬性的作用是當(dāng)圖片無法顯示時(shí)以文字作為替代顯示出來，而對于SEO來說，它可以令搜索引擎有機(jī)會索引你網(wǎng)站上的圖片，對于一些確實(shí)沒什么意義的圖片，最好也不要省略alt，而應(yīng)該留空，即 alt=。1.4、網(wǎng)頁自身優(yōu)化4為網(wǎng)站制作一個(gè)“網(wǎng)站地圖”什么是網(wǎng)站地圖？說白了就是一個(gè)頁面，在這個(gè)頁面上呢，列出了你網(wǎng)站中各個(gè)欄目的入口地

6、址，例如： ，站點(diǎn)地圖的作用很大，首先，對于一個(gè)欄目眾多的網(wǎng)站，它可以幫助訪客最快速度找到所需的內(nèi)容；二則，可以給搜索引擎提供一份自己網(wǎng)站的“鳥瞰圖”，方便搜索機(jī)器人依次索引整個(gè)網(wǎng)站。PageRank（pr值,友情鏈接）PR值是Google提出的一個(gè)重要參數(shù)，它標(biāo)明了某個(gè)網(wǎng)站的重要程度，那么pr值是如何確定的呢？目前普通的解釋為：假如有ABC三個(gè)網(wǎng)站，彼此互作友情鏈接，那么當(dāng)一個(gè)訪客通過A上的友情鏈接來到B時(shí)，Google就認(rèn)為A為B投了“一票”，同理，如果有人從C訪問B，那么B又得一票，如果全世界的網(wǎng)站上都有B的友情鏈接，B就是世界上最重要的網(wǎng)站了！那么如何提供我們自己的pr值，方法為交換鏈

7、接！應(yīng)該找一些和自己網(wǎng)站內(nèi)容相近，且較為優(yōu)秀的網(wǎng)站，但不要瘋狂的交換鏈接，如果你的首頁上一下子多了幾百個(gè)友情鏈接，Google不但不會提升你的pr，有可能認(rèn)為你作弊，從而把該網(wǎng)站從自己的數(shù)據(jù)庫中刪除.1.5、網(wǎng)頁自身優(yōu)化5靜態(tài)頁面與動態(tài)頁面目前所有的SEO都認(rèn)為，Google一類的搜索引擎會盡量避免索引帶有參數(shù)動態(tài)頁面，而喜歡索引普通的靜態(tài)頁面，這一點(diǎn)并未得到Google等搜索引擎的明確回答，但從效果來看是這樣。畢竟動態(tài)頁面的變數(shù)太大，舉個(gè)例子，你發(fā)了一個(gè)帖子，可能在論壇某板塊的第1頁上，可隨著跟貼的增加你的發(fā)言可能就被擠到第10頁上了， 因此，制作網(wǎng)站的時(shí)候，最好避免使用動態(tài)頁面，或者改良技術(shù)，讓動態(tài)頁面自動生成對應(yīng)的靜態(tài)頁面，既能便于搜索引擎收錄，也可以降低網(wǎng)站服務(wù)器、數(shù)據(jù)庫負(fù)擔(dān)，一舉兩得，不過這也不是絕對的，網(wǎng)站流量決定一切，即便是一個(gè)全部采用動態(tài)頁面的網(wǎng)站，但因?yàn)楹苁軞g迎訪客不斷，那么它還是會被搜索引擎青睞，還是會出現(xiàn)在搜索結(jié)果的前列。而且，隨著技術(shù)的進(jìn)步，搜索引擎也會改進(jìn)，搜索動態(tài)頁面將來必定會更加容易。 1.6、網(wǎng)頁自身優(yōu)化6避免大“體積”的頁面有經(jīng)驗(yàn)標(biāo)明，搜索引擎不喜歡索引大體積的頁面，即一個(gè)頁面代碼部分的體積不要太大，控制在100kb內(nèi)為佳. 1.7、網(wǎng)頁自身優(yōu)化7最重要的一點(diǎn)！合理的代碼結(jié)構(gòu)搜索引擎喜歡格式清晰，結(jié)構(gòu)