網站seo優化

熟知排名算法,快速提升網站轉化率

當前位置:首頁>新聞資訊>網站seo優化

嚴重影響SEO優化的(de)5個(gè)javascript技術

時(shí)間:2025-03-25   訪問量:1149

應百度站長平台邀請,抽空把這(zhè)篇文章做一(yī / yì /yí)些細節上(shàng)的(de)補充 ,歡迎大(dà)家關注并讨論。由于(yú)現階段,觸屏技術以(yǐ)及移動互聯網的(de)發展,SEO也(yě)面臨着各種各樣的(de)算法變革,技術變革或者更進一(yī / yì /yí)步,營銷方法上(shàng)的(de)變革,那麽這(zhè)些變革,對于(yú)一(yī / yì /yí)些技術上(shàng)的(de)細節事項,往往可能無法兼顧,接下來(lái)湖北衆廣網絡網站建設公司帶大(dà)家一(yī / yì /yí)起看看,目前主流的(de)一(yī / yì /yí)些技術上(shàng)的(de)誤區給網站SEO優化帶來(lái)的(de)不(bù)利影響。

1、你還沒有移動站點(No Mobile website),或者說(shuō)你的(de)移動站點隻是(shì)做了(le/liǎo)簡單的(de)轉碼和(hé / huò)浏覽器适配,那麽你的(de)移動搜索結果将會非常糟糕。這(zhè)在(zài)百度體現的(de)猶爲(wéi / wèi)突出(chū),聽說(shuō)百度内部有一(yī / yì /yí)個(gè)測試移動站點得分的(de)在(zài)線工具,如果你的(de)網站是(shì)H5的(de)移動站點并且進行适配,可能會得到(dào)比較高的(de)分,但是(shì)據觀察得知,H5的(de)移動站點,依然沒有H4的(de)移動站點排名好,流量高,相信後續會有改觀(純屬我個(gè)人(rén)SEO項目經驗,有不(bù)同觀點歡迎探讨)。

2、無限滾動(Infinite -Endless Scroll),你的(de)網站爲(wéi / wèi)了(le/liǎo)适應手機或者平闆浏覽,用了(le/liǎo)一(yī / yì /yí)個(gè)看似很酷但是(shì)非常糟糕的(de)技術——無限滾動。這(zhè)裏要(yào / yāo)說(shuō)明下,搜索引擎既不(bù)會學人(rén)滾動鼠标,也(yě)不(bù)會無限制的(de)去讀取你所謂的(de)觸發代碼,說(shuō)白了(le/liǎo),無限滾動讓你的(de)網站幾乎失去了(le/liǎo)99%的(de)内容。

這(zhè)裏解釋下,無限滾動——它是(shì)一(yī / yì /yí)種網頁交互技術,特别是(shì)微博,社交等網站經常使用的(de)一(yī / yì /yí)種交互,而(ér)且特别适用于(yú)觸摸屏,鼓勵用戶一(yī / yì /yí)直往下拉,一(yī / yì /yí)直看,看到(dào)用戶不(bù)想看爲(wéi / wèi)止!這(zhè)樣的(de)話,就(jiù)摒棄了(le/liǎo)原來(lái)分頁的(de)浏覽方式,讓用戶不(bù)用再點擊鼠标,看上(shàng)去很完美,其實這(zhè)種技術SEO弊端有3個(gè)

1 )這(zhè)種交互,是(shì)針對人(rén)的(de)行爲(wéi / wèi),目前主流的(de)搜索引擎并沒有官方說(shuō)明支持這(zhè)樣的(de)無限滾動抓取技術。

2)不(bù)分頁的(de)方式,導緻頁面數量減少,可能會影響到(dào)你的(de)收錄和(hé / huò)排名。

3)這(zhè)種交互,勢必會讓你的(de)服務器壓力更大(dà),加載更慢,而(ér)且搜索引擎也(yě)不(bù)能保證它在(zài)這(zhè)個(gè)頁面上(shàng)會停留足夠多,足夠長的(de)時(shí)間。

當然,這(zhè)種交互還是(shì)有很多優點的(de),比如更多的(de)浏覽内容,停留時(shí)長以(yǐ)及專門爲(wéi / wèi)觸屏定制等。

3、延時(shí)加載(Lazy Loading),這(zhè)個(gè)技術很多網站都會用(jQuery貌似是(shì)主流),技術美其名曰提高網站速度,提升用戶體驗,其實,在(zài)網速如電,互聯網爆炸時(shí)代的(de)現在(zài),再抱怨服務器不(bù)夠用,網速慢真的(de)是(shì)一(yī / yì /yí)件很令人(rén)羞恥的(de)事情,延時(shí)加載導緻搜索引擎無法像人(rén)一(yī / yì /yí)樣去移動鼠标,搜索引擎隻會選擇看你第一(yī / yì /yí)頁的(de)内容,剩下的(de)依然是(shì)一(yī / yì /yí)片空白,除非你的(de)網站不(bù)要(yào / yāo)考慮SEO,否則還是(shì)老老實實的(de)丢掉這(zhè)個(gè)看起來(lái)很酷聽起來(lái)也(yě)很牛掰的(de)技術吧——其實它真的(de)要(yào / yāo)淘汰了(le/liǎo),4G都來(lái)了(le/liǎo),還要(yào / yāo)擔心網速?

比如:

這(zhè)段代碼,并不(bù)能有效抓取延時(shí)加載的(de)内容和(hé / huò)圖片,所以(yǐ)不(bù)建議采用這(zhè)種方式,當然,也(yě)有技術表示,可以(yǐ)采用

當然,也(yě)有童鞋會想到(dào),用sitemap提交圖片内容,是(shì)否能保證圖片被收錄呢 ?這(zhè)裏可以(yǐ)肯定給你一(yī / yì /yí)個(gè)NO的(de)答案,案例如下:

經過測試發現,2年後這(zhè)些提交的(de)圖片一(yī / yì /yí)個(gè)都沒有被收錄(國(guó)外友人(rén)的(de)友情測試)

當然,也(yě)有來(lái)自谷歌的(de)說(shuō)明稱,可以(yǐ)解決這(zhè)個(gè)問題,跟解決AJAX是(shì)一(yī / yì /yí)樣的(de)原理,大(dà)家可以(yǐ)看看谷歌開發者幫助,https://developers.google.com/webmasters/ajax-crawling/

還有沒有更好的(de)辦法?當然是(shì)有的(de),比如

onclick='...show();return false;'>

這(zhè)段代碼意味着,如果是(shì)搜索引擎看到(dào)的(de)話,會直接讀取 href裏面的(de)URL,如果是(shì)用戶,則會看到(dào)圖片内容,一(yī / yì /yí)舉兩得。

4、視差(Parallax),也(yě)可以(yǐ)稱爲(wéi / wèi)利用圖片的(de)前景和(hé / huò)背景的(de)差别來(lái)造成一(yī / yì /yí)種很酷炫的(de)景象,這(zhè)種技術,我隻想說(shuō)一(yī / yì /yí)句話:你們活在(zài)自己YY的(de)世界裏,在(zài)幻想用戶也(yě)跟你一(yī / yì /yí)起YY,而(ér)用戶隻想要(yào / yāo)解決他(tā)的(de)需求而(ér)已,不(bù)是(shì)來(lái)跟你一(yī / yì /yí)起YY的(de)。以(yǐ)上(shàng)這(zhè)個(gè)技術,大(dà)多使用在(zài)一(yī / yì /yí)些品牌網站,先看幾個(gè)圖來(lái)看看到(dào)底長什麽樣子(zǐ):

沒錯,就(jiù)是(shì)偏向酷酷的(de)感覺,把很多個(gè)頁面,都歸納爲(wéi / wèi)一(yī / yì /yí)個(gè)頁面,我們都知道(dào)SEO的(de)世界裏,更多的(de)頁面,意味着更多的(de)關鍵詞和(hé / huò)排名,以(yǐ)及更多的(de)流量,這(zhè)基本上(shàng)是(shì)正相關關系。用圖來(lái)說(shuō)話,更形象一(yī / yì /yí)些:

這(zhè)就(jiù)是(shì)很形象的(de)跟大(dà)家解釋了(le/liǎo)視差所帶來(lái)的(de)直接影響。當然,很多人(rén)可能會說(shuō)用不(bù)同的(de)H标簽來(lái)區分不(bù)同的(de)頁面,但是(shì)我想說(shuō)這(zhè)絕對不(bù)是(shì)一(yī / yì /yí)個(gè)非常好的(de)解決方案,可以(yǐ)說(shuō)你的(de)SEO肯定做不(bù)過其他(tā)人(rén)。

5、漢堡式菜單(Hamburger Menus),我們經常看到(dào)手機上(shàng)或者平闆上(shàng)有這(zhè)種漢堡式菜單,手指點上(shàng)去,就(jiù)看到(dào)了(le/liǎo)導航欄裏的(de)鏈接,然後你再點開就(jiù)能看到(dào)内容了(le/liǎo),但是(shì)如果這(zhè)種技術被用到(dào)了(le/liǎo)PC上(shàng),将是(shì)一(yī / yì /yí)種災難,如果你有重要(yào / yāo)内容但是(shì)不(bù)在(zài)第一(yī / yì /yí)時(shí)間展示給用戶看,而(ér)是(shì)需要(yào / yāo)用戶點下鼠标才能看到(dào),那麽諾大(dà)的(de)PC屏幕你打算用來(lái)做什麽 ? 以(yǐ)下就(jiù)是(shì)我們常在(zài)移動端見到(dào)的(de)菜單了(le/liǎo),看看大(dà)家有沒有很熟悉?

在(zài)移動端雖然好,并不(bù)代表這(zhè)個(gè)漢堡式菜單要(yào / yāo)照搬到(dào)PC端來(lái),用戶在(zài)PC上(shàng)更喜歡直接精準的(de)找到(dào)他(tā)想要(yào / yāo)的(de)導航和(hé / huò)内容,而(ér)不(bù)是(shì)給他(tā)看漢堡菜單。

以(yǐ)上(shàng)就(jiù)是(shì)總結的(de)5個(gè)技術上(shàng)對SEO影響較大(dà)的(de)技術誤區,其實在(zài)搜索引擎技術還沒有完全能夠實現更加智能的(de)情況下,冒險采用以(yǐ)上(shàng)這(zhè)些技術是(shì)挺有風險的(de),如果您的(de)網站特别需要(yào / yāo)SEO流量,那麽不(bù)建議采用以(yǐ)上(shàng)這(zhè)些技術,希望大(dà)家能夠運用好技術,做好SEO,也(yě)希望百度能夠在(zài)技術上(shàng)多做創新,多多支持SEO的(de)發展。

上(shàng)一(yī / yì /yí)篇:網站seo優化開展互動式彈幕

下一(yī / yì /yí)篇:網站關鍵詞優化的(de)五大(dà)法則

發表評論:

評論記錄:

未查詢到(dào)任何數據!

在(zài)線咨詢

點擊這(zhè)裏給我發消息 售前咨詢專員

點擊這(zhè)裏給我發消息 售後服務專員

在(zài)線咨詢

免費通話

24小時(shí)免費咨詢

請輸入您的(de)聯系電話,座機請加區号

免費通話

微信掃一(yī / yì /yí)掃

微信聯系
返回頂部