【全國】 集團(tuán)簡介 關(guān)注我們
幫學(xué)院 商標(biāo)分類表-2024尼斯分類 知識產(chǎn)權(quán)交易

快幫集團(tuán)

嚴(yán)重影響SEO優(yōu)化的5個javascript技術(shù)

2019-05-28
應(yīng)百度站長平臺邀請,抽空把這篇文章做一些細(xì)節(jié)上的補(bǔ)充 ,歡迎大家關(guān)注并討論。由于現(xiàn)階段,觸屏技術(shù)以及移動互聯(lián)網(wǎng)的發(fā)展,SEO也面臨著各種各樣的算法變革,技術(shù)變革或者更進(jìn)一步,營銷方法上的變革,那么這些變革,對于一些技術(shù)上的細(xì)節(jié)事項,往往可能無法兼顧,接下來快幫云網(wǎng)站建設(shè)公司帶大家一起看看,目前主流的一些技術(shù)上的誤區(qū)給網(wǎng)站SEO優(yōu)化帶來的不利影響。

1、你還沒有移動站點(No Mobile website),或者說你的移動站點只是做了簡單的轉(zhuǎn)碼和瀏覽器適配,那么你的移動搜索結(jié)果將會非常糟糕。這在百度體現(xiàn)的猶為突出,聽說百度內(nèi)部有一個測試移動站點得分的在線工具,如果你的網(wǎng)站是H5的移動站點并且進(jìn)行適配,可能會得到比較高的分,但是據(jù)觀察得知,H5的移動站點,依然沒有H4的移動站點排名好,流量高,相信后續(xù)會有改觀(純屬我個人SEO項目經(jīng)驗,有不同觀點歡迎探討)。



2、無限滾動(Infinite -Endless Scroll),你的網(wǎng)站為了適應(yīng)手機(jī)或者平板瀏覽,用了一個看似很酷但是非常糟糕的技術(shù)——無限滾動。這里要說明下,搜索引擎既不會學(xué)人滾動鼠標(biāo),也不會無限制的去讀取你所謂的觸發(fā)代碼,說白了,無限滾動讓你的網(wǎng)站幾乎失去了99%的內(nèi)容。

這里解釋下,無限滾動——它是一種網(wǎng)頁交互技術(shù),特別是微博,社交等網(wǎng)站經(jīng)常使用的一種交互,而且特別適用于觸摸屏,鼓勵用戶一直往下拉,一直看,看到用戶不想看為止!這樣的話,就摒棄了原來分頁的瀏覽方式,讓用戶不用再點擊鼠標(biāo),看上去很完美,其實這種技術(shù)SEO弊端有3個

1 )這種交互,是針對人的行為,目前主流的搜索引擎并沒有官方說明支持這樣的無限滾動抓取技術(shù)。
2)不分頁的方式,導(dǎo)致頁面數(shù)量減少,可能會影響到你的收錄和排名。
3)這種交互,勢必會讓你的服務(wù)器壓力更大,加載更慢,而且搜索引擎也不能保證它在這個頁面上會停留足夠多,足夠長的時間。



當(dāng)然,這種交互還是有很多優(yōu)點的,比如更多的瀏覽內(nèi)容,停留時長以及專門為觸屏定制等。


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

比如:
<img src="loader.gif" data-src="img1.jpg" />

這段代碼,并不能有效抓取延時加載的內(nèi)容和圖片,所以不建議采用這種方式,當(dāng)然,也有技術(shù)表示,可以采用<noscript>標(biāo)簽來展現(xiàn)內(nèi)容而不要用javascript. 目前還沒經(jīng)過測試,所以是否有用還有待驗證。

當(dāng)然,也有童鞋會想到,用sitemap提交圖片內(nèi)容,是否能保證圖片被收錄呢 ?這里可以肯定給你一個NO的答案,案例如下:



經(jīng)過測試發(fā)現(xiàn),2年后這些提交的圖片一個都沒有被收錄(國外友人的友情測試)

當(dāng)然,也有來自谷歌的說明稱,可以解決這個問題,跟解決AJAX是一樣的原理,大家可以看看谷歌開發(fā)者幫助,https://developers.google.com/webmasters/ajax-crawling/

  還有沒有更好的辦法?當(dāng)然是有的,比如
  <a
  onclick='...show(<image-number>);return false;'>
  這段代碼意味著,如果是搜索引擎看到的話,會直接讀取 href里面的URL,如果是用戶,則會看到圖片內(nèi)容,一舉兩得。

4、視差(Parallax),也可以稱為利用圖片的前景和背景的差別來造成一種很酷炫的景象,這種技術(shù),我只想說一句話:你們活在自己YY的世界里,在幻想用戶也跟你一起YY,而用戶只想要解決他的需求而已,不是來跟你一起YY的。以上這個技術(shù),大多使用在一些品牌網(wǎng)站,先看幾個圖來看看到底長什么樣子:



沒錯,就是偏向酷酷的感覺,把很多個頁面,都?xì)w納為一個頁面,我們都知道SEO的世界里,更多的頁面,意味著更多的關(guān)鍵詞和排名,以及更多的流量,這基本上是正相關(guān)關(guān)系。用圖來說話,更形象一些:



這就是很形象的跟大家解釋了視差所帶來的直接影響。當(dāng)然,很多人可能會說用不同的H標(biāo)簽來區(qū)分不同的頁面,但是我想說這絕對不是一個非常好的解決方案,可以說你的SEO肯定做不過其他人。

5、漢堡式菜單(Hamburger Menus),我們經(jīng)??吹绞謾C(jī)上或者平板上有這種漢堡式菜單,手指點上去,就看到了導(dǎo)航欄里的鏈接,然后你再點開就能看到內(nèi)容了,但是如果這種技術(shù)被用到了PC上,將是一種災(zāi)難,如果你有重要內(nèi)容但是不在第一時間展示給用戶看,而是需要用戶點下鼠標(biāo)才能看到,那么諾大的PC屏幕你打算用來做什么 ? 以下就是我們常在移動端見到的菜單了,看看大家有沒有很熟悉?





在移動端雖然好,并不代表這個漢堡式菜單要照搬到PC端來,用戶在PC上更喜歡直接精準(zhǔn)的找到他想要的導(dǎo)航和內(nèi)容,而不是給他看漢堡菜單。

以上就是總結(jié)的5個技術(shù)上對SEO影響較大的技術(shù)誤區(qū),其實在搜索引擎技術(shù)還沒有完全能夠?qū)崿F(xiàn)更加智能的情況下,冒險采用以上這些技術(shù)是挺有風(fēng)險的,如果您的網(wǎng)站特別需要SEO流量,那么不建議采用以上這些技術(shù),希望大家能夠運(yùn)用好技術(shù),做好SEO,也希望百度能夠在技術(shù)上多做創(chuàng)新,多多支持SEO的發(fā)展。

文章內(nèi)容來源于網(wǎng)絡(luò),侵刪

常見問題

京公網(wǎng)安備 11010802036823號

   

京ICP備16051929號

   

增值電信業(yè)務(wù)許可證編號:京B2-20190686

   

專利代理機(jī)構(gòu)代碼:16087

   

人力資源服務(wù)許可證編號:1101082019043

   

代理記賬許可證書編號:DLJZ11010820210015

0