站內(nèi)優(yōu)化
站內(nèi)優(yōu)化+站外優(yōu)化推廣=網(wǎng)站優(yōu)化
SEO ? 會(huì)飛的大餅 發(fā)表了文章 ? 0 個(gè)評(píng)論 ? 3577 次瀏覽 ? 2018-03-21 09:45
一、站內(nèi)優(yōu)化的內(nèi)容
1、把自己想成用戶,想想用戶會(huì)怎樣搜索關(guān)鍵詞,結(jié)合自己行業(yè),定位好自己的網(wǎng)站,是否滿足了用戶的需求;
2、然后檢查一下域名,域名最好是全英文的域名,域名最好跟網(wǎng)站主要關(guān)鍵詞一致,域名里最好不要用特殊符號(hào)或漢字域名,然后檢查網(wǎng)站的打開(kāi)速度,如果速度過(guò)慢,建議使用好一點(diǎn)的空間;
3、看自己的網(wǎng)站的布局,是不是滿足用戶體驗(yàn)需求,用戶是否第一時(shí)間就能找到他想要的內(nèi)容;
4、Meta標(biāo)簽優(yōu)化例如網(wǎng)站標(biāo)題(title),關(guān)鍵詞(keywords),網(wǎng)站描述(description),目標(biāo)關(guān)鍵詞以及長(zhǎng)尾關(guān)鍵詞等的優(yōu)化;
5、看每篇文章或者帖子的內(nèi)容,看看是不是跟標(biāo)題息息相關(guān),是否是用戶想要的,現(xiàn)在搜索引擎屬于內(nèi)容過(guò)剩時(shí)代,要求更多的原創(chuàng)內(nèi)容,所以從別人那里照搬硬搬過(guò)來(lái)的內(nèi)容,想要有好排名那是很難的;如果要用別人的內(nèi)容,一定要做差異化修改,同質(zhì)化不要超過(guò)40%,垃圾內(nèi)容絕不要放,頁(yè)面要求圖文并茂,頁(yè)面排版精美,可以提高頁(yè)面分?jǐn)?shù);
6、網(wǎng)站里的每一張圖片有沒(méi)有做alt屬性(替換文本),視頻有沒(méi)有做相應(yīng)的文字介紹等等;
7、每一個(gè)文章頁(yè)面還要分析用戶的心理需求,做相對(duì)應(yīng)的內(nèi)鏈優(yōu)化,盡可能多的留下用戶,提高用戶瀏覽停留時(shí)間;
8、網(wǎng)站整體的檢查,查看網(wǎng)站有沒(méi)有死鏈,有的話盡快修改,每個(gè)頁(yè)面的鏈接也要優(yōu)化,層級(jí)盡可能的簡(jiǎn)短,動(dòng)態(tài)鏈接要做相應(yīng)的偽靜態(tài)處理,做404頁(yè)面優(yōu)化,robots協(xié)議等等。
二、站外優(yōu)化的內(nèi)容
1、做高質(zhì)量的外鏈優(yōu)化,外鏈操作不能一把抓過(guò)來(lái),一定是高質(zhì)量的外鏈和網(wǎng)站內(nèi)容相關(guān)的,增加網(wǎng)站的點(diǎn)擊率;
2、加入一定高質(zhì)量的友情鏈接,增加網(wǎng)站的曝光率,避免垃圾友鏈;
3、百度站長(zhǎng)做推廣,提交網(wǎng)站內(nèi)容,提高網(wǎng)站內(nèi)容收錄量;
4、到各個(gè)平臺(tái)去推廣自己的網(wǎng)站,比如百度貼吧、新浪博客、網(wǎng)易博客、天涯論壇、相應(yīng)的qq群等做推廣,吸引更多的用戶。
最后一點(diǎn)SEO在于堅(jiān)持,在于不斷學(xué)習(xí),因?yàn)樗阉饕娴乃惴ú粩嗟母伦兓?,需要不斷學(xué)習(xí)跟上排名算法的步伐。
? 查看全部
1、把自己想成用戶,想想用戶會(huì)怎樣搜索關(guān)鍵詞,結(jié)合自己行業(yè),定位好自己的網(wǎng)站,是否滿足了用戶的需求;
2、然后檢查一下域名,域名最好是全英文的域名,域名最好跟網(wǎng)站主要關(guān)鍵詞一致,域名里最好不要用特殊符號(hào)或漢字域名,然后檢查網(wǎng)站的打開(kāi)速度,如果速度過(guò)慢,建議使用好一點(diǎn)的空間;
3、看自己的網(wǎng)站的布局,是不是滿足用戶體驗(yàn)需求,用戶是否第一時(shí)間就能找到他想要的內(nèi)容;
4、Meta標(biāo)簽優(yōu)化例如網(wǎng)站標(biāo)題(title),關(guān)鍵詞(keywords),網(wǎng)站描述(description),目標(biāo)關(guān)鍵詞以及長(zhǎng)尾關(guān)鍵詞等的優(yōu)化;
5、看每篇文章或者帖子的內(nèi)容,看看是不是跟標(biāo)題息息相關(guān),是否是用戶想要的,現(xiàn)在搜索引擎屬于內(nèi)容過(guò)剩時(shí)代,要求更多的原創(chuàng)內(nèi)容,所以從別人那里照搬硬搬過(guò)來(lái)的內(nèi)容,想要有好排名那是很難的;如果要用別人的內(nèi)容,一定要做差異化修改,同質(zhì)化不要超過(guò)40%,垃圾內(nèi)容絕不要放,頁(yè)面要求圖文并茂,頁(yè)面排版精美,可以提高頁(yè)面分?jǐn)?shù);
6、網(wǎng)站里的每一張圖片有沒(méi)有做alt屬性(替換文本),視頻有沒(méi)有做相應(yīng)的文字介紹等等;
7、每一個(gè)文章頁(yè)面還要分析用戶的心理需求,做相對(duì)應(yīng)的內(nèi)鏈優(yōu)化,盡可能多的留下用戶,提高用戶瀏覽停留時(shí)間;
8、網(wǎng)站整體的檢查,查看網(wǎng)站有沒(méi)有死鏈,有的話盡快修改,每個(gè)頁(yè)面的鏈接也要優(yōu)化,層級(jí)盡可能的簡(jiǎn)短,動(dòng)態(tài)鏈接要做相應(yīng)的偽靜態(tài)處理,做404頁(yè)面優(yōu)化,robots協(xié)議等等。
二、站外優(yōu)化的內(nèi)容
1、做高質(zhì)量的外鏈優(yōu)化,外鏈操作不能一把抓過(guò)來(lái),一定是高質(zhì)量的外鏈和網(wǎng)站內(nèi)容相關(guān)的,增加網(wǎng)站的點(diǎn)擊率;
2、加入一定高質(zhì)量的友情鏈接,增加網(wǎng)站的曝光率,避免垃圾友鏈;
3、百度站長(zhǎng)做推廣,提交網(wǎng)站內(nèi)容,提高網(wǎng)站內(nèi)容收錄量;
4、到各個(gè)平臺(tái)去推廣自己的網(wǎng)站,比如百度貼吧、新浪博客、網(wǎng)易博客、天涯論壇、相應(yīng)的qq群等做推廣,吸引更多的用戶。
最后一點(diǎn)SEO在于堅(jiān)持,在于不斷學(xué)習(xí),因?yàn)樗阉饕娴乃惴ú粩嗟母伦兓?,需要不斷學(xué)習(xí)跟上排名算法的步伐。
? 查看全部
一、站內(nèi)優(yōu)化的內(nèi)容
1、把自己想成用戶,想想用戶會(huì)怎樣搜索關(guān)鍵詞,結(jié)合自己行業(yè),定位好自己的網(wǎng)站,是否滿足了用戶的需求;
2、然后檢查一下域名,域名最好是全英文的域名,域名最好跟網(wǎng)站主要關(guān)鍵詞一致,域名里最好不要用特殊符號(hào)或漢字域名,然后檢查網(wǎng)站的打開(kāi)速度,如果速度過(guò)慢,建議使用好一點(diǎn)的空間;
3、看自己的網(wǎng)站的布局,是不是滿足用戶體驗(yàn)需求,用戶是否第一時(shí)間就能找到他想要的內(nèi)容;
4、Meta標(biāo)簽優(yōu)化例如網(wǎng)站標(biāo)題(title),關(guān)鍵詞(keywords),網(wǎng)站描述(description),目標(biāo)關(guān)鍵詞以及長(zhǎng)尾關(guān)鍵詞等的優(yōu)化;
5、看每篇文章或者帖子的內(nèi)容,看看是不是跟標(biāo)題息息相關(guān),是否是用戶想要的,現(xiàn)在搜索引擎屬于內(nèi)容過(guò)剩時(shí)代,要求更多的原創(chuàng)內(nèi)容,所以從別人那里照搬硬搬過(guò)來(lái)的內(nèi)容,想要有好排名那是很難的;如果要用別人的內(nèi)容,一定要做差異化修改,同質(zhì)化不要超過(guò)40%,垃圾內(nèi)容絕不要放,頁(yè)面要求圖文并茂,頁(yè)面排版精美,可以提高頁(yè)面分?jǐn)?shù);
6、網(wǎng)站里的每一張圖片有沒(méi)有做alt屬性(替換文本),視頻有沒(méi)有做相應(yīng)的文字介紹等等;
7、每一個(gè)文章頁(yè)面還要分析用戶的心理需求,做相對(duì)應(yīng)的內(nèi)鏈優(yōu)化,盡可能多的留下用戶,提高用戶瀏覽停留時(shí)間;
8、網(wǎng)站整體的檢查,查看網(wǎng)站有沒(méi)有死鏈,有的話盡快修改,每個(gè)頁(yè)面的鏈接也要優(yōu)化,層級(jí)盡可能的簡(jiǎn)短,動(dòng)態(tài)鏈接要做相應(yīng)的偽靜態(tài)處理,做404頁(yè)面優(yōu)化,robots協(xié)議等等。
二、站外優(yōu)化的內(nèi)容
1、做高質(zhì)量的外鏈優(yōu)化,外鏈操作不能一把抓過(guò)來(lái),一定是高質(zhì)量的外鏈和網(wǎng)站內(nèi)容相關(guān)的,增加網(wǎng)站的點(diǎn)擊率;
2、加入一定高質(zhì)量的友情鏈接,增加網(wǎng)站的曝光率,避免垃圾友鏈;
3、百度站長(zhǎng)做推廣,提交網(wǎng)站內(nèi)容,提高網(wǎng)站內(nèi)容收錄量;
4、到各個(gè)平臺(tái)去推廣自己的網(wǎng)站,比如百度貼吧、新浪博客、網(wǎng)易博客、天涯論壇、相應(yīng)的qq群等做推廣,吸引更多的用戶。
最后一點(diǎn)SEO在于堅(jiān)持,在于不斷學(xué)習(xí),因?yàn)樗阉饕娴乃惴ú粩嗟母伦兓枰粩鄬W(xué)習(xí)跟上排名算法的步伐。
?
1、把自己想成用戶,想想用戶會(huì)怎樣搜索關(guān)鍵詞,結(jié)合自己行業(yè),定位好自己的網(wǎng)站,是否滿足了用戶的需求;
2、然后檢查一下域名,域名最好是全英文的域名,域名最好跟網(wǎng)站主要關(guān)鍵詞一致,域名里最好不要用特殊符號(hào)或漢字域名,然后檢查網(wǎng)站的打開(kāi)速度,如果速度過(guò)慢,建議使用好一點(diǎn)的空間;
3、看自己的網(wǎng)站的布局,是不是滿足用戶體驗(yàn)需求,用戶是否第一時(shí)間就能找到他想要的內(nèi)容;
4、Meta標(biāo)簽優(yōu)化例如網(wǎng)站標(biāo)題(title),關(guān)鍵詞(keywords),網(wǎng)站描述(description),目標(biāo)關(guān)鍵詞以及長(zhǎng)尾關(guān)鍵詞等的優(yōu)化;
5、看每篇文章或者帖子的內(nèi)容,看看是不是跟標(biāo)題息息相關(guān),是否是用戶想要的,現(xiàn)在搜索引擎屬于內(nèi)容過(guò)剩時(shí)代,要求更多的原創(chuàng)內(nèi)容,所以從別人那里照搬硬搬過(guò)來(lái)的內(nèi)容,想要有好排名那是很難的;如果要用別人的內(nèi)容,一定要做差異化修改,同質(zhì)化不要超過(guò)40%,垃圾內(nèi)容絕不要放,頁(yè)面要求圖文并茂,頁(yè)面排版精美,可以提高頁(yè)面分?jǐn)?shù);
6、網(wǎng)站里的每一張圖片有沒(méi)有做alt屬性(替換文本),視頻有沒(méi)有做相應(yīng)的文字介紹等等;
7、每一個(gè)文章頁(yè)面還要分析用戶的心理需求,做相對(duì)應(yīng)的內(nèi)鏈優(yōu)化,盡可能多的留下用戶,提高用戶瀏覽停留時(shí)間;
8、網(wǎng)站整體的檢查,查看網(wǎng)站有沒(méi)有死鏈,有的話盡快修改,每個(gè)頁(yè)面的鏈接也要優(yōu)化,層級(jí)盡可能的簡(jiǎn)短,動(dòng)態(tài)鏈接要做相應(yīng)的偽靜態(tài)處理,做404頁(yè)面優(yōu)化,robots協(xié)議等等。
二、站外優(yōu)化的內(nèi)容
1、做高質(zhì)量的外鏈優(yōu)化,外鏈操作不能一把抓過(guò)來(lái),一定是高質(zhì)量的外鏈和網(wǎng)站內(nèi)容相關(guān)的,增加網(wǎng)站的點(diǎn)擊率;
2、加入一定高質(zhì)量的友情鏈接,增加網(wǎng)站的曝光率,避免垃圾友鏈;
3、百度站長(zhǎng)做推廣,提交網(wǎng)站內(nèi)容,提高網(wǎng)站內(nèi)容收錄量;
4、到各個(gè)平臺(tái)去推廣自己的網(wǎng)站,比如百度貼吧、新浪博客、網(wǎng)易博客、天涯論壇、相應(yīng)的qq群等做推廣,吸引更多的用戶。
最后一點(diǎn)SEO在于堅(jiān)持,在于不斷學(xué)習(xí),因?yàn)樗阉饕娴乃惴ú粩嗟母伦兓枰粩鄬W(xué)習(xí)跟上排名算法的步伐。
?
站內(nèi)優(yōu)化:圖片該如何優(yōu)化有利排名
SEO ? vivilan 發(fā)表了文章 ? 0 個(gè)評(píng)論 ? 5124 次瀏覽 ? 2018-03-13 09:44
現(xiàn)在的營(yíng)銷型網(wǎng)站內(nèi)容非常的豐富,其中圖片就應(yīng)用了很多。我想大家都知道,圖片太多很容易影響網(wǎng)站的打開(kāi)速度,而且百度搜索引擎也不能識(shí)別圖片,這樣很容易影響網(wǎng)站的收錄情況和網(wǎng)站關(guān)鍵詞的排名。但是如果不用圖片的話,網(wǎng)站的整體審美觀也就不復(fù)存在了,那么這就牽扯到了營(yíng)銷型網(wǎng)站的圖片過(guò)多需要如何優(yōu)化?下面就和大家分享幾個(gè)有關(guān)圖片優(yōu)化的seo基礎(chǔ)小技巧。
第一個(gè),網(wǎng)站圖片不宜過(guò)多
營(yíng)銷型網(wǎng)站的圖片不宜過(guò)多,過(guò)多的圖片影響營(yíng)銷型網(wǎng)站的體積,網(wǎng)站的體積大了打開(kāi)速度就沒(méi)那么流暢了。一般頁(yè)面圖片不要超過(guò)三個(gè),這樣既能發(fā)揮圖片應(yīng)有的效果,還有可以保證網(wǎng)站的用戶體驗(yàn)。
第二個(gè),網(wǎng)站圖片不宜過(guò)大
放在網(wǎng)站上的圖片大小非常重要。圖片太大直接影響網(wǎng)站的打開(kāi)速度,因?yàn)閳D片大了加載速度就會(huì)變慢,但用戶打開(kāi)的時(shí)候,圖片半天加載不出來(lái),用戶看不到,這樣容易造成用戶的流失。圖片太小像素就會(huì)很低,這樣就不能發(fā)揮相應(yīng)的效果了。所以圖片的大小一定要結(jié)合自己網(wǎng)站的實(shí)際情況在上傳網(wǎng)站之前設(shè)置好相關(guān)的圖片尺寸,避免上傳之后在網(wǎng)站中調(diào)整圖片大小,造成圖片變形。
第三個(gè),圖片添加alt標(biāo)簽
眾所周知,搜索引擎不能識(shí)別圖片,所以給圖片添加alt標(biāo)簽的目的就是對(duì)圖片進(jìn)行描述。這樣當(dāng)百度蜘蛛在爬行到網(wǎng)站的時(shí)候就能輕松識(shí)別這樣圖片的內(nèi)容了。所以每張有效圖一定要添加上alt標(biāo)簽,標(biāo)簽中的描述要寫(xiě)完整。最好是用一段包含關(guān)鍵詞的短語(yǔ),這樣可以增加關(guān)鍵詞的密度,提升關(guān)鍵詞排名。
第四個(gè),網(wǎng)站圖片做好水印
上一段說(shuō)了在圖片上添加alt標(biāo)簽,有利于百度蜘蛛抓取,并且有利于被搜索引擎收錄。所以我們?cè)谔砑訄D片之前可以在圖片上面加上水印,這樣當(dāng)用戶在搜索圖片的時(shí)候,就會(huì)看到圖片上面添加的水印,既能很好的宣傳企業(yè),還能見(jiàn)證版權(quán)。注意:在打水印的是時(shí)候千萬(wàn)不要影響到用戶的體驗(yàn),否則適得其反。
第五個(gè),圖片要儲(chǔ)存在專門(mén)的文件夾中
圖片儲(chǔ)存在專門(mén)的文件夾中,既便于統(tǒng)一管理,并且這樣也有利于百度蜘蛛對(duì)圖片進(jìn)行抓取,提高圖片的搜索效果。
總結(jié):
現(xiàn)在營(yíng)銷型網(wǎng)站利用圖片是在所難免的,并不是說(shuō)采用圖片就不好,關(guān)鍵在于怎么去優(yōu)化。利用好了,營(yíng)銷型網(wǎng)站的價(jià)值就大,同時(shí)還可以幫助企業(yè)獲得更多的訂單。切記!!一定要滿足用戶體驗(yàn),符合搜索引擎的要求,這樣才能讓營(yíng)銷型網(wǎng)站獲得更好的排名及流量。
? 查看全部
第一個(gè),網(wǎng)站圖片不宜過(guò)多
營(yíng)銷型網(wǎng)站的圖片不宜過(guò)多,過(guò)多的圖片影響營(yíng)銷型網(wǎng)站的體積,網(wǎng)站的體積大了打開(kāi)速度就沒(méi)那么流暢了。一般頁(yè)面圖片不要超過(guò)三個(gè),這樣既能發(fā)揮圖片應(yīng)有的效果,還有可以保證網(wǎng)站的用戶體驗(yàn)。
第二個(gè),網(wǎng)站圖片不宜過(guò)大
放在網(wǎng)站上的圖片大小非常重要。圖片太大直接影響網(wǎng)站的打開(kāi)速度,因?yàn)閳D片大了加載速度就會(huì)變慢,但用戶打開(kāi)的時(shí)候,圖片半天加載不出來(lái),用戶看不到,這樣容易造成用戶的流失。圖片太小像素就會(huì)很低,這樣就不能發(fā)揮相應(yīng)的效果了。所以圖片的大小一定要結(jié)合自己網(wǎng)站的實(shí)際情況在上傳網(wǎng)站之前設(shè)置好相關(guān)的圖片尺寸,避免上傳之后在網(wǎng)站中調(diào)整圖片大小,造成圖片變形。
第三個(gè),圖片添加alt標(biāo)簽
眾所周知,搜索引擎不能識(shí)別圖片,所以給圖片添加alt標(biāo)簽的目的就是對(duì)圖片進(jìn)行描述。這樣當(dāng)百度蜘蛛在爬行到網(wǎng)站的時(shí)候就能輕松識(shí)別這樣圖片的內(nèi)容了。所以每張有效圖一定要添加上alt標(biāo)簽,標(biāo)簽中的描述要寫(xiě)完整。最好是用一段包含關(guān)鍵詞的短語(yǔ),這樣可以增加關(guān)鍵詞的密度,提升關(guān)鍵詞排名。
第四個(gè),網(wǎng)站圖片做好水印
上一段說(shuō)了在圖片上添加alt標(biāo)簽,有利于百度蜘蛛抓取,并且有利于被搜索引擎收錄。所以我們?cè)谔砑訄D片之前可以在圖片上面加上水印,這樣當(dāng)用戶在搜索圖片的時(shí)候,就會(huì)看到圖片上面添加的水印,既能很好的宣傳企業(yè),還能見(jiàn)證版權(quán)。注意:在打水印的是時(shí)候千萬(wàn)不要影響到用戶的體驗(yàn),否則適得其反。
第五個(gè),圖片要儲(chǔ)存在專門(mén)的文件夾中
圖片儲(chǔ)存在專門(mén)的文件夾中,既便于統(tǒng)一管理,并且這樣也有利于百度蜘蛛對(duì)圖片進(jìn)行抓取,提高圖片的搜索效果。
總結(jié):
現(xiàn)在營(yíng)銷型網(wǎng)站利用圖片是在所難免的,并不是說(shuō)采用圖片就不好,關(guān)鍵在于怎么去優(yōu)化。利用好了,營(yíng)銷型網(wǎng)站的價(jià)值就大,同時(shí)還可以幫助企業(yè)獲得更多的訂單。切記!!一定要滿足用戶體驗(yàn),符合搜索引擎的要求,這樣才能讓營(yíng)銷型網(wǎng)站獲得更好的排名及流量。
? 查看全部
現(xiàn)在的營(yíng)銷型網(wǎng)站內(nèi)容非常的豐富,其中圖片就應(yīng)用了很多。我想大家都知道,圖片太多很容易影響網(wǎng)站的打開(kāi)速度,而且百度搜索引擎也不能識(shí)別圖片,這樣很容易影響網(wǎng)站的收錄情況和網(wǎng)站關(guān)鍵詞的排名。但是如果不用圖片的話,網(wǎng)站的整體審美觀也就不復(fù)存在了,那么這就牽扯到了營(yíng)銷型網(wǎng)站的圖片過(guò)多需要如何優(yōu)化?下面就和大家分享幾個(gè)有關(guān)圖片優(yōu)化的seo基礎(chǔ)小技巧。
第一個(gè),網(wǎng)站圖片不宜過(guò)多
營(yíng)銷型網(wǎng)站的圖片不宜過(guò)多,過(guò)多的圖片影響營(yíng)銷型網(wǎng)站的體積,網(wǎng)站的體積大了打開(kāi)速度就沒(méi)那么流暢了。一般頁(yè)面圖片不要超過(guò)三個(gè),這樣既能發(fā)揮圖片應(yīng)有的效果,還有可以保證網(wǎng)站的用戶體驗(yàn)。
第二個(gè),網(wǎng)站圖片不宜過(guò)大
放在網(wǎng)站上的圖片大小非常重要。圖片太大直接影響網(wǎng)站的打開(kāi)速度,因?yàn)閳D片大了加載速度就會(huì)變慢,但用戶打開(kāi)的時(shí)候,圖片半天加載不出來(lái),用戶看不到,這樣容易造成用戶的流失。圖片太小像素就會(huì)很低,這樣就不能發(fā)揮相應(yīng)的效果了。所以圖片的大小一定要結(jié)合自己網(wǎng)站的實(shí)際情況在上傳網(wǎng)站之前設(shè)置好相關(guān)的圖片尺寸,避免上傳之后在網(wǎng)站中調(diào)整圖片大小,造成圖片變形。
第三個(gè),圖片添加alt標(biāo)簽
眾所周知,搜索引擎不能識(shí)別圖片,所以給圖片添加alt標(biāo)簽的目的就是對(duì)圖片進(jìn)行描述。這樣當(dāng)百度蜘蛛在爬行到網(wǎng)站的時(shí)候就能輕松識(shí)別這樣圖片的內(nèi)容了。所以每張有效圖一定要添加上alt標(biāo)簽,標(biāo)簽中的描述要寫(xiě)完整。最好是用一段包含關(guān)鍵詞的短語(yǔ),這樣可以增加關(guān)鍵詞的密度,提升關(guān)鍵詞排名。
第四個(gè),網(wǎng)站圖片做好水印
上一段說(shuō)了在圖片上添加alt標(biāo)簽,有利于百度蜘蛛抓取,并且有利于被搜索引擎收錄。所以我們?cè)谔砑訄D片之前可以在圖片上面加上水印,這樣當(dāng)用戶在搜索圖片的時(shí)候,就會(huì)看到圖片上面添加的水印,既能很好的宣傳企業(yè),還能見(jiàn)證版權(quán)。注意:在打水印的是時(shí)候千萬(wàn)不要影響到用戶的體驗(yàn),否則適得其反。
第五個(gè),圖片要儲(chǔ)存在專門(mén)的文件夾中
圖片儲(chǔ)存在專門(mén)的文件夾中,既便于統(tǒng)一管理,并且這樣也有利于百度蜘蛛對(duì)圖片進(jìn)行抓取,提高圖片的搜索效果。
總結(jié):
現(xiàn)在營(yíng)銷型網(wǎng)站利用圖片是在所難免的,并不是說(shuō)采用圖片就不好,關(guān)鍵在于怎么去優(yōu)化。利用好了,營(yíng)銷型網(wǎng)站的價(jià)值就大,同時(shí)還可以幫助企業(yè)獲得更多的訂單。切記!!一定要滿足用戶體驗(yàn),符合搜索引擎的要求,這樣才能讓營(yíng)銷型網(wǎng)站獲得更好的排名及流量。
?
第一個(gè),網(wǎng)站圖片不宜過(guò)多
營(yíng)銷型網(wǎng)站的圖片不宜過(guò)多,過(guò)多的圖片影響營(yíng)銷型網(wǎng)站的體積,網(wǎng)站的體積大了打開(kāi)速度就沒(méi)那么流暢了。一般頁(yè)面圖片不要超過(guò)三個(gè),這樣既能發(fā)揮圖片應(yīng)有的效果,還有可以保證網(wǎng)站的用戶體驗(yàn)。
第二個(gè),網(wǎng)站圖片不宜過(guò)大
放在網(wǎng)站上的圖片大小非常重要。圖片太大直接影響網(wǎng)站的打開(kāi)速度,因?yàn)閳D片大了加載速度就會(huì)變慢,但用戶打開(kāi)的時(shí)候,圖片半天加載不出來(lái),用戶看不到,這樣容易造成用戶的流失。圖片太小像素就會(huì)很低,這樣就不能發(fā)揮相應(yīng)的效果了。所以圖片的大小一定要結(jié)合自己網(wǎng)站的實(shí)際情況在上傳網(wǎng)站之前設(shè)置好相關(guān)的圖片尺寸,避免上傳之后在網(wǎng)站中調(diào)整圖片大小,造成圖片變形。
第三個(gè),圖片添加alt標(biāo)簽
眾所周知,搜索引擎不能識(shí)別圖片,所以給圖片添加alt標(biāo)簽的目的就是對(duì)圖片進(jìn)行描述。這樣當(dāng)百度蜘蛛在爬行到網(wǎng)站的時(shí)候就能輕松識(shí)別這樣圖片的內(nèi)容了。所以每張有效圖一定要添加上alt標(biāo)簽,標(biāo)簽中的描述要寫(xiě)完整。最好是用一段包含關(guān)鍵詞的短語(yǔ),這樣可以增加關(guān)鍵詞的密度,提升關(guān)鍵詞排名。
第四個(gè),網(wǎng)站圖片做好水印
上一段說(shuō)了在圖片上添加alt標(biāo)簽,有利于百度蜘蛛抓取,并且有利于被搜索引擎收錄。所以我們?cè)谔砑訄D片之前可以在圖片上面加上水印,這樣當(dāng)用戶在搜索圖片的時(shí)候,就會(huì)看到圖片上面添加的水印,既能很好的宣傳企業(yè),還能見(jiàn)證版權(quán)。注意:在打水印的是時(shí)候千萬(wàn)不要影響到用戶的體驗(yàn),否則適得其反。
第五個(gè),圖片要儲(chǔ)存在專門(mén)的文件夾中
圖片儲(chǔ)存在專門(mén)的文件夾中,既便于統(tǒng)一管理,并且這樣也有利于百度蜘蛛對(duì)圖片進(jìn)行抓取,提高圖片的搜索效果。
總結(jié):
現(xiàn)在營(yíng)銷型網(wǎng)站利用圖片是在所難免的,并不是說(shuō)采用圖片就不好,關(guān)鍵在于怎么去優(yōu)化。利用好了,營(yíng)銷型網(wǎng)站的價(jià)值就大,同時(shí)還可以幫助企業(yè)獲得更多的訂單。切記!!一定要滿足用戶體驗(yàn),符合搜索引擎的要求,這樣才能讓營(yíng)銷型網(wǎng)站獲得更好的排名及流量。
?
站內(nèi)優(yōu)化:代碼優(yōu)化和標(biāo)簽優(yōu)化對(duì)網(wǎng)站的重要性
SEO ? Miss . lemon 發(fā)表了文章 ? 0 個(gè)評(píng)論 ? 8789 次瀏覽 ? 2018-03-13 09:42
網(wǎng)站上線前,需要對(duì)網(wǎng)站的代碼和標(biāo)簽做必要的處理,目的是提高優(yōu)化網(wǎng)站打開(kāi)速度,強(qiáng)調(diào)想要達(dá)成排名的關(guān)鍵詞。一個(gè)優(yōu)質(zhì)的網(wǎng)站,在代碼方面是優(yōu)秀的。本文提及了權(quán)重標(biāo)簽,如H1等,在合適的地方使用權(quán)重標(biāo)簽,能向搜索引擎?zhèn)鬟f友好性,是做seo的基本述求。seoer不一定懂得如何具體操作,但需要知曉代碼優(yōu)化原理,何處使用權(quán)重標(biāo)簽。專業(yè)人做專業(yè)事,效率會(huì)更高。
網(wǎng)站代碼和標(biāo)簽優(yōu)化的方法
作為一名網(wǎng)站SEO優(yōu)化人員,對(duì)于網(wǎng)站代碼必須要有所了解,這是做網(wǎng)站優(yōu)化的必備要素之一,網(wǎng)站推廣要想獲得好的績(jī)效,源代碼是很關(guān)鍵,挑剔的搜索引擎蜘蛛對(duì)于簡(jiǎn)潔的網(wǎng)站代碼是情有獨(dú)鐘的,這就需要我們對(duì)網(wǎng)站代碼進(jìn)行精簡(jiǎn)及優(yōu)化。
網(wǎng)頁(yè)的精簡(jiǎn)說(shuō)白了就是網(wǎng)站代碼優(yōu)化,去掉網(wǎng)站多余的代碼,以減少網(wǎng)站的大小,提高網(wǎng)站的加載速度和用戶體驗(yàn)。
網(wǎng)站代碼優(yōu)化是站長(zhǎng)必須要掌握的基本技能,這關(guān)系到搜索引擎蜘蛛是否會(huì)對(duì)你的網(wǎng)站感興趣,冗長(zhǎng)無(wú)用的代碼會(huì)讓蜘蛛很難理解,增加蜘蛛抓取網(wǎng)站的難度,同時(shí),網(wǎng)頁(yè)的精簡(jiǎn)還關(guān)系到網(wǎng)站的加載速度,對(duì)用戶體驗(yàn)至關(guān)重要。
1、HEAD部分代碼規(guī)范化。
HEAD部分代碼是搜索引擎爬行網(wǎng)站的入口部分,現(xiàn)在很多網(wǎng)站的頭部代碼都相當(dāng)統(tǒng)一化,刻板效應(yīng)明顯十足,這樣的網(wǎng)站代碼是像模板框架一樣是不被spider喜歡的,而我們要做的就是將網(wǎng)站的代碼規(guī)范化,建立起網(wǎng)站獨(dú)一無(wú)二的head部分,讓搜索引擎有新鮮感,這樣才能夠吸引spider爬行。
2、使用DIV+CSS分離布局網(wǎng)頁(yè)。
雖然現(xiàn)在div+css已經(jīng)很成熟了,但是很多網(wǎng)頁(yè)設(shè)計(jì)者可能考慮到網(wǎng)頁(yè)的兼容性以及布局的簡(jiǎn)易性還是使用老式的table布局,雖然table布局很方便,但是其弊端也是顯而易見(jiàn)的,那就是會(huì)大大增加網(wǎng)頁(yè)的大小,尤其是多層表格的嵌套,這種布局不僅會(huì)提升體積,同時(shí)如果嵌套數(shù)太多的話就會(huì)影響到搜索引擎的爬行,影響到站點(diǎn)的收錄。
另外,一些網(wǎng)站會(huì)使用外部文件,將css和js放在外部文件中,頁(yè)面html中只要放一樣代碼調(diào)用就可以了,有時(shí)候我們?nèi)ゲ榭吹囊恍┰次募a,會(huì)看到很多css代碼以及javasript代碼,將javascript放置在網(wǎng)站頁(yè)面的html文件中的最前面,而真正能用到得一些文字部分這被推倒了html的后面,個(gè)人認(rèn)為這種代碼都需要精簡(jiǎn)。
3、CSS代碼本身的優(yōu)化。
CSS是頁(yè)面效果呈現(xiàn)中非常重要的組成部分,它包括顏色、大小尺寸、背景和字體等。寫(xiě)CSS很簡(jiǎn)單很容易,但是要想寫(xiě)出精煉的CSS代碼還是有很多技巧的。
(1)、CSS位置
CSS說(shuō)明如果出現(xiàn)在網(wǎng)站之后,頁(yè)面需要重新渲染,打開(kāi)速度受到影響,所有css定義代碼的位置要放到網(wǎng)站之前。
(2)、css sprite技術(shù)
網(wǎng)站上的一些圖片可以采用css sprite技術(shù)進(jìn)行合并,減少加載請(qǐng)求次數(shù),從而提高網(wǎng)頁(yè)的加載速度。
(3)、CSS代碼優(yōu)化
通過(guò)對(duì)css代碼屬性的簡(jiǎn)寫(xiě)、移除多余的結(jié)構(gòu)(frameworks)和重設(shè)(resets)等一系列的方法和技巧來(lái)簡(jiǎn)化css代碼,減小css文件的大小。
(4)、盡量不要使用內(nèi)嵌式CSS
內(nèi)嵌式CSS分為兩種,一是在head區(qū)域的普通內(nèi)嵌式;二是在標(biāo)簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式CSS,無(wú)論是何種內(nèi)嵌CSS方式結(jié)果都會(huì)提升頁(yè)面的體積,對(duì)此,我們可以盡量使用外調(diào)式的CSS來(lái)為站點(diǎn)頁(yè)面的體積瘦身。
4、JS位置,大小等負(fù)面的優(yōu)化。
JS優(yōu)化與其他語(yǔ)言的優(yōu)化也仍然有相同之處,JS優(yōu)化的關(guān)鍵,仍然是要把精力放在最關(guān)鍵的地方,也就是瓶頸上,一般來(lái)說(shuō),瓶頸總是出現(xiàn)在大規(guī)模循環(huán)的地方,這倒不是說(shuō)循環(huán)本身有性能問(wèn)題,而是循環(huán)會(huì)迅速放大可能存在的性能問(wèn)題。
(1)、JS位置
網(wǎng)頁(yè)代碼中對(duì)js進(jìn)行優(yōu)化的時(shí)候,建議將JS放在頁(yè)面最后,這樣可以加快頁(yè)面打開(kāi)速度。
(2)、合并JS
合并相同域名下的js,通過(guò)減少網(wǎng)絡(luò)連接次數(shù)從而提高網(wǎng)頁(yè)的打開(kāi)速度。
(3)、LazyLoad(延遲加載)技術(shù)
Lazy Load是一個(gè)用JavaScript編寫(xiě)的jQuery插件,它可以延遲加載長(zhǎng)頁(yè)面中的圖片,在瀏覽器可視區(qū)域外的圖片不會(huì)被載入,直到用戶將頁(yè)面滾動(dòng)到它們所在的位置。
(4)、JS代碼外部的調(diào)用
我們知道當(dāng)前的搜索引擎還是不能夠識(shí)別JS代碼的,倘若在網(wǎng)站中出現(xiàn)大批量的js代碼網(wǎng)站在收錄上就會(huì)出現(xiàn)困難,而我們要做的就是將用到Javascript代碼用外部調(diào)用的形式放在網(wǎng)站中,這樣可以簡(jiǎn)化搜索引擎的工作,也不會(huì)在無(wú)形中衍生出無(wú)效代碼累及網(wǎng)站。
不僅如此,可以采用外部調(diào)用的還有css代碼,建站之初可以將網(wǎng)站的文字、顏色定義在css代碼文件中,盡量不要在頁(yè)面代碼內(nèi)出現(xiàn)過(guò)多的樣式代碼。
(5)、降低頁(yè)面對(duì)于JS的依賴性
現(xiàn)在來(lái)說(shuō),JS對(duì)于搜索引擎并不不友好,雖然有消息稱搜索引擎不會(huì)對(duì)JS有厭惡的情緒,但是多一事不如少一事,雖然JS可以制作出很多的效果,但是網(wǎng)頁(yè)中大量的JS將影響蜘蛛對(duì)頁(yè)面的抓取和增加網(wǎng)頁(yè)體積,尤其是頁(yè)面的關(guān)鍵位置如導(dǎo)航欄,盡量采用DIV+CSS的設(shè)計(jì)方法。
5、減少TABLE標(biāo)簽的使用。
table標(biāo)簽是現(xiàn)在大多數(shù)上線網(wǎng)站中最為常見(jiàn)的代碼形式,原因根本在于table在建立網(wǎng)站時(shí)比較快捷,但是這也就影響了網(wǎng)站的后期優(yōu)化。
相對(duì)于div+css布局的精簡(jiǎn)代碼網(wǎng)站來(lái)說(shuō),它的占位比較大,所以,在建站時(shí)候,盡量是少用表格,即便是要使用表格時(shí),嵌套式表格也要盡量少用,以免產(chǎn)生冗雜代碼。
那么,現(xiàn)在的網(wǎng)站用什么做呢?很多程序員第一想法就是采用CSS去做,采用CSS去排版,這種做法呢,就使頁(yè)面中的表格大大的降低了,但在我看來(lái),網(wǎng)站也不能沒(méi)有表格,有些事必須使用到得,使用表格本身沒(méi)什么,但是有很多網(wǎng)站都采用嵌套表格,一般這樣的表格形式會(huì)給網(wǎng)站產(chǎn)生大量的垃圾代碼,并且這些垃圾代碼都是沒(méi)有任何用處的代碼,這一類代碼也是我們網(wǎng)站需要精簡(jiǎn)的代碼之一。
6、代碼注釋省略的少量使用。
很多程序人員在編寫(xiě)代碼是都習(xí)慣在別人看不懂的地方給出一段注釋,這些代碼往往是為了幾個(gè)程序員之間的協(xié)同工作,對(duì)于外人以及搜索引擎來(lái)說(shuō)沒(méi)有任何用處,相反還會(huì)給搜索引擎蜘蛛帶來(lái)一定的困擾。
打開(kāi)頁(yè)面代碼我們經(jīng)常會(huì)看到一些注釋代碼,這是程序員為了表明代碼意義而做的注釋,其實(shí)這些打開(kāi)不必,因?yàn)閷?duì)于搜索引擎而言,它們是不存在任何意義的,只是會(huì)增加了頁(yè)面代碼的容量,這樣對(duì)于網(wǎng)站不會(huì)有什么利處,不如直接省略。
7、清除頁(yè)面中多余的代碼即精簡(jiǎn)代碼。
有的網(wǎng)站以為制作者的代碼書(shū)寫(xiě)習(xí)慣問(wèn)題,頁(yè)面會(huì)有很多空格代碼,比如:空格代碼、style和font重復(fù)定義的代碼,不要小看這些體積很小的代碼,積攢多了,也會(huì)使我們的網(wǎng)站異常的臃腫。
很多網(wǎng)站都是采用的DIV+CSS,在CSS中定義了文字的字體,顏色,以及頁(yè)面的排版,但是在網(wǎng)站的其他地方還用了以style以及font來(lái)再次定義字體字體,這些代碼完全沒(méi)有必要重復(fù)定義,屬于可以精簡(jiǎn)的代碼。
8、將html控制方式轉(zhuǎn)換為CSS控制。
很多網(wǎng)頁(yè)設(shè)計(jì)者習(xí)慣在標(biāo)簽內(nèi)對(duì)內(nèi)容進(jìn)行控制,比如img標(biāo)簽里通過(guò)width和height來(lái)控制圖片的大小,盡量將這些代碼轉(zhuǎn)換成外調(diào)式的CSS,使網(wǎng)頁(yè)代碼更加的瘦身。
9、緩存靜態(tài)資源。
通過(guò)設(shè)置瀏覽器緩存,將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端,這樣同一訪客再次訪問(wèn)你的網(wǎng)站的時(shí)候,瀏覽器就可以從瀏覽器的緩存中獲取css、js等,而不必每次都從你的服務(wù)器讀取,這樣在一定程度上加快了網(wǎng)站的打開(kāi)速度,又可以節(jié)約你的服務(wù)器流量。
10、網(wǎng)頁(yè)壓縮技術(shù)。
對(duì)于網(wǎng)頁(yè)壓縮而言,相信各位站長(zhǎng)都比較熟悉,主要是啟用服務(wù)器Gzip,對(duì)頁(yè)面Gzip壓縮,減少元素的體積,從而減少數(shù)據(jù)的傳輸,進(jìn)而提高網(wǎng)頁(yè)的加載速度,這個(gè)功能需要你的服務(wù)器的支持,GZIP壓縮一般能對(duì)網(wǎng)頁(yè)進(jìn)行30%-80%的壓縮,是最重要的一種優(yōu)化效果。
總之,通過(guò)代碼優(yōu)化來(lái)起到網(wǎng)站優(yōu)化作用的方式還有很多,在這只是隨意的說(shuō)了其中比較常見(jiàn)的而已,希望大家能多多鉆研。
11、權(quán)重標(biāo)簽的使用。
典型的權(quán)重標(biāo)簽有H1,strong,b標(biāo)簽等,對(duì)想?yún)⑴c排名的重要關(guān)鍵詞使用權(quán)重標(biāo)簽,好處是向搜索引擎?zhèn)鬟f信號(hào):這個(gè)地方的關(guān)鍵詞很重要,需要區(qū)別對(duì)待,從而提升既定關(guān)鍵詞在搜索引擎的排序。
個(gè)人認(rèn)為網(wǎng)站頁(yè)面代碼的SEO優(yōu)化,不但可以提高網(wǎng)頁(yè)的打開(kāi)速度,還可以提升用戶的訪問(wèn)體驗(yàn),同時(shí)從SEO的角度來(lái)說(shuō),還可以提高蜘蛛的訪問(wèn)速度,有助于搜索引擎對(duì)網(wǎng)站的索引體驗(yàn)。
? 查看全部
網(wǎng)站代碼和標(biāo)簽優(yōu)化的方法
作為一名網(wǎng)站SEO優(yōu)化人員,對(duì)于網(wǎng)站代碼必須要有所了解,這是做網(wǎng)站優(yōu)化的必備要素之一,網(wǎng)站推廣要想獲得好的績(jī)效,源代碼是很關(guān)鍵,挑剔的搜索引擎蜘蛛對(duì)于簡(jiǎn)潔的網(wǎng)站代碼是情有獨(dú)鐘的,這就需要我們對(duì)網(wǎng)站代碼進(jìn)行精簡(jiǎn)及優(yōu)化。
網(wǎng)頁(yè)的精簡(jiǎn)說(shuō)白了就是網(wǎng)站代碼優(yōu)化,去掉網(wǎng)站多余的代碼,以減少網(wǎng)站的大小,提高網(wǎng)站的加載速度和用戶體驗(yàn)。
網(wǎng)站代碼優(yōu)化是站長(zhǎng)必須要掌握的基本技能,這關(guān)系到搜索引擎蜘蛛是否會(huì)對(duì)你的網(wǎng)站感興趣,冗長(zhǎng)無(wú)用的代碼會(huì)讓蜘蛛很難理解,增加蜘蛛抓取網(wǎng)站的難度,同時(shí),網(wǎng)頁(yè)的精簡(jiǎn)還關(guān)系到網(wǎng)站的加載速度,對(duì)用戶體驗(yàn)至關(guān)重要。
1、HEAD部分代碼規(guī)范化。
HEAD部分代碼是搜索引擎爬行網(wǎng)站的入口部分,現(xiàn)在很多網(wǎng)站的頭部代碼都相當(dāng)統(tǒng)一化,刻板效應(yīng)明顯十足,這樣的網(wǎng)站代碼是像模板框架一樣是不被spider喜歡的,而我們要做的就是將網(wǎng)站的代碼規(guī)范化,建立起網(wǎng)站獨(dú)一無(wú)二的head部分,讓搜索引擎有新鮮感,這樣才能夠吸引spider爬行。
2、使用DIV+CSS分離布局網(wǎng)頁(yè)。
雖然現(xiàn)在div+css已經(jīng)很成熟了,但是很多網(wǎng)頁(yè)設(shè)計(jì)者可能考慮到網(wǎng)頁(yè)的兼容性以及布局的簡(jiǎn)易性還是使用老式的table布局,雖然table布局很方便,但是其弊端也是顯而易見(jiàn)的,那就是會(huì)大大增加網(wǎng)頁(yè)的大小,尤其是多層表格的嵌套,這種布局不僅會(huì)提升體積,同時(shí)如果嵌套數(shù)太多的話就會(huì)影響到搜索引擎的爬行,影響到站點(diǎn)的收錄。
另外,一些網(wǎng)站會(huì)使用外部文件,將css和js放在外部文件中,頁(yè)面html中只要放一樣代碼調(diào)用就可以了,有時(shí)候我們?nèi)ゲ榭吹囊恍┰次募a,會(huì)看到很多css代碼以及javasript代碼,將javascript放置在網(wǎng)站頁(yè)面的html文件中的最前面,而真正能用到得一些文字部分這被推倒了html的后面,個(gè)人認(rèn)為這種代碼都需要精簡(jiǎn)。
3、CSS代碼本身的優(yōu)化。
CSS是頁(yè)面效果呈現(xiàn)中非常重要的組成部分,它包括顏色、大小尺寸、背景和字體等。寫(xiě)CSS很簡(jiǎn)單很容易,但是要想寫(xiě)出精煉的CSS代碼還是有很多技巧的。
(1)、CSS位置
CSS說(shuō)明如果出現(xiàn)在網(wǎng)站之后,頁(yè)面需要重新渲染,打開(kāi)速度受到影響,所有css定義代碼的位置要放到網(wǎng)站之前。
(2)、css sprite技術(shù)
網(wǎng)站上的一些圖片可以采用css sprite技術(shù)進(jìn)行合并,減少加載請(qǐng)求次數(shù),從而提高網(wǎng)頁(yè)的加載速度。
(3)、CSS代碼優(yōu)化
通過(guò)對(duì)css代碼屬性的簡(jiǎn)寫(xiě)、移除多余的結(jié)構(gòu)(frameworks)和重設(shè)(resets)等一系列的方法和技巧來(lái)簡(jiǎn)化css代碼,減小css文件的大小。
(4)、盡量不要使用內(nèi)嵌式CSS
內(nèi)嵌式CSS分為兩種,一是在head區(qū)域的普通內(nèi)嵌式;二是在標(biāo)簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式CSS,無(wú)論是何種內(nèi)嵌CSS方式結(jié)果都會(huì)提升頁(yè)面的體積,對(duì)此,我們可以盡量使用外調(diào)式的CSS來(lái)為站點(diǎn)頁(yè)面的體積瘦身。
4、JS位置,大小等負(fù)面的優(yōu)化。
JS優(yōu)化與其他語(yǔ)言的優(yōu)化也仍然有相同之處,JS優(yōu)化的關(guān)鍵,仍然是要把精力放在最關(guān)鍵的地方,也就是瓶頸上,一般來(lái)說(shuō),瓶頸總是出現(xiàn)在大規(guī)模循環(huán)的地方,這倒不是說(shuō)循環(huán)本身有性能問(wèn)題,而是循環(huán)會(huì)迅速放大可能存在的性能問(wèn)題。
(1)、JS位置
網(wǎng)頁(yè)代碼中對(duì)js進(jìn)行優(yōu)化的時(shí)候,建議將JS放在頁(yè)面最后,這樣可以加快頁(yè)面打開(kāi)速度。
(2)、合并JS
合并相同域名下的js,通過(guò)減少網(wǎng)絡(luò)連接次數(shù)從而提高網(wǎng)頁(yè)的打開(kāi)速度。
(3)、LazyLoad(延遲加載)技術(shù)
Lazy Load是一個(gè)用JavaScript編寫(xiě)的jQuery插件,它可以延遲加載長(zhǎng)頁(yè)面中的圖片,在瀏覽器可視區(qū)域外的圖片不會(huì)被載入,直到用戶將頁(yè)面滾動(dòng)到它們所在的位置。
(4)、JS代碼外部的調(diào)用
我們知道當(dāng)前的搜索引擎還是不能夠識(shí)別JS代碼的,倘若在網(wǎng)站中出現(xiàn)大批量的js代碼網(wǎng)站在收錄上就會(huì)出現(xiàn)困難,而我們要做的就是將用到Javascript代碼用外部調(diào)用的形式放在網(wǎng)站中,這樣可以簡(jiǎn)化搜索引擎的工作,也不會(huì)在無(wú)形中衍生出無(wú)效代碼累及網(wǎng)站。
不僅如此,可以采用外部調(diào)用的還有css代碼,建站之初可以將網(wǎng)站的文字、顏色定義在css代碼文件中,盡量不要在頁(yè)面代碼內(nèi)出現(xiàn)過(guò)多的樣式代碼。
(5)、降低頁(yè)面對(duì)于JS的依賴性
現(xiàn)在來(lái)說(shuō),JS對(duì)于搜索引擎并不不友好,雖然有消息稱搜索引擎不會(huì)對(duì)JS有厭惡的情緒,但是多一事不如少一事,雖然JS可以制作出很多的效果,但是網(wǎng)頁(yè)中大量的JS將影響蜘蛛對(duì)頁(yè)面的抓取和增加網(wǎng)頁(yè)體積,尤其是頁(yè)面的關(guān)鍵位置如導(dǎo)航欄,盡量采用DIV+CSS的設(shè)計(jì)方法。
5、減少TABLE標(biāo)簽的使用。
table標(biāo)簽是現(xiàn)在大多數(shù)上線網(wǎng)站中最為常見(jiàn)的代碼形式,原因根本在于table在建立網(wǎng)站時(shí)比較快捷,但是這也就影響了網(wǎng)站的后期優(yōu)化。
相對(duì)于div+css布局的精簡(jiǎn)代碼網(wǎng)站來(lái)說(shuō),它的占位比較大,所以,在建站時(shí)候,盡量是少用表格,即便是要使用表格時(shí),嵌套式表格也要盡量少用,以免產(chǎn)生冗雜代碼。
那么,現(xiàn)在的網(wǎng)站用什么做呢?很多程序員第一想法就是采用CSS去做,采用CSS去排版,這種做法呢,就使頁(yè)面中的表格大大的降低了,但在我看來(lái),網(wǎng)站也不能沒(méi)有表格,有些事必須使用到得,使用表格本身沒(méi)什么,但是有很多網(wǎng)站都采用嵌套表格,一般這樣的表格形式會(huì)給網(wǎng)站產(chǎn)生大量的垃圾代碼,并且這些垃圾代碼都是沒(méi)有任何用處的代碼,這一類代碼也是我們網(wǎng)站需要精簡(jiǎn)的代碼之一。
6、代碼注釋省略的少量使用。
很多程序人員在編寫(xiě)代碼是都習(xí)慣在別人看不懂的地方給出一段注釋,這些代碼往往是為了幾個(gè)程序員之間的協(xié)同工作,對(duì)于外人以及搜索引擎來(lái)說(shuō)沒(méi)有任何用處,相反還會(huì)給搜索引擎蜘蛛帶來(lái)一定的困擾。
打開(kāi)頁(yè)面代碼我們經(jīng)常會(huì)看到一些注釋代碼,這是程序員為了表明代碼意義而做的注釋,其實(shí)這些打開(kāi)不必,因?yàn)閷?duì)于搜索引擎而言,它們是不存在任何意義的,只是會(huì)增加了頁(yè)面代碼的容量,這樣對(duì)于網(wǎng)站不會(huì)有什么利處,不如直接省略。
7、清除頁(yè)面中多余的代碼即精簡(jiǎn)代碼。
有的網(wǎng)站以為制作者的代碼書(shū)寫(xiě)習(xí)慣問(wèn)題,頁(yè)面會(huì)有很多空格代碼,比如:空格代碼、style和font重復(fù)定義的代碼,不要小看這些體積很小的代碼,積攢多了,也會(huì)使我們的網(wǎng)站異常的臃腫。
很多網(wǎng)站都是采用的DIV+CSS,在CSS中定義了文字的字體,顏色,以及頁(yè)面的排版,但是在網(wǎng)站的其他地方還用了以style以及font來(lái)再次定義字體字體,這些代碼完全沒(méi)有必要重復(fù)定義,屬于可以精簡(jiǎn)的代碼。
8、將html控制方式轉(zhuǎn)換為CSS控制。
很多網(wǎng)頁(yè)設(shè)計(jì)者習(xí)慣在標(biāo)簽內(nèi)對(duì)內(nèi)容進(jìn)行控制,比如img標(biāo)簽里通過(guò)width和height來(lái)控制圖片的大小,盡量將這些代碼轉(zhuǎn)換成外調(diào)式的CSS,使網(wǎng)頁(yè)代碼更加的瘦身。
9、緩存靜態(tài)資源。
通過(guò)設(shè)置瀏覽器緩存,將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端,這樣同一訪客再次訪問(wèn)你的網(wǎng)站的時(shí)候,瀏覽器就可以從瀏覽器的緩存中獲取css、js等,而不必每次都從你的服務(wù)器讀取,這樣在一定程度上加快了網(wǎng)站的打開(kāi)速度,又可以節(jié)約你的服務(wù)器流量。
10、網(wǎng)頁(yè)壓縮技術(shù)。
對(duì)于網(wǎng)頁(yè)壓縮而言,相信各位站長(zhǎng)都比較熟悉,主要是啟用服務(wù)器Gzip,對(duì)頁(yè)面Gzip壓縮,減少元素的體積,從而減少數(shù)據(jù)的傳輸,進(jìn)而提高網(wǎng)頁(yè)的加載速度,這個(gè)功能需要你的服務(wù)器的支持,GZIP壓縮一般能對(duì)網(wǎng)頁(yè)進(jìn)行30%-80%的壓縮,是最重要的一種優(yōu)化效果。
總之,通過(guò)代碼優(yōu)化來(lái)起到網(wǎng)站優(yōu)化作用的方式還有很多,在這只是隨意的說(shuō)了其中比較常見(jiàn)的而已,希望大家能多多鉆研。
11、權(quán)重標(biāo)簽的使用。
典型的權(quán)重標(biāo)簽有H1,strong,b標(biāo)簽等,對(duì)想?yún)⑴c排名的重要關(guān)鍵詞使用權(quán)重標(biāo)簽,好處是向搜索引擎?zhèn)鬟f信號(hào):這個(gè)地方的關(guān)鍵詞很重要,需要區(qū)別對(duì)待,從而提升既定關(guān)鍵詞在搜索引擎的排序。
個(gè)人認(rèn)為網(wǎng)站頁(yè)面代碼的SEO優(yōu)化,不但可以提高網(wǎng)頁(yè)的打開(kāi)速度,還可以提升用戶的訪問(wèn)體驗(yàn),同時(shí)從SEO的角度來(lái)說(shuō),還可以提高蜘蛛的訪問(wèn)速度,有助于搜索引擎對(duì)網(wǎng)站的索引體驗(yàn)。
? 查看全部
網(wǎng)站上線前,需要對(duì)網(wǎng)站的代碼和標(biāo)簽做必要的處理,目的是提高優(yōu)化網(wǎng)站打開(kāi)速度,強(qiáng)調(diào)想要達(dá)成排名的關(guān)鍵詞。一個(gè)優(yōu)質(zhì)的網(wǎng)站,在代碼方面是優(yōu)秀的。本文提及了權(quán)重標(biāo)簽,如H1等,在合適的地方使用權(quán)重標(biāo)簽,能向搜索引擎?zhèn)鬟f友好性,是做seo的基本述求。seoer不一定懂得如何具體操作,但需要知曉代碼優(yōu)化原理,何處使用權(quán)重標(biāo)簽。專業(yè)人做專業(yè)事,效率會(huì)更高。
網(wǎng)站代碼和標(biāo)簽優(yōu)化的方法
作為一名網(wǎng)站SEO優(yōu)化人員,對(duì)于網(wǎng)站代碼必須要有所了解,這是做網(wǎng)站優(yōu)化的必備要素之一,網(wǎng)站推廣要想獲得好的績(jī)效,源代碼是很關(guān)鍵,挑剔的搜索引擎蜘蛛對(duì)于簡(jiǎn)潔的網(wǎng)站代碼是情有獨(dú)鐘的,這就需要我們對(duì)網(wǎng)站代碼進(jìn)行精簡(jiǎn)及優(yōu)化。
網(wǎng)頁(yè)的精簡(jiǎn)說(shuō)白了就是網(wǎng)站代碼優(yōu)化,去掉網(wǎng)站多余的代碼,以減少網(wǎng)站的大小,提高網(wǎng)站的加載速度和用戶體驗(yàn)。
網(wǎng)站代碼優(yōu)化是站長(zhǎng)必須要掌握的基本技能,這關(guān)系到搜索引擎蜘蛛是否會(huì)對(duì)你的網(wǎng)站感興趣,冗長(zhǎng)無(wú)用的代碼會(huì)讓蜘蛛很難理解,增加蜘蛛抓取網(wǎng)站的難度,同時(shí),網(wǎng)頁(yè)的精簡(jiǎn)還關(guān)系到網(wǎng)站的加載速度,對(duì)用戶體驗(yàn)至關(guān)重要。
1、HEAD部分代碼規(guī)范化。
HEAD部分代碼是搜索引擎爬行網(wǎng)站的入口部分,現(xiàn)在很多網(wǎng)站的頭部代碼都相當(dāng)統(tǒng)一化,刻板效應(yīng)明顯十足,這樣的網(wǎng)站代碼是像模板框架一樣是不被spider喜歡的,而我們要做的就是將網(wǎng)站的代碼規(guī)范化,建立起網(wǎng)站獨(dú)一無(wú)二的head部分,讓搜索引擎有新鮮感,這樣才能夠吸引spider爬行。
2、使用DIV+CSS分離布局網(wǎng)頁(yè)。
雖然現(xiàn)在div+css已經(jīng)很成熟了,但是很多網(wǎng)頁(yè)設(shè)計(jì)者可能考慮到網(wǎng)頁(yè)的兼容性以及布局的簡(jiǎn)易性還是使用老式的table布局,雖然table布局很方便,但是其弊端也是顯而易見(jiàn)的,那就是會(huì)大大增加網(wǎng)頁(yè)的大小,尤其是多層表格的嵌套,這種布局不僅會(huì)提升體積,同時(shí)如果嵌套數(shù)太多的話就會(huì)影響到搜索引擎的爬行,影響到站點(diǎn)的收錄。
另外,一些網(wǎng)站會(huì)使用外部文件,將css和js放在外部文件中,頁(yè)面html中只要放一樣代碼調(diào)用就可以了,有時(shí)候我們?nèi)ゲ榭吹囊恍┰次募a,會(huì)看到很多css代碼以及javasript代碼,將javascript放置在網(wǎng)站頁(yè)面的html文件中的最前面,而真正能用到得一些文字部分這被推倒了html的后面,個(gè)人認(rèn)為這種代碼都需要精簡(jiǎn)。
3、CSS代碼本身的優(yōu)化。
CSS是頁(yè)面效果呈現(xiàn)中非常重要的組成部分,它包括顏色、大小尺寸、背景和字體等。寫(xiě)CSS很簡(jiǎn)單很容易,但是要想寫(xiě)出精煉的CSS代碼還是有很多技巧的。
(1)、CSS位置
CSS說(shuō)明如果出現(xiàn)在網(wǎng)站之后,頁(yè)面需要重新渲染,打開(kāi)速度受到影響,所有css定義代碼的位置要放到網(wǎng)站之前。
(2)、css sprite技術(shù)
網(wǎng)站上的一些圖片可以采用css sprite技術(shù)進(jìn)行合并,減少加載請(qǐng)求次數(shù),從而提高網(wǎng)頁(yè)的加載速度。
(3)、CSS代碼優(yōu)化
通過(guò)對(duì)css代碼屬性的簡(jiǎn)寫(xiě)、移除多余的結(jié)構(gòu)(frameworks)和重設(shè)(resets)等一系列的方法和技巧來(lái)簡(jiǎn)化css代碼,減小css文件的大小。
(4)、盡量不要使用內(nèi)嵌式CSS
內(nèi)嵌式CSS分為兩種,一是在head區(qū)域的普通內(nèi)嵌式;二是在標(biāo)簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式CSS,無(wú)論是何種內(nèi)嵌CSS方式結(jié)果都會(huì)提升頁(yè)面的體積,對(duì)此,我們可以盡量使用外調(diào)式的CSS來(lái)為站點(diǎn)頁(yè)面的體積瘦身。
4、JS位置,大小等負(fù)面的優(yōu)化。
JS優(yōu)化與其他語(yǔ)言的優(yōu)化也仍然有相同之處,JS優(yōu)化的關(guān)鍵,仍然是要把精力放在最關(guān)鍵的地方,也就是瓶頸上,一般來(lái)說(shuō),瓶頸總是出現(xiàn)在大規(guī)模循環(huán)的地方,這倒不是說(shuō)循環(huán)本身有性能問(wèn)題,而是循環(huán)會(huì)迅速放大可能存在的性能問(wèn)題。
(1)、JS位置
網(wǎng)頁(yè)代碼中對(duì)js進(jìn)行優(yōu)化的時(shí)候,建議將JS放在頁(yè)面最后,這樣可以加快頁(yè)面打開(kāi)速度。
(2)、合并JS
合并相同域名下的js,通過(guò)減少網(wǎng)絡(luò)連接次數(shù)從而提高網(wǎng)頁(yè)的打開(kāi)速度。
(3)、LazyLoad(延遲加載)技術(shù)
Lazy Load是一個(gè)用JavaScript編寫(xiě)的jQuery插件,它可以延遲加載長(zhǎng)頁(yè)面中的圖片,在瀏覽器可視區(qū)域外的圖片不會(huì)被載入,直到用戶將頁(yè)面滾動(dòng)到它們所在的位置。
(4)、JS代碼外部的調(diào)用
我們知道當(dāng)前的搜索引擎還是不能夠識(shí)別JS代碼的,倘若在網(wǎng)站中出現(xiàn)大批量的js代碼網(wǎng)站在收錄上就會(huì)出現(xiàn)困難,而我們要做的就是將用到Javascript代碼用外部調(diào)用的形式放在網(wǎng)站中,這樣可以簡(jiǎn)化搜索引擎的工作,也不會(huì)在無(wú)形中衍生出無(wú)效代碼累及網(wǎng)站。
不僅如此,可以采用外部調(diào)用的還有css代碼,建站之初可以將網(wǎng)站的文字、顏色定義在css代碼文件中,盡量不要在頁(yè)面代碼內(nèi)出現(xiàn)過(guò)多的樣式代碼。
(5)、降低頁(yè)面對(duì)于JS的依賴性
現(xiàn)在來(lái)說(shuō),JS對(duì)于搜索引擎并不不友好,雖然有消息稱搜索引擎不會(huì)對(duì)JS有厭惡的情緒,但是多一事不如少一事,雖然JS可以制作出很多的效果,但是網(wǎng)頁(yè)中大量的JS將影響蜘蛛對(duì)頁(yè)面的抓取和增加網(wǎng)頁(yè)體積,尤其是頁(yè)面的關(guān)鍵位置如導(dǎo)航欄,盡量采用DIV+CSS的設(shè)計(jì)方法。
5、減少TABLE標(biāo)簽的使用。
table標(biāo)簽是現(xiàn)在大多數(shù)上線網(wǎng)站中最為常見(jiàn)的代碼形式,原因根本在于table在建立網(wǎng)站時(shí)比較快捷,但是這也就影響了網(wǎng)站的后期優(yōu)化。
相對(duì)于div+css布局的精簡(jiǎn)代碼網(wǎng)站來(lái)說(shuō),它的占位比較大,所以,在建站時(shí)候,盡量是少用表格,即便是要使用表格時(shí),嵌套式表格也要盡量少用,以免產(chǎn)生冗雜代碼。
那么,現(xiàn)在的網(wǎng)站用什么做呢?很多程序員第一想法就是采用CSS去做,采用CSS去排版,這種做法呢,就使頁(yè)面中的表格大大的降低了,但在我看來(lái),網(wǎng)站也不能沒(méi)有表格,有些事必須使用到得,使用表格本身沒(méi)什么,但是有很多網(wǎng)站都采用嵌套表格,一般這樣的表格形式會(huì)給網(wǎng)站產(chǎn)生大量的垃圾代碼,并且這些垃圾代碼都是沒(méi)有任何用處的代碼,這一類代碼也是我們網(wǎng)站需要精簡(jiǎn)的代碼之一。
6、代碼注釋省略的少量使用。
很多程序人員在編寫(xiě)代碼是都習(xí)慣在別人看不懂的地方給出一段注釋,這些代碼往往是為了幾個(gè)程序員之間的協(xié)同工作,對(duì)于外人以及搜索引擎來(lái)說(shuō)沒(méi)有任何用處,相反還會(huì)給搜索引擎蜘蛛帶來(lái)一定的困擾。
打開(kāi)頁(yè)面代碼我們經(jīng)常會(huì)看到一些注釋代碼,這是程序員為了表明代碼意義而做的注釋,其實(shí)這些打開(kāi)不必,因?yàn)閷?duì)于搜索引擎而言,它們是不存在任何意義的,只是會(huì)增加了頁(yè)面代碼的容量,這樣對(duì)于網(wǎng)站不會(huì)有什么利處,不如直接省略。
7、清除頁(yè)面中多余的代碼即精簡(jiǎn)代碼。
有的網(wǎng)站以為制作者的代碼書(shū)寫(xiě)習(xí)慣問(wèn)題,頁(yè)面會(huì)有很多空格代碼,比如:空格代碼、style和font重復(fù)定義的代碼,不要小看這些體積很小的代碼,積攢多了,也會(huì)使我們的網(wǎng)站異常的臃腫。
很多網(wǎng)站都是采用的DIV+CSS,在CSS中定義了文字的字體,顏色,以及頁(yè)面的排版,但是在網(wǎng)站的其他地方還用了以style以及font來(lái)再次定義字體字體,這些代碼完全沒(méi)有必要重復(fù)定義,屬于可以精簡(jiǎn)的代碼。
8、將html控制方式轉(zhuǎn)換為CSS控制。
很多網(wǎng)頁(yè)設(shè)計(jì)者習(xí)慣在標(biāo)簽內(nèi)對(duì)內(nèi)容進(jìn)行控制,比如img標(biāo)簽里通過(guò)width和height來(lái)控制圖片的大小,盡量將這些代碼轉(zhuǎn)換成外調(diào)式的CSS,使網(wǎng)頁(yè)代碼更加的瘦身。
9、緩存靜態(tài)資源。
通過(guò)設(shè)置瀏覽器緩存,將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端,這樣同一訪客再次訪問(wèn)你的網(wǎng)站的時(shí)候,瀏覽器就可以從瀏覽器的緩存中獲取css、js等,而不必每次都從你的服務(wù)器讀取,這樣在一定程度上加快了網(wǎng)站的打開(kāi)速度,又可以節(jié)約你的服務(wù)器流量。
10、網(wǎng)頁(yè)壓縮技術(shù)。
對(duì)于網(wǎng)頁(yè)壓縮而言,相信各位站長(zhǎng)都比較熟悉,主要是啟用服務(wù)器Gzip,對(duì)頁(yè)面Gzip壓縮,減少元素的體積,從而減少數(shù)據(jù)的傳輸,進(jìn)而提高網(wǎng)頁(yè)的加載速度,這個(gè)功能需要你的服務(wù)器的支持,GZIP壓縮一般能對(duì)網(wǎng)頁(yè)進(jìn)行30%-80%的壓縮,是最重要的一種優(yōu)化效果。
總之,通過(guò)代碼優(yōu)化來(lái)起到網(wǎng)站優(yōu)化作用的方式還有很多,在這只是隨意的說(shuō)了其中比較常見(jiàn)的而已,希望大家能多多鉆研。
11、權(quán)重標(biāo)簽的使用。
典型的權(quán)重標(biāo)簽有H1,strong,b標(biāo)簽等,對(duì)想?yún)⑴c排名的重要關(guān)鍵詞使用權(quán)重標(biāo)簽,好處是向搜索引擎?zhèn)鬟f信號(hào):這個(gè)地方的關(guān)鍵詞很重要,需要區(qū)別對(duì)待,從而提升既定關(guān)鍵詞在搜索引擎的排序。
個(gè)人認(rèn)為網(wǎng)站頁(yè)面代碼的SEO優(yōu)化,不但可以提高網(wǎng)頁(yè)的打開(kāi)速度,還可以提升用戶的訪問(wèn)體驗(yàn),同時(shí)從SEO的角度來(lái)說(shuō),還可以提高蜘蛛的訪問(wèn)速度,有助于搜索引擎對(duì)網(wǎng)站的索引體驗(yàn)。
?
網(wǎng)站代碼和標(biāo)簽優(yōu)化的方法
作為一名網(wǎng)站SEO優(yōu)化人員,對(duì)于網(wǎng)站代碼必須要有所了解,這是做網(wǎng)站優(yōu)化的必備要素之一,網(wǎng)站推廣要想獲得好的績(jī)效,源代碼是很關(guān)鍵,挑剔的搜索引擎蜘蛛對(duì)于簡(jiǎn)潔的網(wǎng)站代碼是情有獨(dú)鐘的,這就需要我們對(duì)網(wǎng)站代碼進(jìn)行精簡(jiǎn)及優(yōu)化。
網(wǎng)頁(yè)的精簡(jiǎn)說(shuō)白了就是網(wǎng)站代碼優(yōu)化,去掉網(wǎng)站多余的代碼,以減少網(wǎng)站的大小,提高網(wǎng)站的加載速度和用戶體驗(yàn)。
網(wǎng)站代碼優(yōu)化是站長(zhǎng)必須要掌握的基本技能,這關(guān)系到搜索引擎蜘蛛是否會(huì)對(duì)你的網(wǎng)站感興趣,冗長(zhǎng)無(wú)用的代碼會(huì)讓蜘蛛很難理解,增加蜘蛛抓取網(wǎng)站的難度,同時(shí),網(wǎng)頁(yè)的精簡(jiǎn)還關(guān)系到網(wǎng)站的加載速度,對(duì)用戶體驗(yàn)至關(guān)重要。
1、HEAD部分代碼規(guī)范化。
HEAD部分代碼是搜索引擎爬行網(wǎng)站的入口部分,現(xiàn)在很多網(wǎng)站的頭部代碼都相當(dāng)統(tǒng)一化,刻板效應(yīng)明顯十足,這樣的網(wǎng)站代碼是像模板框架一樣是不被spider喜歡的,而我們要做的就是將網(wǎng)站的代碼規(guī)范化,建立起網(wǎng)站獨(dú)一無(wú)二的head部分,讓搜索引擎有新鮮感,這樣才能夠吸引spider爬行。
2、使用DIV+CSS分離布局網(wǎng)頁(yè)。
雖然現(xiàn)在div+css已經(jīng)很成熟了,但是很多網(wǎng)頁(yè)設(shè)計(jì)者可能考慮到網(wǎng)頁(yè)的兼容性以及布局的簡(jiǎn)易性還是使用老式的table布局,雖然table布局很方便,但是其弊端也是顯而易見(jiàn)的,那就是會(huì)大大增加網(wǎng)頁(yè)的大小,尤其是多層表格的嵌套,這種布局不僅會(huì)提升體積,同時(shí)如果嵌套數(shù)太多的話就會(huì)影響到搜索引擎的爬行,影響到站點(diǎn)的收錄。
另外,一些網(wǎng)站會(huì)使用外部文件,將css和js放在外部文件中,頁(yè)面html中只要放一樣代碼調(diào)用就可以了,有時(shí)候我們?nèi)ゲ榭吹囊恍┰次募a,會(huì)看到很多css代碼以及javasript代碼,將javascript放置在網(wǎng)站頁(yè)面的html文件中的最前面,而真正能用到得一些文字部分這被推倒了html的后面,個(gè)人認(rèn)為這種代碼都需要精簡(jiǎn)。
3、CSS代碼本身的優(yōu)化。
CSS是頁(yè)面效果呈現(xiàn)中非常重要的組成部分,它包括顏色、大小尺寸、背景和字體等。寫(xiě)CSS很簡(jiǎn)單很容易,但是要想寫(xiě)出精煉的CSS代碼還是有很多技巧的。
(1)、CSS位置
CSS說(shuō)明如果出現(xiàn)在網(wǎng)站之后,頁(yè)面需要重新渲染,打開(kāi)速度受到影響,所有css定義代碼的位置要放到網(wǎng)站之前。
(2)、css sprite技術(shù)
網(wǎng)站上的一些圖片可以采用css sprite技術(shù)進(jìn)行合并,減少加載請(qǐng)求次數(shù),從而提高網(wǎng)頁(yè)的加載速度。
(3)、CSS代碼優(yōu)化
通過(guò)對(duì)css代碼屬性的簡(jiǎn)寫(xiě)、移除多余的結(jié)構(gòu)(frameworks)和重設(shè)(resets)等一系列的方法和技巧來(lái)簡(jiǎn)化css代碼,減小css文件的大小。
(4)、盡量不要使用內(nèi)嵌式CSS
內(nèi)嵌式CSS分為兩種,一是在head區(qū)域的普通內(nèi)嵌式;二是在標(biāo)簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式CSS,無(wú)論是何種內(nèi)嵌CSS方式結(jié)果都會(huì)提升頁(yè)面的體積,對(duì)此,我們可以盡量使用外調(diào)式的CSS來(lái)為站點(diǎn)頁(yè)面的體積瘦身。
4、JS位置,大小等負(fù)面的優(yōu)化。
JS優(yōu)化與其他語(yǔ)言的優(yōu)化也仍然有相同之處,JS優(yōu)化的關(guān)鍵,仍然是要把精力放在最關(guān)鍵的地方,也就是瓶頸上,一般來(lái)說(shuō),瓶頸總是出現(xiàn)在大規(guī)模循環(huán)的地方,這倒不是說(shuō)循環(huán)本身有性能問(wèn)題,而是循環(huán)會(huì)迅速放大可能存在的性能問(wèn)題。
(1)、JS位置
網(wǎng)頁(yè)代碼中對(duì)js進(jìn)行優(yōu)化的時(shí)候,建議將JS放在頁(yè)面最后,這樣可以加快頁(yè)面打開(kāi)速度。
(2)、合并JS
合并相同域名下的js,通過(guò)減少網(wǎng)絡(luò)連接次數(shù)從而提高網(wǎng)頁(yè)的打開(kāi)速度。
(3)、LazyLoad(延遲加載)技術(shù)
Lazy Load是一個(gè)用JavaScript編寫(xiě)的jQuery插件,它可以延遲加載長(zhǎng)頁(yè)面中的圖片,在瀏覽器可視區(qū)域外的圖片不會(huì)被載入,直到用戶將頁(yè)面滾動(dòng)到它們所在的位置。
(4)、JS代碼外部的調(diào)用
我們知道當(dāng)前的搜索引擎還是不能夠識(shí)別JS代碼的,倘若在網(wǎng)站中出現(xiàn)大批量的js代碼網(wǎng)站在收錄上就會(huì)出現(xiàn)困難,而我們要做的就是將用到Javascript代碼用外部調(diào)用的形式放在網(wǎng)站中,這樣可以簡(jiǎn)化搜索引擎的工作,也不會(huì)在無(wú)形中衍生出無(wú)效代碼累及網(wǎng)站。
不僅如此,可以采用外部調(diào)用的還有css代碼,建站之初可以將網(wǎng)站的文字、顏色定義在css代碼文件中,盡量不要在頁(yè)面代碼內(nèi)出現(xiàn)過(guò)多的樣式代碼。
(5)、降低頁(yè)面對(duì)于JS的依賴性
現(xiàn)在來(lái)說(shuō),JS對(duì)于搜索引擎并不不友好,雖然有消息稱搜索引擎不會(huì)對(duì)JS有厭惡的情緒,但是多一事不如少一事,雖然JS可以制作出很多的效果,但是網(wǎng)頁(yè)中大量的JS將影響蜘蛛對(duì)頁(yè)面的抓取和增加網(wǎng)頁(yè)體積,尤其是頁(yè)面的關(guān)鍵位置如導(dǎo)航欄,盡量采用DIV+CSS的設(shè)計(jì)方法。
5、減少TABLE標(biāo)簽的使用。
table標(biāo)簽是現(xiàn)在大多數(shù)上線網(wǎng)站中最為常見(jiàn)的代碼形式,原因根本在于table在建立網(wǎng)站時(shí)比較快捷,但是這也就影響了網(wǎng)站的后期優(yōu)化。
相對(duì)于div+css布局的精簡(jiǎn)代碼網(wǎng)站來(lái)說(shuō),它的占位比較大,所以,在建站時(shí)候,盡量是少用表格,即便是要使用表格時(shí),嵌套式表格也要盡量少用,以免產(chǎn)生冗雜代碼。
那么,現(xiàn)在的網(wǎng)站用什么做呢?很多程序員第一想法就是采用CSS去做,采用CSS去排版,這種做法呢,就使頁(yè)面中的表格大大的降低了,但在我看來(lái),網(wǎng)站也不能沒(méi)有表格,有些事必須使用到得,使用表格本身沒(méi)什么,但是有很多網(wǎng)站都采用嵌套表格,一般這樣的表格形式會(huì)給網(wǎng)站產(chǎn)生大量的垃圾代碼,并且這些垃圾代碼都是沒(méi)有任何用處的代碼,這一類代碼也是我們網(wǎng)站需要精簡(jiǎn)的代碼之一。
6、代碼注釋省略的少量使用。
很多程序人員在編寫(xiě)代碼是都習(xí)慣在別人看不懂的地方給出一段注釋,這些代碼往往是為了幾個(gè)程序員之間的協(xié)同工作,對(duì)于外人以及搜索引擎來(lái)說(shuō)沒(méi)有任何用處,相反還會(huì)給搜索引擎蜘蛛帶來(lái)一定的困擾。
打開(kāi)頁(yè)面代碼我們經(jīng)常會(huì)看到一些注釋代碼,這是程序員為了表明代碼意義而做的注釋,其實(shí)這些打開(kāi)不必,因?yàn)閷?duì)于搜索引擎而言,它們是不存在任何意義的,只是會(huì)增加了頁(yè)面代碼的容量,這樣對(duì)于網(wǎng)站不會(huì)有什么利處,不如直接省略。
7、清除頁(yè)面中多余的代碼即精簡(jiǎn)代碼。
有的網(wǎng)站以為制作者的代碼書(shū)寫(xiě)習(xí)慣問(wèn)題,頁(yè)面會(huì)有很多空格代碼,比如:空格代碼、style和font重復(fù)定義的代碼,不要小看這些體積很小的代碼,積攢多了,也會(huì)使我們的網(wǎng)站異常的臃腫。
很多網(wǎng)站都是采用的DIV+CSS,在CSS中定義了文字的字體,顏色,以及頁(yè)面的排版,但是在網(wǎng)站的其他地方還用了以style以及font來(lái)再次定義字體字體,這些代碼完全沒(méi)有必要重復(fù)定義,屬于可以精簡(jiǎn)的代碼。
8、將html控制方式轉(zhuǎn)換為CSS控制。
很多網(wǎng)頁(yè)設(shè)計(jì)者習(xí)慣在標(biāo)簽內(nèi)對(duì)內(nèi)容進(jìn)行控制,比如img標(biāo)簽里通過(guò)width和height來(lái)控制圖片的大小,盡量將這些代碼轉(zhuǎn)換成外調(diào)式的CSS,使網(wǎng)頁(yè)代碼更加的瘦身。
9、緩存靜態(tài)資源。
通過(guò)設(shè)置瀏覽器緩存,將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端,這樣同一訪客再次訪問(wèn)你的網(wǎng)站的時(shí)候,瀏覽器就可以從瀏覽器的緩存中獲取css、js等,而不必每次都從你的服務(wù)器讀取,這樣在一定程度上加快了網(wǎng)站的打開(kāi)速度,又可以節(jié)約你的服務(wù)器流量。
10、網(wǎng)頁(yè)壓縮技術(shù)。
對(duì)于網(wǎng)頁(yè)壓縮而言,相信各位站長(zhǎng)都比較熟悉,主要是啟用服務(wù)器Gzip,對(duì)頁(yè)面Gzip壓縮,減少元素的體積,從而減少數(shù)據(jù)的傳輸,進(jìn)而提高網(wǎng)頁(yè)的加載速度,這個(gè)功能需要你的服務(wù)器的支持,GZIP壓縮一般能對(duì)網(wǎng)頁(yè)進(jìn)行30%-80%的壓縮,是最重要的一種優(yōu)化效果。
總之,通過(guò)代碼優(yōu)化來(lái)起到網(wǎng)站優(yōu)化作用的方式還有很多,在這只是隨意的說(shuō)了其中比較常見(jiàn)的而已,希望大家能多多鉆研。
11、權(quán)重標(biāo)簽的使用。
典型的權(quán)重標(biāo)簽有H1,strong,b標(biāo)簽等,對(duì)想?yún)⑴c排名的重要關(guān)鍵詞使用權(quán)重標(biāo)簽,好處是向搜索引擎?zhèn)鬟f信號(hào):這個(gè)地方的關(guān)鍵詞很重要,需要區(qū)別對(duì)待,從而提升既定關(guān)鍵詞在搜索引擎的排序。
個(gè)人認(rèn)為網(wǎng)站頁(yè)面代碼的SEO優(yōu)化,不但可以提高網(wǎng)頁(yè)的打開(kāi)速度,還可以提升用戶的訪問(wèn)體驗(yàn),同時(shí)從SEO的角度來(lái)說(shuō),還可以提高蜘蛛的訪問(wèn)速度,有助于搜索引擎對(duì)網(wǎng)站的索引體驗(yàn)。
?
站內(nèi)優(yōu)化+站外優(yōu)化推廣=網(wǎng)站優(yōu)化
SEO ? 會(huì)飛的大餅 發(fā)表了文章 ? 0 個(gè)評(píng)論 ? 3577 次瀏覽 ? 2018-03-21 09:45
一、站內(nèi)優(yōu)化的內(nèi)容
1、把自己想成用戶,想想用戶會(huì)怎樣搜索關(guān)鍵詞,結(jié)合自己行業(yè),定位好自己的網(wǎng)站,是否滿足了用戶的需求;
2、然后檢查一下域名,域名最好是全英文的域名,域名最好跟網(wǎng)站主要關(guān)鍵詞一致,域名里最好不要用特殊符號(hào)或漢字域名,然后檢查網(wǎng)站的打開(kāi)速度,如果速度過(guò)慢,建議使用好一點(diǎn)的空間;
3、看自己的網(wǎng)站的布局,是不是滿足用戶體驗(yàn)需求,用戶是否第一時(shí)間就能找到他想要的內(nèi)容;
4、Meta標(biāo)簽優(yōu)化例如網(wǎng)站標(biāo)題(title),關(guān)鍵詞(keywords),網(wǎng)站描述(description),目標(biāo)關(guān)鍵詞以及長(zhǎng)尾關(guān)鍵詞等的優(yōu)化;
5、看每篇文章或者帖子的內(nèi)容,看看是不是跟標(biāo)題息息相關(guān),是否是用戶想要的,現(xiàn)在搜索引擎屬于內(nèi)容過(guò)剩時(shí)代,要求更多的原創(chuàng)內(nèi)容,所以從別人那里照搬硬搬過(guò)來(lái)的內(nèi)容,想要有好排名那是很難的;如果要用別人的內(nèi)容,一定要做差異化修改,同質(zhì)化不要超過(guò)40%,垃圾內(nèi)容絕不要放,頁(yè)面要求圖文并茂,頁(yè)面排版精美,可以提高頁(yè)面分?jǐn)?shù);
6、網(wǎng)站里的每一張圖片有沒(méi)有做alt屬性(替換文本),視頻有沒(méi)有做相應(yīng)的文字介紹等等;
7、每一個(gè)文章頁(yè)面還要分析用戶的心理需求,做相對(duì)應(yīng)的內(nèi)鏈優(yōu)化,盡可能多的留下用戶,提高用戶瀏覽停留時(shí)間;
8、網(wǎng)站整體的檢查,查看網(wǎng)站有沒(méi)有死鏈,有的話盡快修改,每個(gè)頁(yè)面的鏈接也要優(yōu)化,層級(jí)盡可能的簡(jiǎn)短,動(dòng)態(tài)鏈接要做相應(yīng)的偽靜態(tài)處理,做404頁(yè)面優(yōu)化,robots協(xié)議等等。
二、站外優(yōu)化的內(nèi)容
1、做高質(zhì)量的外鏈優(yōu)化,外鏈操作不能一把抓過(guò)來(lái),一定是高質(zhì)量的外鏈和網(wǎng)站內(nèi)容相關(guān)的,增加網(wǎng)站的點(diǎn)擊率;
2、加入一定高質(zhì)量的友情鏈接,增加網(wǎng)站的曝光率,避免垃圾友鏈;
3、百度站長(zhǎng)做推廣,提交網(wǎng)站內(nèi)容,提高網(wǎng)站內(nèi)容收錄量;
4、到各個(gè)平臺(tái)去推廣自己的網(wǎng)站,比如百度貼吧、新浪博客、網(wǎng)易博客、天涯論壇、相應(yīng)的qq群等做推廣,吸引更多的用戶。
最后一點(diǎn)SEO在于堅(jiān)持,在于不斷學(xué)習(xí),因?yàn)樗阉饕娴乃惴ú粩嗟母伦兓?,需要不斷學(xué)習(xí)跟上排名算法的步伐。
? 查看全部
1、把自己想成用戶,想想用戶會(huì)怎樣搜索關(guān)鍵詞,結(jié)合自己行業(yè),定位好自己的網(wǎng)站,是否滿足了用戶的需求;
2、然后檢查一下域名,域名最好是全英文的域名,域名最好跟網(wǎng)站主要關(guān)鍵詞一致,域名里最好不要用特殊符號(hào)或漢字域名,然后檢查網(wǎng)站的打開(kāi)速度,如果速度過(guò)慢,建議使用好一點(diǎn)的空間;
3、看自己的網(wǎng)站的布局,是不是滿足用戶體驗(yàn)需求,用戶是否第一時(shí)間就能找到他想要的內(nèi)容;
4、Meta標(biāo)簽優(yōu)化例如網(wǎng)站標(biāo)題(title),關(guān)鍵詞(keywords),網(wǎng)站描述(description),目標(biāo)關(guān)鍵詞以及長(zhǎng)尾關(guān)鍵詞等的優(yōu)化;
5、看每篇文章或者帖子的內(nèi)容,看看是不是跟標(biāo)題息息相關(guān),是否是用戶想要的,現(xiàn)在搜索引擎屬于內(nèi)容過(guò)剩時(shí)代,要求更多的原創(chuàng)內(nèi)容,所以從別人那里照搬硬搬過(guò)來(lái)的內(nèi)容,想要有好排名那是很難的;如果要用別人的內(nèi)容,一定要做差異化修改,同質(zhì)化不要超過(guò)40%,垃圾內(nèi)容絕不要放,頁(yè)面要求圖文并茂,頁(yè)面排版精美,可以提高頁(yè)面分?jǐn)?shù);
6、網(wǎng)站里的每一張圖片有沒(méi)有做alt屬性(替換文本),視頻有沒(méi)有做相應(yīng)的文字介紹等等;
7、每一個(gè)文章頁(yè)面還要分析用戶的心理需求,做相對(duì)應(yīng)的內(nèi)鏈優(yōu)化,盡可能多的留下用戶,提高用戶瀏覽停留時(shí)間;
8、網(wǎng)站整體的檢查,查看網(wǎng)站有沒(méi)有死鏈,有的話盡快修改,每個(gè)頁(yè)面的鏈接也要優(yōu)化,層級(jí)盡可能的簡(jiǎn)短,動(dòng)態(tài)鏈接要做相應(yīng)的偽靜態(tài)處理,做404頁(yè)面優(yōu)化,robots協(xié)議等等。
二、站外優(yōu)化的內(nèi)容
1、做高質(zhì)量的外鏈優(yōu)化,外鏈操作不能一把抓過(guò)來(lái),一定是高質(zhì)量的外鏈和網(wǎng)站內(nèi)容相關(guān)的,增加網(wǎng)站的點(diǎn)擊率;
2、加入一定高質(zhì)量的友情鏈接,增加網(wǎng)站的曝光率,避免垃圾友鏈;
3、百度站長(zhǎng)做推廣,提交網(wǎng)站內(nèi)容,提高網(wǎng)站內(nèi)容收錄量;
4、到各個(gè)平臺(tái)去推廣自己的網(wǎng)站,比如百度貼吧、新浪博客、網(wǎng)易博客、天涯論壇、相應(yīng)的qq群等做推廣,吸引更多的用戶。
最后一點(diǎn)SEO在于堅(jiān)持,在于不斷學(xué)習(xí),因?yàn)樗阉饕娴乃惴ú粩嗟母伦兓?,需要不斷學(xué)習(xí)跟上排名算法的步伐。
? 查看全部
一、站內(nèi)優(yōu)化的內(nèi)容
1、把自己想成用戶,想想用戶會(huì)怎樣搜索關(guān)鍵詞,結(jié)合自己行業(yè),定位好自己的網(wǎng)站,是否滿足了用戶的需求;
2、然后檢查一下域名,域名最好是全英文的域名,域名最好跟網(wǎng)站主要關(guān)鍵詞一致,域名里最好不要用特殊符號(hào)或漢字域名,然后檢查網(wǎng)站的打開(kāi)速度,如果速度過(guò)慢,建議使用好一點(diǎn)的空間;
3、看自己的網(wǎng)站的布局,是不是滿足用戶體驗(yàn)需求,用戶是否第一時(shí)間就能找到他想要的內(nèi)容;
4、Meta標(biāo)簽優(yōu)化例如網(wǎng)站標(biāo)題(title),關(guān)鍵詞(keywords),網(wǎng)站描述(description),目標(biāo)關(guān)鍵詞以及長(zhǎng)尾關(guān)鍵詞等的優(yōu)化;
5、看每篇文章或者帖子的內(nèi)容,看看是不是跟標(biāo)題息息相關(guān),是否是用戶想要的,現(xiàn)在搜索引擎屬于內(nèi)容過(guò)剩時(shí)代,要求更多的原創(chuàng)內(nèi)容,所以從別人那里照搬硬搬過(guò)來(lái)的內(nèi)容,想要有好排名那是很難的;如果要用別人的內(nèi)容,一定要做差異化修改,同質(zhì)化不要超過(guò)40%,垃圾內(nèi)容絕不要放,頁(yè)面要求圖文并茂,頁(yè)面排版精美,可以提高頁(yè)面分?jǐn)?shù);
6、網(wǎng)站里的每一張圖片有沒(méi)有做alt屬性(替換文本),視頻有沒(méi)有做相應(yīng)的文字介紹等等;
7、每一個(gè)文章頁(yè)面還要分析用戶的心理需求,做相對(duì)應(yīng)的內(nèi)鏈優(yōu)化,盡可能多的留下用戶,提高用戶瀏覽停留時(shí)間;
8、網(wǎng)站整體的檢查,查看網(wǎng)站有沒(méi)有死鏈,有的話盡快修改,每個(gè)頁(yè)面的鏈接也要優(yōu)化,層級(jí)盡可能的簡(jiǎn)短,動(dòng)態(tài)鏈接要做相應(yīng)的偽靜態(tài)處理,做404頁(yè)面優(yōu)化,robots協(xié)議等等。
二、站外優(yōu)化的內(nèi)容
1、做高質(zhì)量的外鏈優(yōu)化,外鏈操作不能一把抓過(guò)來(lái),一定是高質(zhì)量的外鏈和網(wǎng)站內(nèi)容相關(guān)的,增加網(wǎng)站的點(diǎn)擊率;
2、加入一定高質(zhì)量的友情鏈接,增加網(wǎng)站的曝光率,避免垃圾友鏈;
3、百度站長(zhǎng)做推廣,提交網(wǎng)站內(nèi)容,提高網(wǎng)站內(nèi)容收錄量;
4、到各個(gè)平臺(tái)去推廣自己的網(wǎng)站,比如百度貼吧、新浪博客、網(wǎng)易博客、天涯論壇、相應(yīng)的qq群等做推廣,吸引更多的用戶。
最后一點(diǎn)SEO在于堅(jiān)持,在于不斷學(xué)習(xí),因?yàn)樗阉饕娴乃惴ú粩嗟母伦兓?,需要不斷學(xué)習(xí)跟上排名算法的步伐。
?
1、把自己想成用戶,想想用戶會(huì)怎樣搜索關(guān)鍵詞,結(jié)合自己行業(yè),定位好自己的網(wǎng)站,是否滿足了用戶的需求;
2、然后檢查一下域名,域名最好是全英文的域名,域名最好跟網(wǎng)站主要關(guān)鍵詞一致,域名里最好不要用特殊符號(hào)或漢字域名,然后檢查網(wǎng)站的打開(kāi)速度,如果速度過(guò)慢,建議使用好一點(diǎn)的空間;
3、看自己的網(wǎng)站的布局,是不是滿足用戶體驗(yàn)需求,用戶是否第一時(shí)間就能找到他想要的內(nèi)容;
4、Meta標(biāo)簽優(yōu)化例如網(wǎng)站標(biāo)題(title),關(guān)鍵詞(keywords),網(wǎng)站描述(description),目標(biāo)關(guān)鍵詞以及長(zhǎng)尾關(guān)鍵詞等的優(yōu)化;
5、看每篇文章或者帖子的內(nèi)容,看看是不是跟標(biāo)題息息相關(guān),是否是用戶想要的,現(xiàn)在搜索引擎屬于內(nèi)容過(guò)剩時(shí)代,要求更多的原創(chuàng)內(nèi)容,所以從別人那里照搬硬搬過(guò)來(lái)的內(nèi)容,想要有好排名那是很難的;如果要用別人的內(nèi)容,一定要做差異化修改,同質(zhì)化不要超過(guò)40%,垃圾內(nèi)容絕不要放,頁(yè)面要求圖文并茂,頁(yè)面排版精美,可以提高頁(yè)面分?jǐn)?shù);
6、網(wǎng)站里的每一張圖片有沒(méi)有做alt屬性(替換文本),視頻有沒(méi)有做相應(yīng)的文字介紹等等;
7、每一個(gè)文章頁(yè)面還要分析用戶的心理需求,做相對(duì)應(yīng)的內(nèi)鏈優(yōu)化,盡可能多的留下用戶,提高用戶瀏覽停留時(shí)間;
8、網(wǎng)站整體的檢查,查看網(wǎng)站有沒(méi)有死鏈,有的話盡快修改,每個(gè)頁(yè)面的鏈接也要優(yōu)化,層級(jí)盡可能的簡(jiǎn)短,動(dòng)態(tài)鏈接要做相應(yīng)的偽靜態(tài)處理,做404頁(yè)面優(yōu)化,robots協(xié)議等等。
二、站外優(yōu)化的內(nèi)容
1、做高質(zhì)量的外鏈優(yōu)化,外鏈操作不能一把抓過(guò)來(lái),一定是高質(zhì)量的外鏈和網(wǎng)站內(nèi)容相關(guān)的,增加網(wǎng)站的點(diǎn)擊率;
2、加入一定高質(zhì)量的友情鏈接,增加網(wǎng)站的曝光率,避免垃圾友鏈;
3、百度站長(zhǎng)做推廣,提交網(wǎng)站內(nèi)容,提高網(wǎng)站內(nèi)容收錄量;
4、到各個(gè)平臺(tái)去推廣自己的網(wǎng)站,比如百度貼吧、新浪博客、網(wǎng)易博客、天涯論壇、相應(yīng)的qq群等做推廣,吸引更多的用戶。
最后一點(diǎn)SEO在于堅(jiān)持,在于不斷學(xué)習(xí),因?yàn)樗阉饕娴乃惴ú粩嗟母伦兓?,需要不斷學(xué)習(xí)跟上排名算法的步伐。
?
站內(nèi)優(yōu)化:圖片該如何優(yōu)化有利排名
SEO ? vivilan 發(fā)表了文章 ? 0 個(gè)評(píng)論 ? 5124 次瀏覽 ? 2018-03-13 09:44
現(xiàn)在的營(yíng)銷型網(wǎng)站內(nèi)容非常的豐富,其中圖片就應(yīng)用了很多。我想大家都知道,圖片太多很容易影響網(wǎng)站的打開(kāi)速度,而且百度搜索引擎也不能識(shí)別圖片,這樣很容易影響網(wǎng)站的收錄情況和網(wǎng)站關(guān)鍵詞的排名。但是如果不用圖片的話,網(wǎng)站的整體審美觀也就不復(fù)存在了,那么這就牽扯到了營(yíng)銷型網(wǎng)站的圖片過(guò)多需要如何優(yōu)化?下面就和大家分享幾個(gè)有關(guān)圖片優(yōu)化的seo基礎(chǔ)小技巧。
第一個(gè),網(wǎng)站圖片不宜過(guò)多
營(yíng)銷型網(wǎng)站的圖片不宜過(guò)多,過(guò)多的圖片影響營(yíng)銷型網(wǎng)站的體積,網(wǎng)站的體積大了打開(kāi)速度就沒(méi)那么流暢了。一般頁(yè)面圖片不要超過(guò)三個(gè),這樣既能發(fā)揮圖片應(yīng)有的效果,還有可以保證網(wǎng)站的用戶體驗(yàn)。
第二個(gè),網(wǎng)站圖片不宜過(guò)大
放在網(wǎng)站上的圖片大小非常重要。圖片太大直接影響網(wǎng)站的打開(kāi)速度,因?yàn)閳D片大了加載速度就會(huì)變慢,但用戶打開(kāi)的時(shí)候,圖片半天加載不出來(lái),用戶看不到,這樣容易造成用戶的流失。圖片太小像素就會(huì)很低,這樣就不能發(fā)揮相應(yīng)的效果了。所以圖片的大小一定要結(jié)合自己網(wǎng)站的實(shí)際情況在上傳網(wǎng)站之前設(shè)置好相關(guān)的圖片尺寸,避免上傳之后在網(wǎng)站中調(diào)整圖片大小,造成圖片變形。
第三個(gè),圖片添加alt標(biāo)簽
眾所周知,搜索引擎不能識(shí)別圖片,所以給圖片添加alt標(biāo)簽的目的就是對(duì)圖片進(jìn)行描述。這樣當(dāng)百度蜘蛛在爬行到網(wǎng)站的時(shí)候就能輕松識(shí)別這樣圖片的內(nèi)容了。所以每張有效圖一定要添加上alt標(biāo)簽,標(biāo)簽中的描述要寫(xiě)完整。最好是用一段包含關(guān)鍵詞的短語(yǔ),這樣可以增加關(guān)鍵詞的密度,提升關(guān)鍵詞排名。
第四個(gè),網(wǎng)站圖片做好水印
上一段說(shuō)了在圖片上添加alt標(biāo)簽,有利于百度蜘蛛抓取,并且有利于被搜索引擎收錄。所以我們?cè)谔砑訄D片之前可以在圖片上面加上水印,這樣當(dāng)用戶在搜索圖片的時(shí)候,就會(huì)看到圖片上面添加的水印,既能很好的宣傳企業(yè),還能見(jiàn)證版權(quán)。注意:在打水印的是時(shí)候千萬(wàn)不要影響到用戶的體驗(yàn),否則適得其反。
第五個(gè),圖片要儲(chǔ)存在專門(mén)的文件夾中
圖片儲(chǔ)存在專門(mén)的文件夾中,既便于統(tǒng)一管理,并且這樣也有利于百度蜘蛛對(duì)圖片進(jìn)行抓取,提高圖片的搜索效果。
總結(jié):
現(xiàn)在營(yíng)銷型網(wǎng)站利用圖片是在所難免的,并不是說(shuō)采用圖片就不好,關(guān)鍵在于怎么去優(yōu)化。利用好了,營(yíng)銷型網(wǎng)站的價(jià)值就大,同時(shí)還可以幫助企業(yè)獲得更多的訂單。切記!!一定要滿足用戶體驗(yàn),符合搜索引擎的要求,這樣才能讓營(yíng)銷型網(wǎng)站獲得更好的排名及流量。
? 查看全部
第一個(gè),網(wǎng)站圖片不宜過(guò)多
營(yíng)銷型網(wǎng)站的圖片不宜過(guò)多,過(guò)多的圖片影響營(yíng)銷型網(wǎng)站的體積,網(wǎng)站的體積大了打開(kāi)速度就沒(méi)那么流暢了。一般頁(yè)面圖片不要超過(guò)三個(gè),這樣既能發(fā)揮圖片應(yīng)有的效果,還有可以保證網(wǎng)站的用戶體驗(yàn)。
第二個(gè),網(wǎng)站圖片不宜過(guò)大
放在網(wǎng)站上的圖片大小非常重要。圖片太大直接影響網(wǎng)站的打開(kāi)速度,因?yàn)閳D片大了加載速度就會(huì)變慢,但用戶打開(kāi)的時(shí)候,圖片半天加載不出來(lái),用戶看不到,這樣容易造成用戶的流失。圖片太小像素就會(huì)很低,這樣就不能發(fā)揮相應(yīng)的效果了。所以圖片的大小一定要結(jié)合自己網(wǎng)站的實(shí)際情況在上傳網(wǎng)站之前設(shè)置好相關(guān)的圖片尺寸,避免上傳之后在網(wǎng)站中調(diào)整圖片大小,造成圖片變形。
第三個(gè),圖片添加alt標(biāo)簽
眾所周知,搜索引擎不能識(shí)別圖片,所以給圖片添加alt標(biāo)簽的目的就是對(duì)圖片進(jìn)行描述。這樣當(dāng)百度蜘蛛在爬行到網(wǎng)站的時(shí)候就能輕松識(shí)別這樣圖片的內(nèi)容了。所以每張有效圖一定要添加上alt標(biāo)簽,標(biāo)簽中的描述要寫(xiě)完整。最好是用一段包含關(guān)鍵詞的短語(yǔ),這樣可以增加關(guān)鍵詞的密度,提升關(guān)鍵詞排名。
第四個(gè),網(wǎng)站圖片做好水印
上一段說(shuō)了在圖片上添加alt標(biāo)簽,有利于百度蜘蛛抓取,并且有利于被搜索引擎收錄。所以我們?cè)谔砑訄D片之前可以在圖片上面加上水印,這樣當(dāng)用戶在搜索圖片的時(shí)候,就會(huì)看到圖片上面添加的水印,既能很好的宣傳企業(yè),還能見(jiàn)證版權(quán)。注意:在打水印的是時(shí)候千萬(wàn)不要影響到用戶的體驗(yàn),否則適得其反。
第五個(gè),圖片要儲(chǔ)存在專門(mén)的文件夾中
圖片儲(chǔ)存在專門(mén)的文件夾中,既便于統(tǒng)一管理,并且這樣也有利于百度蜘蛛對(duì)圖片進(jìn)行抓取,提高圖片的搜索效果。
總結(jié):
現(xiàn)在營(yíng)銷型網(wǎng)站利用圖片是在所難免的,并不是說(shuō)采用圖片就不好,關(guān)鍵在于怎么去優(yōu)化。利用好了,營(yíng)銷型網(wǎng)站的價(jià)值就大,同時(shí)還可以幫助企業(yè)獲得更多的訂單。切記!!一定要滿足用戶體驗(yàn),符合搜索引擎的要求,這樣才能讓營(yíng)銷型網(wǎng)站獲得更好的排名及流量。
? 查看全部
現(xiàn)在的營(yíng)銷型網(wǎng)站內(nèi)容非常的豐富,其中圖片就應(yīng)用了很多。我想大家都知道,圖片太多很容易影響網(wǎng)站的打開(kāi)速度,而且百度搜索引擎也不能識(shí)別圖片,這樣很容易影響網(wǎng)站的收錄情況和網(wǎng)站關(guān)鍵詞的排名。但是如果不用圖片的話,網(wǎng)站的整體審美觀也就不復(fù)存在了,那么這就牽扯到了營(yíng)銷型網(wǎng)站的圖片過(guò)多需要如何優(yōu)化?下面就和大家分享幾個(gè)有關(guān)圖片優(yōu)化的seo基礎(chǔ)小技巧。
第一個(gè),網(wǎng)站圖片不宜過(guò)多
營(yíng)銷型網(wǎng)站的圖片不宜過(guò)多,過(guò)多的圖片影響營(yíng)銷型網(wǎng)站的體積,網(wǎng)站的體積大了打開(kāi)速度就沒(méi)那么流暢了。一般頁(yè)面圖片不要超過(guò)三個(gè),這樣既能發(fā)揮圖片應(yīng)有的效果,還有可以保證網(wǎng)站的用戶體驗(yàn)。
第二個(gè),網(wǎng)站圖片不宜過(guò)大
放在網(wǎng)站上的圖片大小非常重要。圖片太大直接影響網(wǎng)站的打開(kāi)速度,因?yàn)閳D片大了加載速度就會(huì)變慢,但用戶打開(kāi)的時(shí)候,圖片半天加載不出來(lái),用戶看不到,這樣容易造成用戶的流失。圖片太小像素就會(huì)很低,這樣就不能發(fā)揮相應(yīng)的效果了。所以圖片的大小一定要結(jié)合自己網(wǎng)站的實(shí)際情況在上傳網(wǎng)站之前設(shè)置好相關(guān)的圖片尺寸,避免上傳之后在網(wǎng)站中調(diào)整圖片大小,造成圖片變形。
第三個(gè),圖片添加alt標(biāo)簽
眾所周知,搜索引擎不能識(shí)別圖片,所以給圖片添加alt標(biāo)簽的目的就是對(duì)圖片進(jìn)行描述。這樣當(dāng)百度蜘蛛在爬行到網(wǎng)站的時(shí)候就能輕松識(shí)別這樣圖片的內(nèi)容了。所以每張有效圖一定要添加上alt標(biāo)簽,標(biāo)簽中的描述要寫(xiě)完整。最好是用一段包含關(guān)鍵詞的短語(yǔ),這樣可以增加關(guān)鍵詞的密度,提升關(guān)鍵詞排名。
第四個(gè),網(wǎng)站圖片做好水印
上一段說(shuō)了在圖片上添加alt標(biāo)簽,有利于百度蜘蛛抓取,并且有利于被搜索引擎收錄。所以我們?cè)谔砑訄D片之前可以在圖片上面加上水印,這樣當(dāng)用戶在搜索圖片的時(shí)候,就會(huì)看到圖片上面添加的水印,既能很好的宣傳企業(yè),還能見(jiàn)證版權(quán)。注意:在打水印的是時(shí)候千萬(wàn)不要影響到用戶的體驗(yàn),否則適得其反。
第五個(gè),圖片要儲(chǔ)存在專門(mén)的文件夾中
圖片儲(chǔ)存在專門(mén)的文件夾中,既便于統(tǒng)一管理,并且這樣也有利于百度蜘蛛對(duì)圖片進(jìn)行抓取,提高圖片的搜索效果。
總結(jié):
現(xiàn)在營(yíng)銷型網(wǎng)站利用圖片是在所難免的,并不是說(shuō)采用圖片就不好,關(guān)鍵在于怎么去優(yōu)化。利用好了,營(yíng)銷型網(wǎng)站的價(jià)值就大,同時(shí)還可以幫助企業(yè)獲得更多的訂單。切記!!一定要滿足用戶體驗(yàn),符合搜索引擎的要求,這樣才能讓營(yíng)銷型網(wǎng)站獲得更好的排名及流量。
?
第一個(gè),網(wǎng)站圖片不宜過(guò)多
營(yíng)銷型網(wǎng)站的圖片不宜過(guò)多,過(guò)多的圖片影響營(yíng)銷型網(wǎng)站的體積,網(wǎng)站的體積大了打開(kāi)速度就沒(méi)那么流暢了。一般頁(yè)面圖片不要超過(guò)三個(gè),這樣既能發(fā)揮圖片應(yīng)有的效果,還有可以保證網(wǎng)站的用戶體驗(yàn)。
第二個(gè),網(wǎng)站圖片不宜過(guò)大
放在網(wǎng)站上的圖片大小非常重要。圖片太大直接影響網(wǎng)站的打開(kāi)速度,因?yàn)閳D片大了加載速度就會(huì)變慢,但用戶打開(kāi)的時(shí)候,圖片半天加載不出來(lái),用戶看不到,這樣容易造成用戶的流失。圖片太小像素就會(huì)很低,這樣就不能發(fā)揮相應(yīng)的效果了。所以圖片的大小一定要結(jié)合自己網(wǎng)站的實(shí)際情況在上傳網(wǎng)站之前設(shè)置好相關(guān)的圖片尺寸,避免上傳之后在網(wǎng)站中調(diào)整圖片大小,造成圖片變形。
第三個(gè),圖片添加alt標(biāo)簽
眾所周知,搜索引擎不能識(shí)別圖片,所以給圖片添加alt標(biāo)簽的目的就是對(duì)圖片進(jìn)行描述。這樣當(dāng)百度蜘蛛在爬行到網(wǎng)站的時(shí)候就能輕松識(shí)別這樣圖片的內(nèi)容了。所以每張有效圖一定要添加上alt標(biāo)簽,標(biāo)簽中的描述要寫(xiě)完整。最好是用一段包含關(guān)鍵詞的短語(yǔ),這樣可以增加關(guān)鍵詞的密度,提升關(guān)鍵詞排名。
第四個(gè),網(wǎng)站圖片做好水印
上一段說(shuō)了在圖片上添加alt標(biāo)簽,有利于百度蜘蛛抓取,并且有利于被搜索引擎收錄。所以我們?cè)谔砑訄D片之前可以在圖片上面加上水印,這樣當(dāng)用戶在搜索圖片的時(shí)候,就會(huì)看到圖片上面添加的水印,既能很好的宣傳企業(yè),還能見(jiàn)證版權(quán)。注意:在打水印的是時(shí)候千萬(wàn)不要影響到用戶的體驗(yàn),否則適得其反。
第五個(gè),圖片要儲(chǔ)存在專門(mén)的文件夾中
圖片儲(chǔ)存在專門(mén)的文件夾中,既便于統(tǒng)一管理,并且這樣也有利于百度蜘蛛對(duì)圖片進(jìn)行抓取,提高圖片的搜索效果。
總結(jié):
現(xiàn)在營(yíng)銷型網(wǎng)站利用圖片是在所難免的,并不是說(shuō)采用圖片就不好,關(guān)鍵在于怎么去優(yōu)化。利用好了,營(yíng)銷型網(wǎng)站的價(jià)值就大,同時(shí)還可以幫助企業(yè)獲得更多的訂單。切記!!一定要滿足用戶體驗(yàn),符合搜索引擎的要求,這樣才能讓營(yíng)銷型網(wǎng)站獲得更好的排名及流量。
?
站內(nèi)優(yōu)化:代碼優(yōu)化和標(biāo)簽優(yōu)化對(duì)網(wǎng)站的重要性
SEO ? Miss . lemon 發(fā)表了文章 ? 0 個(gè)評(píng)論 ? 8789 次瀏覽 ? 2018-03-13 09:42
網(wǎng)站上線前,需要對(duì)網(wǎng)站的代碼和標(biāo)簽做必要的處理,目的是提高優(yōu)化網(wǎng)站打開(kāi)速度,強(qiáng)調(diào)想要達(dá)成排名的關(guān)鍵詞。一個(gè)優(yōu)質(zhì)的網(wǎng)站,在代碼方面是優(yōu)秀的。本文提及了權(quán)重標(biāo)簽,如H1等,在合適的地方使用權(quán)重標(biāo)簽,能向搜索引擎?zhèn)鬟f友好性,是做seo的基本述求。seoer不一定懂得如何具體操作,但需要知曉代碼優(yōu)化原理,何處使用權(quán)重標(biāo)簽。專業(yè)人做專業(yè)事,效率會(huì)更高。
網(wǎng)站代碼和標(biāo)簽優(yōu)化的方法
作為一名網(wǎng)站SEO優(yōu)化人員,對(duì)于網(wǎng)站代碼必須要有所了解,這是做網(wǎng)站優(yōu)化的必備要素之一,網(wǎng)站推廣要想獲得好的績(jī)效,源代碼是很關(guān)鍵,挑剔的搜索引擎蜘蛛對(duì)于簡(jiǎn)潔的網(wǎng)站代碼是情有獨(dú)鐘的,這就需要我們對(duì)網(wǎng)站代碼進(jìn)行精簡(jiǎn)及優(yōu)化。
網(wǎng)頁(yè)的精簡(jiǎn)說(shuō)白了就是網(wǎng)站代碼優(yōu)化,去掉網(wǎng)站多余的代碼,以減少網(wǎng)站的大小,提高網(wǎng)站的加載速度和用戶體驗(yàn)。
網(wǎng)站代碼優(yōu)化是站長(zhǎng)必須要掌握的基本技能,這關(guān)系到搜索引擎蜘蛛是否會(huì)對(duì)你的網(wǎng)站感興趣,冗長(zhǎng)無(wú)用的代碼會(huì)讓蜘蛛很難理解,增加蜘蛛抓取網(wǎng)站的難度,同時(shí),網(wǎng)頁(yè)的精簡(jiǎn)還關(guān)系到網(wǎng)站的加載速度,對(duì)用戶體驗(yàn)至關(guān)重要。
1、HEAD部分代碼規(guī)范化。
HEAD部分代碼是搜索引擎爬行網(wǎng)站的入口部分,現(xiàn)在很多網(wǎng)站的頭部代碼都相當(dāng)統(tǒng)一化,刻板效應(yīng)明顯十足,這樣的網(wǎng)站代碼是像模板框架一樣是不被spider喜歡的,而我們要做的就是將網(wǎng)站的代碼規(guī)范化,建立起網(wǎng)站獨(dú)一無(wú)二的head部分,讓搜索引擎有新鮮感,這樣才能夠吸引spider爬行。
2、使用DIV+CSS分離布局網(wǎng)頁(yè)。
雖然現(xiàn)在div+css已經(jīng)很成熟了,但是很多網(wǎng)頁(yè)設(shè)計(jì)者可能考慮到網(wǎng)頁(yè)的兼容性以及布局的簡(jiǎn)易性還是使用老式的table布局,雖然table布局很方便,但是其弊端也是顯而易見(jiàn)的,那就是會(huì)大大增加網(wǎng)頁(yè)的大小,尤其是多層表格的嵌套,這種布局不僅會(huì)提升體積,同時(shí)如果嵌套數(shù)太多的話就會(huì)影響到搜索引擎的爬行,影響到站點(diǎn)的收錄。
另外,一些網(wǎng)站會(huì)使用外部文件,將css和js放在外部文件中,頁(yè)面html中只要放一樣代碼調(diào)用就可以了,有時(shí)候我們?nèi)ゲ榭吹囊恍┰次募a,會(huì)看到很多css代碼以及javasript代碼,將javascript放置在網(wǎng)站頁(yè)面的html文件中的最前面,而真正能用到得一些文字部分這被推倒了html的后面,個(gè)人認(rèn)為這種代碼都需要精簡(jiǎn)。
3、CSS代碼本身的優(yōu)化。
CSS是頁(yè)面效果呈現(xiàn)中非常重要的組成部分,它包括顏色、大小尺寸、背景和字體等。寫(xiě)CSS很簡(jiǎn)單很容易,但是要想寫(xiě)出精煉的CSS代碼還是有很多技巧的。
(1)、CSS位置
CSS說(shuō)明如果出現(xiàn)在網(wǎng)站之后,頁(yè)面需要重新渲染,打開(kāi)速度受到影響,所有css定義代碼的位置要放到網(wǎng)站之前。
(2)、css sprite技術(shù)
網(wǎng)站上的一些圖片可以采用css sprite技術(shù)進(jìn)行合并,減少加載請(qǐng)求次數(shù),從而提高網(wǎng)頁(yè)的加載速度。
(3)、CSS代碼優(yōu)化
通過(guò)對(duì)css代碼屬性的簡(jiǎn)寫(xiě)、移除多余的結(jié)構(gòu)(frameworks)和重設(shè)(resets)等一系列的方法和技巧來(lái)簡(jiǎn)化css代碼,減小css文件的大小。
(4)、盡量不要使用內(nèi)嵌式CSS
內(nèi)嵌式CSS分為兩種,一是在head區(qū)域的普通內(nèi)嵌式;二是在標(biāo)簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式CSS,無(wú)論是何種內(nèi)嵌CSS方式結(jié)果都會(huì)提升頁(yè)面的體積,對(duì)此,我們可以盡量使用外調(diào)式的CSS來(lái)為站點(diǎn)頁(yè)面的體積瘦身。
4、JS位置,大小等負(fù)面的優(yōu)化。
JS優(yōu)化與其他語(yǔ)言的優(yōu)化也仍然有相同之處,JS優(yōu)化的關(guān)鍵,仍然是要把精力放在最關(guān)鍵的地方,也就是瓶頸上,一般來(lái)說(shuō),瓶頸總是出現(xiàn)在大規(guī)模循環(huán)的地方,這倒不是說(shuō)循環(huán)本身有性能問(wèn)題,而是循環(huán)會(huì)迅速放大可能存在的性能問(wèn)題。
(1)、JS位置
網(wǎng)頁(yè)代碼中對(duì)js進(jìn)行優(yōu)化的時(shí)候,建議將JS放在頁(yè)面最后,這樣可以加快頁(yè)面打開(kāi)速度。
(2)、合并JS
合并相同域名下的js,通過(guò)減少網(wǎng)絡(luò)連接次數(shù)從而提高網(wǎng)頁(yè)的打開(kāi)速度。
(3)、LazyLoad(延遲加載)技術(shù)
Lazy Load是一個(gè)用JavaScript編寫(xiě)的jQuery插件,它可以延遲加載長(zhǎng)頁(yè)面中的圖片,在瀏覽器可視區(qū)域外的圖片不會(huì)被載入,直到用戶將頁(yè)面滾動(dòng)到它們所在的位置。
(4)、JS代碼外部的調(diào)用
我們知道當(dāng)前的搜索引擎還是不能夠識(shí)別JS代碼的,倘若在網(wǎng)站中出現(xiàn)大批量的js代碼網(wǎng)站在收錄上就會(huì)出現(xiàn)困難,而我們要做的就是將用到Javascript代碼用外部調(diào)用的形式放在網(wǎng)站中,這樣可以簡(jiǎn)化搜索引擎的工作,也不會(huì)在無(wú)形中衍生出無(wú)效代碼累及網(wǎng)站。
不僅如此,可以采用外部調(diào)用的還有css代碼,建站之初可以將網(wǎng)站的文字、顏色定義在css代碼文件中,盡量不要在頁(yè)面代碼內(nèi)出現(xiàn)過(guò)多的樣式代碼。
(5)、降低頁(yè)面對(duì)于JS的依賴性
現(xiàn)在來(lái)說(shuō),JS對(duì)于搜索引擎并不不友好,雖然有消息稱搜索引擎不會(huì)對(duì)JS有厭惡的情緒,但是多一事不如少一事,雖然JS可以制作出很多的效果,但是網(wǎng)頁(yè)中大量的JS將影響蜘蛛對(duì)頁(yè)面的抓取和增加網(wǎng)頁(yè)體積,尤其是頁(yè)面的關(guān)鍵位置如導(dǎo)航欄,盡量采用DIV+CSS的設(shè)計(jì)方法。
5、減少TABLE標(biāo)簽的使用。
table標(biāo)簽是現(xiàn)在大多數(shù)上線網(wǎng)站中最為常見(jiàn)的代碼形式,原因根本在于table在建立網(wǎng)站時(shí)比較快捷,但是這也就影響了網(wǎng)站的后期優(yōu)化。
相對(duì)于div+css布局的精簡(jiǎn)代碼網(wǎng)站來(lái)說(shuō),它的占位比較大,所以,在建站時(shí)候,盡量是少用表格,即便是要使用表格時(shí),嵌套式表格也要盡量少用,以免產(chǎn)生冗雜代碼。
那么,現(xiàn)在的網(wǎng)站用什么做呢?很多程序員第一想法就是采用CSS去做,采用CSS去排版,這種做法呢,就使頁(yè)面中的表格大大的降低了,但在我看來(lái),網(wǎng)站也不能沒(méi)有表格,有些事必須使用到得,使用表格本身沒(méi)什么,但是有很多網(wǎng)站都采用嵌套表格,一般這樣的表格形式會(huì)給網(wǎng)站產(chǎn)生大量的垃圾代碼,并且這些垃圾代碼都是沒(méi)有任何用處的代碼,這一類代碼也是我們網(wǎng)站需要精簡(jiǎn)的代碼之一。
6、代碼注釋省略的少量使用。
很多程序人員在編寫(xiě)代碼是都習(xí)慣在別人看不懂的地方給出一段注釋,這些代碼往往是為了幾個(gè)程序員之間的協(xié)同工作,對(duì)于外人以及搜索引擎來(lái)說(shuō)沒(méi)有任何用處,相反還會(huì)給搜索引擎蜘蛛帶來(lái)一定的困擾。
打開(kāi)頁(yè)面代碼我們經(jīng)常會(huì)看到一些注釋代碼,這是程序員為了表明代碼意義而做的注釋,其實(shí)這些打開(kāi)不必,因?yàn)閷?duì)于搜索引擎而言,它們是不存在任何意義的,只是會(huì)增加了頁(yè)面代碼的容量,這樣對(duì)于網(wǎng)站不會(huì)有什么利處,不如直接省略。
7、清除頁(yè)面中多余的代碼即精簡(jiǎn)代碼。
有的網(wǎng)站以為制作者的代碼書(shū)寫(xiě)習(xí)慣問(wèn)題,頁(yè)面會(huì)有很多空格代碼,比如:空格代碼、style和font重復(fù)定義的代碼,不要小看這些體積很小的代碼,積攢多了,也會(huì)使我們的網(wǎng)站異常的臃腫。
很多網(wǎng)站都是采用的DIV+CSS,在CSS中定義了文字的字體,顏色,以及頁(yè)面的排版,但是在網(wǎng)站的其他地方還用了以style以及font來(lái)再次定義字體字體,這些代碼完全沒(méi)有必要重復(fù)定義,屬于可以精簡(jiǎn)的代碼。
8、將html控制方式轉(zhuǎn)換為CSS控制。
很多網(wǎng)頁(yè)設(shè)計(jì)者習(xí)慣在標(biāo)簽內(nèi)對(duì)內(nèi)容進(jìn)行控制,比如img標(biāo)簽里通過(guò)width和height來(lái)控制圖片的大小,盡量將這些代碼轉(zhuǎn)換成外調(diào)式的CSS,使網(wǎng)頁(yè)代碼更加的瘦身。
9、緩存靜態(tài)資源。
通過(guò)設(shè)置瀏覽器緩存,將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端,這樣同一訪客再次訪問(wèn)你的網(wǎng)站的時(shí)候,瀏覽器就可以從瀏覽器的緩存中獲取css、js等,而不必每次都從你的服務(wù)器讀取,這樣在一定程度上加快了網(wǎng)站的打開(kāi)速度,又可以節(jié)約你的服務(wù)器流量。
10、網(wǎng)頁(yè)壓縮技術(shù)。
對(duì)于網(wǎng)頁(yè)壓縮而言,相信各位站長(zhǎng)都比較熟悉,主要是啟用服務(wù)器Gzip,對(duì)頁(yè)面Gzip壓縮,減少元素的體積,從而減少數(shù)據(jù)的傳輸,進(jìn)而提高網(wǎng)頁(yè)的加載速度,這個(gè)功能需要你的服務(wù)器的支持,GZIP壓縮一般能對(duì)網(wǎng)頁(yè)進(jìn)行30%-80%的壓縮,是最重要的一種優(yōu)化效果。
總之,通過(guò)代碼優(yōu)化來(lái)起到網(wǎng)站優(yōu)化作用的方式還有很多,在這只是隨意的說(shuō)了其中比較常見(jiàn)的而已,希望大家能多多鉆研。
11、權(quán)重標(biāo)簽的使用。
典型的權(quán)重標(biāo)簽有H1,strong,b標(biāo)簽等,對(duì)想?yún)⑴c排名的重要關(guān)鍵詞使用權(quán)重標(biāo)簽,好處是向搜索引擎?zhèn)鬟f信號(hào):這個(gè)地方的關(guān)鍵詞很重要,需要區(qū)別對(duì)待,從而提升既定關(guān)鍵詞在搜索引擎的排序。
個(gè)人認(rèn)為網(wǎng)站頁(yè)面代碼的SEO優(yōu)化,不但可以提高網(wǎng)頁(yè)的打開(kāi)速度,還可以提升用戶的訪問(wèn)體驗(yàn),同時(shí)從SEO的角度來(lái)說(shuō),還可以提高蜘蛛的訪問(wèn)速度,有助于搜索引擎對(duì)網(wǎng)站的索引體驗(yàn)。
? 查看全部
網(wǎng)站代碼和標(biāo)簽優(yōu)化的方法
作為一名網(wǎng)站SEO優(yōu)化人員,對(duì)于網(wǎng)站代碼必須要有所了解,這是做網(wǎng)站優(yōu)化的必備要素之一,網(wǎng)站推廣要想獲得好的績(jī)效,源代碼是很關(guān)鍵,挑剔的搜索引擎蜘蛛對(duì)于簡(jiǎn)潔的網(wǎng)站代碼是情有獨(dú)鐘的,這就需要我們對(duì)網(wǎng)站代碼進(jìn)行精簡(jiǎn)及優(yōu)化。
網(wǎng)頁(yè)的精簡(jiǎn)說(shuō)白了就是網(wǎng)站代碼優(yōu)化,去掉網(wǎng)站多余的代碼,以減少網(wǎng)站的大小,提高網(wǎng)站的加載速度和用戶體驗(yàn)。
網(wǎng)站代碼優(yōu)化是站長(zhǎng)必須要掌握的基本技能,這關(guān)系到搜索引擎蜘蛛是否會(huì)對(duì)你的網(wǎng)站感興趣,冗長(zhǎng)無(wú)用的代碼會(huì)讓蜘蛛很難理解,增加蜘蛛抓取網(wǎng)站的難度,同時(shí),網(wǎng)頁(yè)的精簡(jiǎn)還關(guān)系到網(wǎng)站的加載速度,對(duì)用戶體驗(yàn)至關(guān)重要。
1、HEAD部分代碼規(guī)范化。
HEAD部分代碼是搜索引擎爬行網(wǎng)站的入口部分,現(xiàn)在很多網(wǎng)站的頭部代碼都相當(dāng)統(tǒng)一化,刻板效應(yīng)明顯十足,這樣的網(wǎng)站代碼是像模板框架一樣是不被spider喜歡的,而我們要做的就是將網(wǎng)站的代碼規(guī)范化,建立起網(wǎng)站獨(dú)一無(wú)二的head部分,讓搜索引擎有新鮮感,這樣才能夠吸引spider爬行。
2、使用DIV+CSS分離布局網(wǎng)頁(yè)。
雖然現(xiàn)在div+css已經(jīng)很成熟了,但是很多網(wǎng)頁(yè)設(shè)計(jì)者可能考慮到網(wǎng)頁(yè)的兼容性以及布局的簡(jiǎn)易性還是使用老式的table布局,雖然table布局很方便,但是其弊端也是顯而易見(jiàn)的,那就是會(huì)大大增加網(wǎng)頁(yè)的大小,尤其是多層表格的嵌套,這種布局不僅會(huì)提升體積,同時(shí)如果嵌套數(shù)太多的話就會(huì)影響到搜索引擎的爬行,影響到站點(diǎn)的收錄。
另外,一些網(wǎng)站會(huì)使用外部文件,將css和js放在外部文件中,頁(yè)面html中只要放一樣代碼調(diào)用就可以了,有時(shí)候我們?nèi)ゲ榭吹囊恍┰次募a,會(huì)看到很多css代碼以及javasript代碼,將javascript放置在網(wǎng)站頁(yè)面的html文件中的最前面,而真正能用到得一些文字部分這被推倒了html的后面,個(gè)人認(rèn)為這種代碼都需要精簡(jiǎn)。
3、CSS代碼本身的優(yōu)化。
CSS是頁(yè)面效果呈現(xiàn)中非常重要的組成部分,它包括顏色、大小尺寸、背景和字體等。寫(xiě)CSS很簡(jiǎn)單很容易,但是要想寫(xiě)出精煉的CSS代碼還是有很多技巧的。
(1)、CSS位置
CSS說(shuō)明如果出現(xiàn)在網(wǎng)站之后,頁(yè)面需要重新渲染,打開(kāi)速度受到影響,所有css定義代碼的位置要放到網(wǎng)站之前。
(2)、css sprite技術(shù)
網(wǎng)站上的一些圖片可以采用css sprite技術(shù)進(jìn)行合并,減少加載請(qǐng)求次數(shù),從而提高網(wǎng)頁(yè)的加載速度。
(3)、CSS代碼優(yōu)化
通過(guò)對(duì)css代碼屬性的簡(jiǎn)寫(xiě)、移除多余的結(jié)構(gòu)(frameworks)和重設(shè)(resets)等一系列的方法和技巧來(lái)簡(jiǎn)化css代碼,減小css文件的大小。
(4)、盡量不要使用內(nèi)嵌式CSS
內(nèi)嵌式CSS分為兩種,一是在head區(qū)域的普通內(nèi)嵌式;二是在標(biāo)簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式CSS,無(wú)論是何種內(nèi)嵌CSS方式結(jié)果都會(huì)提升頁(yè)面的體積,對(duì)此,我們可以盡量使用外調(diào)式的CSS來(lái)為站點(diǎn)頁(yè)面的體積瘦身。
4、JS位置,大小等負(fù)面的優(yōu)化。
JS優(yōu)化與其他語(yǔ)言的優(yōu)化也仍然有相同之處,JS優(yōu)化的關(guān)鍵,仍然是要把精力放在最關(guān)鍵的地方,也就是瓶頸上,一般來(lái)說(shuō),瓶頸總是出現(xiàn)在大規(guī)模循環(huán)的地方,這倒不是說(shuō)循環(huán)本身有性能問(wèn)題,而是循環(huán)會(huì)迅速放大可能存在的性能問(wèn)題。
(1)、JS位置
網(wǎng)頁(yè)代碼中對(duì)js進(jìn)行優(yōu)化的時(shí)候,建議將JS放在頁(yè)面最后,這樣可以加快頁(yè)面打開(kāi)速度。
(2)、合并JS
合并相同域名下的js,通過(guò)減少網(wǎng)絡(luò)連接次數(shù)從而提高網(wǎng)頁(yè)的打開(kāi)速度。
(3)、LazyLoad(延遲加載)技術(shù)
Lazy Load是一個(gè)用JavaScript編寫(xiě)的jQuery插件,它可以延遲加載長(zhǎng)頁(yè)面中的圖片,在瀏覽器可視區(qū)域外的圖片不會(huì)被載入,直到用戶將頁(yè)面滾動(dòng)到它們所在的位置。
(4)、JS代碼外部的調(diào)用
我們知道當(dāng)前的搜索引擎還是不能夠識(shí)別JS代碼的,倘若在網(wǎng)站中出現(xiàn)大批量的js代碼網(wǎng)站在收錄上就會(huì)出現(xiàn)困難,而我們要做的就是將用到Javascript代碼用外部調(diào)用的形式放在網(wǎng)站中,這樣可以簡(jiǎn)化搜索引擎的工作,也不會(huì)在無(wú)形中衍生出無(wú)效代碼累及網(wǎng)站。
不僅如此,可以采用外部調(diào)用的還有css代碼,建站之初可以將網(wǎng)站的文字、顏色定義在css代碼文件中,盡量不要在頁(yè)面代碼內(nèi)出現(xiàn)過(guò)多的樣式代碼。
(5)、降低頁(yè)面對(duì)于JS的依賴性
現(xiàn)在來(lái)說(shuō),JS對(duì)于搜索引擎并不不友好,雖然有消息稱搜索引擎不會(huì)對(duì)JS有厭惡的情緒,但是多一事不如少一事,雖然JS可以制作出很多的效果,但是網(wǎng)頁(yè)中大量的JS將影響蜘蛛對(duì)頁(yè)面的抓取和增加網(wǎng)頁(yè)體積,尤其是頁(yè)面的關(guān)鍵位置如導(dǎo)航欄,盡量采用DIV+CSS的設(shè)計(jì)方法。
5、減少TABLE標(biāo)簽的使用。
table標(biāo)簽是現(xiàn)在大多數(shù)上線網(wǎng)站中最為常見(jiàn)的代碼形式,原因根本在于table在建立網(wǎng)站時(shí)比較快捷,但是這也就影響了網(wǎng)站的后期優(yōu)化。
相對(duì)于div+css布局的精簡(jiǎn)代碼網(wǎng)站來(lái)說(shuō),它的占位比較大,所以,在建站時(shí)候,盡量是少用表格,即便是要使用表格時(shí),嵌套式表格也要盡量少用,以免產(chǎn)生冗雜代碼。
那么,現(xiàn)在的網(wǎng)站用什么做呢?很多程序員第一想法就是采用CSS去做,采用CSS去排版,這種做法呢,就使頁(yè)面中的表格大大的降低了,但在我看來(lái),網(wǎng)站也不能沒(méi)有表格,有些事必須使用到得,使用表格本身沒(méi)什么,但是有很多網(wǎng)站都采用嵌套表格,一般這樣的表格形式會(huì)給網(wǎng)站產(chǎn)生大量的垃圾代碼,并且這些垃圾代碼都是沒(méi)有任何用處的代碼,這一類代碼也是我們網(wǎng)站需要精簡(jiǎn)的代碼之一。
6、代碼注釋省略的少量使用。
很多程序人員在編寫(xiě)代碼是都習(xí)慣在別人看不懂的地方給出一段注釋,這些代碼往往是為了幾個(gè)程序員之間的協(xié)同工作,對(duì)于外人以及搜索引擎來(lái)說(shuō)沒(méi)有任何用處,相反還會(huì)給搜索引擎蜘蛛帶來(lái)一定的困擾。
打開(kāi)頁(yè)面代碼我們經(jīng)常會(huì)看到一些注釋代碼,這是程序員為了表明代碼意義而做的注釋,其實(shí)這些打開(kāi)不必,因?yàn)閷?duì)于搜索引擎而言,它們是不存在任何意義的,只是會(huì)增加了頁(yè)面代碼的容量,這樣對(duì)于網(wǎng)站不會(huì)有什么利處,不如直接省略。
7、清除頁(yè)面中多余的代碼即精簡(jiǎn)代碼。
有的網(wǎng)站以為制作者的代碼書(shū)寫(xiě)習(xí)慣問(wèn)題,頁(yè)面會(huì)有很多空格代碼,比如:空格代碼、style和font重復(fù)定義的代碼,不要小看這些體積很小的代碼,積攢多了,也會(huì)使我們的網(wǎng)站異常的臃腫。
很多網(wǎng)站都是采用的DIV+CSS,在CSS中定義了文字的字體,顏色,以及頁(yè)面的排版,但是在網(wǎng)站的其他地方還用了以style以及font來(lái)再次定義字體字體,這些代碼完全沒(méi)有必要重復(fù)定義,屬于可以精簡(jiǎn)的代碼。
8、將html控制方式轉(zhuǎn)換為CSS控制。
很多網(wǎng)頁(yè)設(shè)計(jì)者習(xí)慣在標(biāo)簽內(nèi)對(duì)內(nèi)容進(jìn)行控制,比如img標(biāo)簽里通過(guò)width和height來(lái)控制圖片的大小,盡量將這些代碼轉(zhuǎn)換成外調(diào)式的CSS,使網(wǎng)頁(yè)代碼更加的瘦身。
9、緩存靜態(tài)資源。
通過(guò)設(shè)置瀏覽器緩存,將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端,這樣同一訪客再次訪問(wèn)你的網(wǎng)站的時(shí)候,瀏覽器就可以從瀏覽器的緩存中獲取css、js等,而不必每次都從你的服務(wù)器讀取,這樣在一定程度上加快了網(wǎng)站的打開(kāi)速度,又可以節(jié)約你的服務(wù)器流量。
10、網(wǎng)頁(yè)壓縮技術(shù)。
對(duì)于網(wǎng)頁(yè)壓縮而言,相信各位站長(zhǎng)都比較熟悉,主要是啟用服務(wù)器Gzip,對(duì)頁(yè)面Gzip壓縮,減少元素的體積,從而減少數(shù)據(jù)的傳輸,進(jìn)而提高網(wǎng)頁(yè)的加載速度,這個(gè)功能需要你的服務(wù)器的支持,GZIP壓縮一般能對(duì)網(wǎng)頁(yè)進(jìn)行30%-80%的壓縮,是最重要的一種優(yōu)化效果。
總之,通過(guò)代碼優(yōu)化來(lái)起到網(wǎng)站優(yōu)化作用的方式還有很多,在這只是隨意的說(shuō)了其中比較常見(jiàn)的而已,希望大家能多多鉆研。
11、權(quán)重標(biāo)簽的使用。
典型的權(quán)重標(biāo)簽有H1,strong,b標(biāo)簽等,對(duì)想?yún)⑴c排名的重要關(guān)鍵詞使用權(quán)重標(biāo)簽,好處是向搜索引擎?zhèn)鬟f信號(hào):這個(gè)地方的關(guān)鍵詞很重要,需要區(qū)別對(duì)待,從而提升既定關(guān)鍵詞在搜索引擎的排序。
個(gè)人認(rèn)為網(wǎng)站頁(yè)面代碼的SEO優(yōu)化,不但可以提高網(wǎng)頁(yè)的打開(kāi)速度,還可以提升用戶的訪問(wèn)體驗(yàn),同時(shí)從SEO的角度來(lái)說(shuō),還可以提高蜘蛛的訪問(wèn)速度,有助于搜索引擎對(duì)網(wǎng)站的索引體驗(yàn)。
? 查看全部
網(wǎng)站上線前,需要對(duì)網(wǎng)站的代碼和標(biāo)簽做必要的處理,目的是提高優(yōu)化網(wǎng)站打開(kāi)速度,強(qiáng)調(diào)想要達(dá)成排名的關(guān)鍵詞。一個(gè)優(yōu)質(zhì)的網(wǎng)站,在代碼方面是優(yōu)秀的。本文提及了權(quán)重標(biāo)簽,如H1等,在合適的地方使用權(quán)重標(biāo)簽,能向搜索引擎?zhèn)鬟f友好性,是做seo的基本述求。seoer不一定懂得如何具體操作,但需要知曉代碼優(yōu)化原理,何處使用權(quán)重標(biāo)簽。專業(yè)人做專業(yè)事,效率會(huì)更高。
網(wǎng)站代碼和標(biāo)簽優(yōu)化的方法
作為一名網(wǎng)站SEO優(yōu)化人員,對(duì)于網(wǎng)站代碼必須要有所了解,這是做網(wǎng)站優(yōu)化的必備要素之一,網(wǎng)站推廣要想獲得好的績(jī)效,源代碼是很關(guān)鍵,挑剔的搜索引擎蜘蛛對(duì)于簡(jiǎn)潔的網(wǎng)站代碼是情有獨(dú)鐘的,這就需要我們對(duì)網(wǎng)站代碼進(jìn)行精簡(jiǎn)及優(yōu)化。
網(wǎng)頁(yè)的精簡(jiǎn)說(shuō)白了就是網(wǎng)站代碼優(yōu)化,去掉網(wǎng)站多余的代碼,以減少網(wǎng)站的大小,提高網(wǎng)站的加載速度和用戶體驗(yàn)。
網(wǎng)站代碼優(yōu)化是站長(zhǎng)必須要掌握的基本技能,這關(guān)系到搜索引擎蜘蛛是否會(huì)對(duì)你的網(wǎng)站感興趣,冗長(zhǎng)無(wú)用的代碼會(huì)讓蜘蛛很難理解,增加蜘蛛抓取網(wǎng)站的難度,同時(shí),網(wǎng)頁(yè)的精簡(jiǎn)還關(guān)系到網(wǎng)站的加載速度,對(duì)用戶體驗(yàn)至關(guān)重要。
1、HEAD部分代碼規(guī)范化。
HEAD部分代碼是搜索引擎爬行網(wǎng)站的入口部分,現(xiàn)在很多網(wǎng)站的頭部代碼都相當(dāng)統(tǒng)一化,刻板效應(yīng)明顯十足,這樣的網(wǎng)站代碼是像模板框架一樣是不被spider喜歡的,而我們要做的就是將網(wǎng)站的代碼規(guī)范化,建立起網(wǎng)站獨(dú)一無(wú)二的head部分,讓搜索引擎有新鮮感,這樣才能夠吸引spider爬行。
2、使用DIV+CSS分離布局網(wǎng)頁(yè)。
雖然現(xiàn)在div+css已經(jīng)很成熟了,但是很多網(wǎng)頁(yè)設(shè)計(jì)者可能考慮到網(wǎng)頁(yè)的兼容性以及布局的簡(jiǎn)易性還是使用老式的table布局,雖然table布局很方便,但是其弊端也是顯而易見(jiàn)的,那就是會(huì)大大增加網(wǎng)頁(yè)的大小,尤其是多層表格的嵌套,這種布局不僅會(huì)提升體積,同時(shí)如果嵌套數(shù)太多的話就會(huì)影響到搜索引擎的爬行,影響到站點(diǎn)的收錄。
另外,一些網(wǎng)站會(huì)使用外部文件,將css和js放在外部文件中,頁(yè)面html中只要放一樣代碼調(diào)用就可以了,有時(shí)候我們?nèi)ゲ榭吹囊恍┰次募a,會(huì)看到很多css代碼以及javasript代碼,將javascript放置在網(wǎng)站頁(yè)面的html文件中的最前面,而真正能用到得一些文字部分這被推倒了html的后面,個(gè)人認(rèn)為這種代碼都需要精簡(jiǎn)。
3、CSS代碼本身的優(yōu)化。
CSS是頁(yè)面效果呈現(xiàn)中非常重要的組成部分,它包括顏色、大小尺寸、背景和字體等。寫(xiě)CSS很簡(jiǎn)單很容易,但是要想寫(xiě)出精煉的CSS代碼還是有很多技巧的。
(1)、CSS位置
CSS說(shuō)明如果出現(xiàn)在網(wǎng)站之后,頁(yè)面需要重新渲染,打開(kāi)速度受到影響,所有css定義代碼的位置要放到網(wǎng)站之前。
(2)、css sprite技術(shù)
網(wǎng)站上的一些圖片可以采用css sprite技術(shù)進(jìn)行合并,減少加載請(qǐng)求次數(shù),從而提高網(wǎng)頁(yè)的加載速度。
(3)、CSS代碼優(yōu)化
通過(guò)對(duì)css代碼屬性的簡(jiǎn)寫(xiě)、移除多余的結(jié)構(gòu)(frameworks)和重設(shè)(resets)等一系列的方法和技巧來(lái)簡(jiǎn)化css代碼,減小css文件的大小。
(4)、盡量不要使用內(nèi)嵌式CSS
內(nèi)嵌式CSS分為兩種,一是在head區(qū)域的普通內(nèi)嵌式;二是在標(biāo)簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式CSS,無(wú)論是何種內(nèi)嵌CSS方式結(jié)果都會(huì)提升頁(yè)面的體積,對(duì)此,我們可以盡量使用外調(diào)式的CSS來(lái)為站點(diǎn)頁(yè)面的體積瘦身。
4、JS位置,大小等負(fù)面的優(yōu)化。
JS優(yōu)化與其他語(yǔ)言的優(yōu)化也仍然有相同之處,JS優(yōu)化的關(guān)鍵,仍然是要把精力放在最關(guān)鍵的地方,也就是瓶頸上,一般來(lái)說(shuō),瓶頸總是出現(xiàn)在大規(guī)模循環(huán)的地方,這倒不是說(shuō)循環(huán)本身有性能問(wèn)題,而是循環(huán)會(huì)迅速放大可能存在的性能問(wèn)題。
(1)、JS位置
網(wǎng)頁(yè)代碼中對(duì)js進(jìn)行優(yōu)化的時(shí)候,建議將JS放在頁(yè)面最后,這樣可以加快頁(yè)面打開(kāi)速度。
(2)、合并JS
合并相同域名下的js,通過(guò)減少網(wǎng)絡(luò)連接次數(shù)從而提高網(wǎng)頁(yè)的打開(kāi)速度。
(3)、LazyLoad(延遲加載)技術(shù)
Lazy Load是一個(gè)用JavaScript編寫(xiě)的jQuery插件,它可以延遲加載長(zhǎng)頁(yè)面中的圖片,在瀏覽器可視區(qū)域外的圖片不會(huì)被載入,直到用戶將頁(yè)面滾動(dòng)到它們所在的位置。
(4)、JS代碼外部的調(diào)用
我們知道當(dāng)前的搜索引擎還是不能夠識(shí)別JS代碼的,倘若在網(wǎng)站中出現(xiàn)大批量的js代碼網(wǎng)站在收錄上就會(huì)出現(xiàn)困難,而我們要做的就是將用到Javascript代碼用外部調(diào)用的形式放在網(wǎng)站中,這樣可以簡(jiǎn)化搜索引擎的工作,也不會(huì)在無(wú)形中衍生出無(wú)效代碼累及網(wǎng)站。
不僅如此,可以采用外部調(diào)用的還有css代碼,建站之初可以將網(wǎng)站的文字、顏色定義在css代碼文件中,盡量不要在頁(yè)面代碼內(nèi)出現(xiàn)過(guò)多的樣式代碼。
(5)、降低頁(yè)面對(duì)于JS的依賴性
現(xiàn)在來(lái)說(shuō),JS對(duì)于搜索引擎并不不友好,雖然有消息稱搜索引擎不會(huì)對(duì)JS有厭惡的情緒,但是多一事不如少一事,雖然JS可以制作出很多的效果,但是網(wǎng)頁(yè)中大量的JS將影響蜘蛛對(duì)頁(yè)面的抓取和增加網(wǎng)頁(yè)體積,尤其是頁(yè)面的關(guān)鍵位置如導(dǎo)航欄,盡量采用DIV+CSS的設(shè)計(jì)方法。
5、減少TABLE標(biāo)簽的使用。
table標(biāo)簽是現(xiàn)在大多數(shù)上線網(wǎng)站中最為常見(jiàn)的代碼形式,原因根本在于table在建立網(wǎng)站時(shí)比較快捷,但是這也就影響了網(wǎng)站的后期優(yōu)化。
相對(duì)于div+css布局的精簡(jiǎn)代碼網(wǎng)站來(lái)說(shuō),它的占位比較大,所以,在建站時(shí)候,盡量是少用表格,即便是要使用表格時(shí),嵌套式表格也要盡量少用,以免產(chǎn)生冗雜代碼。
那么,現(xiàn)在的網(wǎng)站用什么做呢?很多程序員第一想法就是采用CSS去做,采用CSS去排版,這種做法呢,就使頁(yè)面中的表格大大的降低了,但在我看來(lái),網(wǎng)站也不能沒(méi)有表格,有些事必須使用到得,使用表格本身沒(méi)什么,但是有很多網(wǎng)站都采用嵌套表格,一般這樣的表格形式會(huì)給網(wǎng)站產(chǎn)生大量的垃圾代碼,并且這些垃圾代碼都是沒(méi)有任何用處的代碼,這一類代碼也是我們網(wǎng)站需要精簡(jiǎn)的代碼之一。
6、代碼注釋省略的少量使用。
很多程序人員在編寫(xiě)代碼是都習(xí)慣在別人看不懂的地方給出一段注釋,這些代碼往往是為了幾個(gè)程序員之間的協(xié)同工作,對(duì)于外人以及搜索引擎來(lái)說(shuō)沒(méi)有任何用處,相反還會(huì)給搜索引擎蜘蛛帶來(lái)一定的困擾。
打開(kāi)頁(yè)面代碼我們經(jīng)常會(huì)看到一些注釋代碼,這是程序員為了表明代碼意義而做的注釋,其實(shí)這些打開(kāi)不必,因?yàn)閷?duì)于搜索引擎而言,它們是不存在任何意義的,只是會(huì)增加了頁(yè)面代碼的容量,這樣對(duì)于網(wǎng)站不會(huì)有什么利處,不如直接省略。
7、清除頁(yè)面中多余的代碼即精簡(jiǎn)代碼。
有的網(wǎng)站以為制作者的代碼書(shū)寫(xiě)習(xí)慣問(wèn)題,頁(yè)面會(huì)有很多空格代碼,比如:空格代碼、style和font重復(fù)定義的代碼,不要小看這些體積很小的代碼,積攢多了,也會(huì)使我們的網(wǎng)站異常的臃腫。
很多網(wǎng)站都是采用的DIV+CSS,在CSS中定義了文字的字體,顏色,以及頁(yè)面的排版,但是在網(wǎng)站的其他地方還用了以style以及font來(lái)再次定義字體字體,這些代碼完全沒(méi)有必要重復(fù)定義,屬于可以精簡(jiǎn)的代碼。
8、將html控制方式轉(zhuǎn)換為CSS控制。
很多網(wǎng)頁(yè)設(shè)計(jì)者習(xí)慣在標(biāo)簽內(nèi)對(duì)內(nèi)容進(jìn)行控制,比如img標(biāo)簽里通過(guò)width和height來(lái)控制圖片的大小,盡量將這些代碼轉(zhuǎn)換成外調(diào)式的CSS,使網(wǎng)頁(yè)代碼更加的瘦身。
9、緩存靜態(tài)資源。
通過(guò)設(shè)置瀏覽器緩存,將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端,這樣同一訪客再次訪問(wèn)你的網(wǎng)站的時(shí)候,瀏覽器就可以從瀏覽器的緩存中獲取css、js等,而不必每次都從你的服務(wù)器讀取,這樣在一定程度上加快了網(wǎng)站的打開(kāi)速度,又可以節(jié)約你的服務(wù)器流量。
10、網(wǎng)頁(yè)壓縮技術(shù)。
對(duì)于網(wǎng)頁(yè)壓縮而言,相信各位站長(zhǎng)都比較熟悉,主要是啟用服務(wù)器Gzip,對(duì)頁(yè)面Gzip壓縮,減少元素的體積,從而減少數(shù)據(jù)的傳輸,進(jìn)而提高網(wǎng)頁(yè)的加載速度,這個(gè)功能需要你的服務(wù)器的支持,GZIP壓縮一般能對(duì)網(wǎng)頁(yè)進(jìn)行30%-80%的壓縮,是最重要的一種優(yōu)化效果。
總之,通過(guò)代碼優(yōu)化來(lái)起到網(wǎng)站優(yōu)化作用的方式還有很多,在這只是隨意的說(shuō)了其中比較常見(jiàn)的而已,希望大家能多多鉆研。
11、權(quán)重標(biāo)簽的使用。
典型的權(quán)重標(biāo)簽有H1,strong,b標(biāo)簽等,對(duì)想?yún)⑴c排名的重要關(guān)鍵詞使用權(quán)重標(biāo)簽,好處是向搜索引擎?zhèn)鬟f信號(hào):這個(gè)地方的關(guān)鍵詞很重要,需要區(qū)別對(duì)待,從而提升既定關(guān)鍵詞在搜索引擎的排序。
個(gè)人認(rèn)為網(wǎng)站頁(yè)面代碼的SEO優(yōu)化,不但可以提高網(wǎng)頁(yè)的打開(kāi)速度,還可以提升用戶的訪問(wèn)體驗(yàn),同時(shí)從SEO的角度來(lái)說(shuō),還可以提高蜘蛛的訪問(wèn)速度,有助于搜索引擎對(duì)網(wǎng)站的索引體驗(yàn)。
?
網(wǎng)站代碼和標(biāo)簽優(yōu)化的方法
作為一名網(wǎng)站SEO優(yōu)化人員,對(duì)于網(wǎng)站代碼必須要有所了解,這是做網(wǎng)站優(yōu)化的必備要素之一,網(wǎng)站推廣要想獲得好的績(jī)效,源代碼是很關(guān)鍵,挑剔的搜索引擎蜘蛛對(duì)于簡(jiǎn)潔的網(wǎng)站代碼是情有獨(dú)鐘的,這就需要我們對(duì)網(wǎng)站代碼進(jìn)行精簡(jiǎn)及優(yōu)化。
網(wǎng)頁(yè)的精簡(jiǎn)說(shuō)白了就是網(wǎng)站代碼優(yōu)化,去掉網(wǎng)站多余的代碼,以減少網(wǎng)站的大小,提高網(wǎng)站的加載速度和用戶體驗(yàn)。
網(wǎng)站代碼優(yōu)化是站長(zhǎng)必須要掌握的基本技能,這關(guān)系到搜索引擎蜘蛛是否會(huì)對(duì)你的網(wǎng)站感興趣,冗長(zhǎng)無(wú)用的代碼會(huì)讓蜘蛛很難理解,增加蜘蛛抓取網(wǎng)站的難度,同時(shí),網(wǎng)頁(yè)的精簡(jiǎn)還關(guān)系到網(wǎng)站的加載速度,對(duì)用戶體驗(yàn)至關(guān)重要。
1、HEAD部分代碼規(guī)范化。
HEAD部分代碼是搜索引擎爬行網(wǎng)站的入口部分,現(xiàn)在很多網(wǎng)站的頭部代碼都相當(dāng)統(tǒng)一化,刻板效應(yīng)明顯十足,這樣的網(wǎng)站代碼是像模板框架一樣是不被spider喜歡的,而我們要做的就是將網(wǎng)站的代碼規(guī)范化,建立起網(wǎng)站獨(dú)一無(wú)二的head部分,讓搜索引擎有新鮮感,這樣才能夠吸引spider爬行。
2、使用DIV+CSS分離布局網(wǎng)頁(yè)。
雖然現(xiàn)在div+css已經(jīng)很成熟了,但是很多網(wǎng)頁(yè)設(shè)計(jì)者可能考慮到網(wǎng)頁(yè)的兼容性以及布局的簡(jiǎn)易性還是使用老式的table布局,雖然table布局很方便,但是其弊端也是顯而易見(jiàn)的,那就是會(huì)大大增加網(wǎng)頁(yè)的大小,尤其是多層表格的嵌套,這種布局不僅會(huì)提升體積,同時(shí)如果嵌套數(shù)太多的話就會(huì)影響到搜索引擎的爬行,影響到站點(diǎn)的收錄。
另外,一些網(wǎng)站會(huì)使用外部文件,將css和js放在外部文件中,頁(yè)面html中只要放一樣代碼調(diào)用就可以了,有時(shí)候我們?nèi)ゲ榭吹囊恍┰次募a,會(huì)看到很多css代碼以及javasript代碼,將javascript放置在網(wǎng)站頁(yè)面的html文件中的最前面,而真正能用到得一些文字部分這被推倒了html的后面,個(gè)人認(rèn)為這種代碼都需要精簡(jiǎn)。
3、CSS代碼本身的優(yōu)化。
CSS是頁(yè)面效果呈現(xiàn)中非常重要的組成部分,它包括顏色、大小尺寸、背景和字體等。寫(xiě)CSS很簡(jiǎn)單很容易,但是要想寫(xiě)出精煉的CSS代碼還是有很多技巧的。
(1)、CSS位置
CSS說(shuō)明如果出現(xiàn)在網(wǎng)站之后,頁(yè)面需要重新渲染,打開(kāi)速度受到影響,所有css定義代碼的位置要放到網(wǎng)站之前。
(2)、css sprite技術(shù)
網(wǎng)站上的一些圖片可以采用css sprite技術(shù)進(jìn)行合并,減少加載請(qǐng)求次數(shù),從而提高網(wǎng)頁(yè)的加載速度。
(3)、CSS代碼優(yōu)化
通過(guò)對(duì)css代碼屬性的簡(jiǎn)寫(xiě)、移除多余的結(jié)構(gòu)(frameworks)和重設(shè)(resets)等一系列的方法和技巧來(lái)簡(jiǎn)化css代碼,減小css文件的大小。
(4)、盡量不要使用內(nèi)嵌式CSS
內(nèi)嵌式CSS分為兩種,一是在head區(qū)域的普通內(nèi)嵌式;二是在標(biāo)簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式CSS,無(wú)論是何種內(nèi)嵌CSS方式結(jié)果都會(huì)提升頁(yè)面的體積,對(duì)此,我們可以盡量使用外調(diào)式的CSS來(lái)為站點(diǎn)頁(yè)面的體積瘦身。
4、JS位置,大小等負(fù)面的優(yōu)化。
JS優(yōu)化與其他語(yǔ)言的優(yōu)化也仍然有相同之處,JS優(yōu)化的關(guān)鍵,仍然是要把精力放在最關(guān)鍵的地方,也就是瓶頸上,一般來(lái)說(shuō),瓶頸總是出現(xiàn)在大規(guī)模循環(huán)的地方,這倒不是說(shuō)循環(huán)本身有性能問(wèn)題,而是循環(huán)會(huì)迅速放大可能存在的性能問(wèn)題。
(1)、JS位置
網(wǎng)頁(yè)代碼中對(duì)js進(jìn)行優(yōu)化的時(shí)候,建議將JS放在頁(yè)面最后,這樣可以加快頁(yè)面打開(kāi)速度。
(2)、合并JS
合并相同域名下的js,通過(guò)減少網(wǎng)絡(luò)連接次數(shù)從而提高網(wǎng)頁(yè)的打開(kāi)速度。
(3)、LazyLoad(延遲加載)技術(shù)
Lazy Load是一個(gè)用JavaScript編寫(xiě)的jQuery插件,它可以延遲加載長(zhǎng)頁(yè)面中的圖片,在瀏覽器可視區(qū)域外的圖片不會(huì)被載入,直到用戶將頁(yè)面滾動(dòng)到它們所在的位置。
(4)、JS代碼外部的調(diào)用
我們知道當(dāng)前的搜索引擎還是不能夠識(shí)別JS代碼的,倘若在網(wǎng)站中出現(xiàn)大批量的js代碼網(wǎng)站在收錄上就會(huì)出現(xiàn)困難,而我們要做的就是將用到Javascript代碼用外部調(diào)用的形式放在網(wǎng)站中,這樣可以簡(jiǎn)化搜索引擎的工作,也不會(huì)在無(wú)形中衍生出無(wú)效代碼累及網(wǎng)站。
不僅如此,可以采用外部調(diào)用的還有css代碼,建站之初可以將網(wǎng)站的文字、顏色定義在css代碼文件中,盡量不要在頁(yè)面代碼內(nèi)出現(xiàn)過(guò)多的樣式代碼。
(5)、降低頁(yè)面對(duì)于JS的依賴性
現(xiàn)在來(lái)說(shuō),JS對(duì)于搜索引擎并不不友好,雖然有消息稱搜索引擎不會(huì)對(duì)JS有厭惡的情緒,但是多一事不如少一事,雖然JS可以制作出很多的效果,但是網(wǎng)頁(yè)中大量的JS將影響蜘蛛對(duì)頁(yè)面的抓取和增加網(wǎng)頁(yè)體積,尤其是頁(yè)面的關(guān)鍵位置如導(dǎo)航欄,盡量采用DIV+CSS的設(shè)計(jì)方法。
5、減少TABLE標(biāo)簽的使用。
table標(biāo)簽是現(xiàn)在大多數(shù)上線網(wǎng)站中最為常見(jiàn)的代碼形式,原因根本在于table在建立網(wǎng)站時(shí)比較快捷,但是這也就影響了網(wǎng)站的后期優(yōu)化。
相對(duì)于div+css布局的精簡(jiǎn)代碼網(wǎng)站來(lái)說(shuō),它的占位比較大,所以,在建站時(shí)候,盡量是少用表格,即便是要使用表格時(shí),嵌套式表格也要盡量少用,以免產(chǎn)生冗雜代碼。
那么,現(xiàn)在的網(wǎng)站用什么做呢?很多程序員第一想法就是采用CSS去做,采用CSS去排版,這種做法呢,就使頁(yè)面中的表格大大的降低了,但在我看來(lái),網(wǎng)站也不能沒(méi)有表格,有些事必須使用到得,使用表格本身沒(méi)什么,但是有很多網(wǎng)站都采用嵌套表格,一般這樣的表格形式會(huì)給網(wǎng)站產(chǎn)生大量的垃圾代碼,并且這些垃圾代碼都是沒(méi)有任何用處的代碼,這一類代碼也是我們網(wǎng)站需要精簡(jiǎn)的代碼之一。
6、代碼注釋省略的少量使用。
很多程序人員在編寫(xiě)代碼是都習(xí)慣在別人看不懂的地方給出一段注釋,這些代碼往往是為了幾個(gè)程序員之間的協(xié)同工作,對(duì)于外人以及搜索引擎來(lái)說(shuō)沒(méi)有任何用處,相反還會(huì)給搜索引擎蜘蛛帶來(lái)一定的困擾。
打開(kāi)頁(yè)面代碼我們經(jīng)常會(huì)看到一些注釋代碼,這是程序員為了表明代碼意義而做的注釋,其實(shí)這些打開(kāi)不必,因?yàn)閷?duì)于搜索引擎而言,它們是不存在任何意義的,只是會(huì)增加了頁(yè)面代碼的容量,這樣對(duì)于網(wǎng)站不會(huì)有什么利處,不如直接省略。
7、清除頁(yè)面中多余的代碼即精簡(jiǎn)代碼。
有的網(wǎng)站以為制作者的代碼書(shū)寫(xiě)習(xí)慣問(wèn)題,頁(yè)面會(huì)有很多空格代碼,比如:空格代碼、style和font重復(fù)定義的代碼,不要小看這些體積很小的代碼,積攢多了,也會(huì)使我們的網(wǎng)站異常的臃腫。
很多網(wǎng)站都是采用的DIV+CSS,在CSS中定義了文字的字體,顏色,以及頁(yè)面的排版,但是在網(wǎng)站的其他地方還用了以style以及font來(lái)再次定義字體字體,這些代碼完全沒(méi)有必要重復(fù)定義,屬于可以精簡(jiǎn)的代碼。
8、將html控制方式轉(zhuǎn)換為CSS控制。
很多網(wǎng)頁(yè)設(shè)計(jì)者習(xí)慣在標(biāo)簽內(nèi)對(duì)內(nèi)容進(jìn)行控制,比如img標(biāo)簽里通過(guò)width和height來(lái)控制圖片的大小,盡量將這些代碼轉(zhuǎn)換成外調(diào)式的CSS,使網(wǎng)頁(yè)代碼更加的瘦身。
9、緩存靜態(tài)資源。
通過(guò)設(shè)置瀏覽器緩存,將css、js等不太經(jīng)常更新的文件緩存在瀏覽器端,這樣同一訪客再次訪問(wèn)你的網(wǎng)站的時(shí)候,瀏覽器就可以從瀏覽器的緩存中獲取css、js等,而不必每次都從你的服務(wù)器讀取,這樣在一定程度上加快了網(wǎng)站的打開(kāi)速度,又可以節(jié)約你的服務(wù)器流量。
10、網(wǎng)頁(yè)壓縮技術(shù)。
對(duì)于網(wǎng)頁(yè)壓縮而言,相信各位站長(zhǎng)都比較熟悉,主要是啟用服務(wù)器Gzip,對(duì)頁(yè)面Gzip壓縮,減少元素的體積,從而減少數(shù)據(jù)的傳輸,進(jìn)而提高網(wǎng)頁(yè)的加載速度,這個(gè)功能需要你的服務(wù)器的支持,GZIP壓縮一般能對(duì)網(wǎng)頁(yè)進(jìn)行30%-80%的壓縮,是最重要的一種優(yōu)化效果。
總之,通過(guò)代碼優(yōu)化來(lái)起到網(wǎng)站優(yōu)化作用的方式還有很多,在這只是隨意的說(shuō)了其中比較常見(jiàn)的而已,希望大家能多多鉆研。
11、權(quán)重標(biāo)簽的使用。
典型的權(quán)重標(biāo)簽有H1,strong,b標(biāo)簽等,對(duì)想?yún)⑴c排名的重要關(guān)鍵詞使用權(quán)重標(biāo)簽,好處是向搜索引擎?zhèn)鬟f信號(hào):這個(gè)地方的關(guān)鍵詞很重要,需要區(qū)別對(duì)待,從而提升既定關(guān)鍵詞在搜索引擎的排序。
個(gè)人認(rèn)為網(wǎng)站頁(yè)面代碼的SEO優(yōu)化,不但可以提高網(wǎng)頁(yè)的打開(kāi)速度,還可以提升用戶的訪問(wèn)體驗(yàn),同時(shí)從SEO的角度來(lái)說(shuō),還可以提高蜘蛛的訪問(wèn)速度,有助于搜索引擎對(duì)網(wǎng)站的索引體驗(yàn)。
?