首先,先說說什么是seo優(yōu)化是按照搜索引擎給出的優(yōu)化建議,以增強網(wǎng)站核心價值為目標,從網(wǎng)站結構、內容建設方案、用戶互動傳播等角度進行合理規(guī)劃,以改善網(wǎng)站在搜索引擎中的表現(xiàn),吸引更多搜索引擎用戶訪問網(wǎng)站。SEO優(yōu)化與搜索引擎,互相促進,互利互助。
那么從前端的角度出發(fā),那些注意事項有利于SEO優(yōu)化呢
1、提高頁面加載速度。 能用css解決的不用背景圖片,背景圖片也盡量壓縮大小,可以幾個icons放在一個圖片上,使用background-position找到需要的圖片位置??梢詼p少HTTP請求數(shù),提高網(wǎng)頁加載速度。
2、 結構、表現(xiàn)和行為的分離。另外一個重要的拖慢網(wǎng)頁加載速度的原因就是將css和JS都堆積在HTML頁面上,每次看到有人直接在頁面上編寫CSS和JS我都很痛心疾首。通過外鏈的方式能大大加快網(wǎng)頁加載速度的,css文件可以放在head里,JS文件可以放置在body的最下方,在不影響閱讀的情況下再去加載JS文件。
3、 優(yōu)化網(wǎng)站分級結構。在每個內頁加面包屑導航是很有必要的,可以讓蜘蛛進入頁面之后不至于迷路,有條件的話,最好能單獨加個Sitemap頁面,將網(wǎng)站結構一目了然地展示在蜘蛛面前,更有利于蜘蛛抓取信息。
4、 集中網(wǎng)站權重。由于蜘蛛分配到每個頁面的權重是一定的,這些權重也將平均分配到每個a鏈接上,那么為了集中網(wǎng)站權重,可以使用”rel=nofollow”屬性,它告訴蜘蛛無需抓取目標頁,可以將權重分給其他的鏈接。
5、 文本強調標簽的使用。當著重強調某個關鍵詞需要加粗表示,選用strong標簽比使用b標簽要更有強調作用。
6、 a標簽的title屬性的使用。在不影響頁面功能的情況下,可以盡量給a標簽加上title屬性,可以更有利于蜘蛛抓取信息。
7、 圖片alt屬性的使用。這個屬性可以在圖片加載不出來的時候顯示在頁面上相關的文字信息,作用同上。
8、 H標簽的使用。主要是H1標簽的使用需要特別注意,因為它自帶權重,一個頁面有且最多只能有一個H1標簽,放在該頁面最重要的標題上面,如首頁的logo上可以加H1標簽。
其實還有很多也沒法一一列舉出來,只是舉出幾個相比比較常用和重要的點吧。前端的角度來說吧,對于SEO優(yōu)化的影響也是特別大的。