一、前端seo代碼優(yōu)化注意事項(xiàng)
1、提高頁面加載速度。CSS可以用來解決不使用背景圖片的問題，也可以嘗試壓縮背景圖片的大小，你可以在一張圖片上放置幾個(gè)圖標(biāo)，使用CSSsprite，使用背景位置來找到所需的圖像位置。減少HTTP請求的數(shù)量，提高網(wǎng)頁加載的速度。
2、結(jié)構(gòu)、性能和行為的分離。降低網(wǎng)頁加載速度的另一個(gè)重要原因是在HTML頁面上堆疊CSS和JS。每次我看到有人直接在頁面上寫CSS和JS，我都很難過。外部鏈接的方式可以大大加快網(wǎng)頁的加載速度，CSS文件可以放在頭上，JS文件可以放在正文的底部，然后加載JS文件而不影響閱讀。
3、優(yōu)化網(wǎng)站的層次結(jié)構(gòu)。在每個(gè)內(nèi)部頁面中添加面包屑導(dǎo)航是非常必要的，這樣蜘蛛就不會(huì)在進(jìn)入頁面后丟失。如果條件允許，單獨(dú)添加一個(gè)站點(diǎn)地圖頁面，在蜘蛛面前一目了然地顯示網(wǎng)站的結(jié)構(gòu)，這更有利于蜘蛛掌握信息。
4、集中網(wǎng)站權(quán)重。由于蜘蛛分配給每個(gè)頁面的權(quán)重是確定的，并且這些權(quán)重將平均分配給每個(gè)鏈接，為了集中網(wǎng)站的權(quán)重，我們可以使用“rel=nofollow”屬性，告訴蜘蛛可以將權(quán)重分配給其他鏈接而不必抓取目標(biāo)頁面。
5、文本強(qiáng)調(diào)標(biāo)簽的使用。當(dāng)強(qiáng)調(diào)需要用粗體表示關(guān)鍵字時(shí)，選擇強(qiáng)標(biāo)記比使用B標(biāo)記更重要。
6、標(biāo)簽的標(biāo)題屬性的使用。在不影響頁面功能的情況下，我們可以嘗試在標(biāo)簽中添加標(biāo)題屬性，這樣更有利于蜘蛛爬行信息。
7、在圖片中使用alt屬性。此屬性可以在無法加載圖片時(shí)在頁面上顯示相關(guān)的文本信息，效果相同。
8、使用H-標(biāo)簽。主要是h1標(biāo)簽的使用需要特別注意，因?yàn)樗凶约旱臋?quán)重，一個(gè)頁面有并且只能有一個(gè)h1標(biāo)簽，放在頁面重要的標(biāo)題上，比如首頁的logo可以加h1標(biāo)簽。
9、圖像大小聲明。如果未定義圖像大小，則需要重新呈現(xiàn)頁面，這將影響加載速度。
10、頁面布局調(diào)整。頁面內(nèi)容盡量不要制作flash、video，這些東西蜘蛛都抓不住，即使有必要，也要生成相應(yīng)的靜態(tài)頁面。
11、網(wǎng)站的結(jié)構(gòu)是扁樹，目錄結(jié)構(gòu)不應(yīng)該太深。每個(gè)頁面從主頁上單擊的次數(shù)不超過三次，這對(duì)于搜索引擎來說太深了。
二、SEO在網(wǎng)頁制作中的應(yīng)用
網(wǎng)站結(jié)構(gòu)優(yōu)化
a.合理規(guī)劃網(wǎng)站結(jié)構(gòu)[扁平化：中小型目錄不超過3級(jí)]：3次可跳轉(zhuǎn)到網(wǎng)站中的任意頁面（主頁欄內(nèi)容）
b.控制主頁上的鏈接數(shù)（主頁上100個(gè)鏈接內(nèi)：頁面導(dǎo)航、底部導(dǎo)航、錨文本，基于引導(dǎo)用戶，良好的用戶體驗(yàn)）；
c.導(dǎo)航（基于文本；圖片需要寫alt）：添加左上角的breadcrumb導(dǎo)航（讓用戶知道他們在哪里，讓用戶知道站點(diǎn)的組織）
D.細(xì)節(jié)：
內(nèi)容頁：結(jié)構(gòu)應(yīng)為：頂部標(biāo)識(shí)導(dǎo)航，左側(cè)廢棄導(dǎo)航，底部文字；
三、網(wǎng)頁代碼SEO優(yōu)化
1、<a>標(biāo)簽：標(biāo)題，rel
2、<h1>label:text<h1>，secondarytitle<h2>和其他不重要的標(biāo)題不使用h
3、<p>labeland<br>label:<br>label僅用于文本內(nèi)容的換行。
4、<table>label:use<caption>
5、<img>標(biāo)簽：使用alt指令
6、<strong><em>and<b><i>labels:strong><b>bold，<em><i>italics，<strong>標(biāo)簽是權(quán)重標(biāo)簽的代表。
在搜索引擎中，它可以引起高度關(guān)注，突出關(guān)鍵詞，表達(dá)重要內(nèi)容。<b>標(biāo)記在瀏覽器中顯示的效果與<strong>相同。
但在SEO中不會(huì)起到很好的效果，所以不推薦使用。<em>標(biāo)簽為斜體，強(qiáng)調(diào)主要內(nèi)容，吸引用戶的注意。
如果只是為了顯示粗體和斜體的效果，加權(quán)標(biāo)簽的重要性只低于<strong>標(biāo)簽的重要性。
建議使用<b><i>標(biāo)簽，如果使用<strong><em>會(huì)影響seo的效果。
（學(xué)習(xí)黑帽SEO技術(shù),網(wǎng)站快速排名,蜘蛛池加速收錄）掃一下添加微信：
黑帽WiKi_黑帽百科(m.790079.com),8年黑帽SEO優(yōu)化技術(shù),黑帽seo快速排名,黑帽seo技術(shù)培訓(xùn)學(xué)習(xí),黑帽SEO快速排名程序、泛目錄、寄生蟲技術(shù),贈(zèng)送免費(fèi)黑帽SEO視頻教程
（黑帽SEO技術(shù),網(wǎng)站快速排名,蜘蛛池加速收錄,目錄程序定制）
掃一下添加微信：
