關於web前端開發過程當中SEO優化的注意點

SEO優化通俗點說就是爲了讓網站在各大搜索引擎中更容易的被搜到，即提升搜索排行，從而提升網站流量的一個技術手段

在寫web頁面的時候，爲了讓網絡爬蟲更容易的搜索到頁面，須要注意幾個點：

html語義化

剛接觸web前端開發的時候很奇怪，既然html標籤能夠經過css進行更改它的內置屬性，爲何還有這麼多的標籤存在

<div>,<h1>,<span>,<strong>....

而如今，隨着對前端的不斷深刻，才逐漸明白它的用處

語義化的html可讓開發者更容易看懂每一塊代碼的含義及其側重點，同時，對於SEO優化也有幫助

網絡爬蟲在搜索的過程當中會按着html語義去側重搜索，

標準的符合W3C規範html能讓網絡爬蟲更好的理解，從而提升網站的SEO優化水平。

在http://www.w3school.com.cn/html篇中，有對每個標籤的語義都作了說明，須要的同窗能夠注意看下。

ifame

對於前端開發來講，ifame已是好久以前的技術了，現階段應該不多有前端開發者使用ifame（固然，在後臺框架搭建中仍是會使用到）

ifame退出前端舞臺的理由我想應該就有一點，web中使用ifame，ifame中的內容網絡爬蟲是搜索不到的，因此對於ifame頁面來講基本不存在SEO優化

建議前端開發中少用，（後臺開發對這點到不在乎，後臺系統對於SEO優化沒這需求吧）

js輸出

對於網站中一些重要的文字或內容最好不要使用js輸出生成html展示，由於網絡爬蟲對web中的js只會視而不見，因此用js輸出過多的內容

會讓網站的SEO優化水平下降，建議重要的信息不要用js輸出（我仍是挺喜歡用js去輸出html的，被限制住~~~~）

alt屬性

alt屬性通常應用在<img>標籤裏，當圖片沒法正常加載時，alt屬性設置的值就會顯示出來做爲解釋文本

對於前端開發人員來講總感受這個屬性有點雞肋，由於在開發過程當中基本看不到這個屬性的效果（PS：開發過程當中通常狀況都不會有加載圖片失敗的狀況）

不過要注意，該加的屬性仍是要加上去的，網絡爬蟲是識別不了圖片的，無論你的圖片怎麼炫怎麼酷，在網絡爬蟲眼裏終究只是一段code而已，而<img>

標籤的alt屬性在網絡爬蟲眼裏就是圖片的標誌

<title>

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

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

合理的使用這三個對SEO也有很大的幫助，具體使用方法這裏就很少說了，有興趣的同窗能夠網上搜下

 

博客：http://www.cnblogs.com/alex-web/

注：小瘋紙的yy