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

2、無限滾動(Infinite -Endless Scroll),你的網站為了適應手機或者平板瀏覽,用了一個看似很酷但是非常糟糕的技術——無限滾動。這里要說明下,搜索引擎既不會學人滾動鼠標,也不會無限制的去讀取你所謂的觸發代碼,說白了,無限滾動讓你的網站幾乎失去了99%的內容。
這里解釋下,無限滾動——它是一種網頁交互技術,特別是微博,社交等網站經常使用的一種交互,而且特別適用于觸摸屏,鼓勵用戶一直往下拉,一直看,看到用戶不想看為止!這樣的話,就摒棄了原來分頁的瀏覽方式,讓用戶不用再點擊鼠標,看上去很完美,其實這種技術SEO弊端有3個
1 )這種交互,是針對人的行為,目前主流的搜索引擎并沒有官方說明支持這樣的無限滾動抓取技術。
2)不分頁的方式,導致頁面數量減少,可能會影響到你的收錄和排名。
3)這種交互,勢必會讓你的服務器壓力更大,加載更慢,而且搜索引擎也不能保證它在這個頁面上會停留足夠多,足夠長的時間。

當然,這種交互還是有很多優點的,比如更多的瀏覽內容,停留時長以及專門為觸屏定制等。
3、延時加載(Lazy Loading),這個技術很多網站都會用(jQuery貌似是主流),技術美其名曰提高網站速度,提升用戶體驗,其實,在網速如電,互聯網爆炸時代的現在,再抱怨服務器不夠用,網速慢真的是一件很令人羞恥的事情,延時加載導致搜索引擎無法像人一樣去移動鼠標,搜索引擎只會選擇看你第一頁的內容,剩下的依然是一片空白,除非你的網站不要考慮SEO,否則還是老老實實的丟掉這個看起來很酷聽起來也很牛掰的技術吧——其實它真的要淘汰了,4G都來了,還要擔心網速?
比如:
<img src="loader.gif" data-src="img1.jpg" />
這段代碼,并不能有效抓取延時加載的內容和圖片,所以不建議采用這種方式,當然,也有技術表示,可以采用<noscript>標簽來展現內容而不要用javascript. 目前還沒經過測試,所以是否有用還有待驗證。
當然,也有童鞋會想到,用sitemap提交圖片內容,是否能保證圖片被收錄呢 ?這里可以肯定給你一個NO的答案,案例如下:

經過測試發現,2年后這些提交的圖片一個都沒有被收錄(國外友人的友情測試)
當然,也有來自谷歌的說明稱,可以解決這個問題,跟解決AJAX是一樣的原理,大家可以看看谷歌開發者幫助,https://developers.google.com/webmasters/ajax-crawling/
還有沒有更好的辦法?當然是有的,比如
<a href='http://www.idea-r.it/...?blogimage=<image-number>'
onclick='...show(<image-number>);return false;'>
這段代碼意味著,如果是搜索引擎看到的話,會直接讀取 href里面的URL,如果是用戶,則會看到圖片內容,一舉兩得。
4、視差(Parallax),也可以稱為利用圖片的前景和背景的差別來造成一種很酷炫的景象,這種技術,我只想說一句話:你們活在自己YY的世界里,在幻想用戶也跟你一起YY,而用戶只想要解決他的需求而已,不是來跟你一起YY的。以上這個技術,大多使用在一些品牌網站,先看幾個圖來看看到底長什么樣子:

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

這就是很形象的跟大家解釋了視差所帶來的直接影響。當然,很多人可能會說用不同的H標簽來區分不同的頁面,但是我想說這絕對不是一個非常好的解決方案,可以說你的SEO肯定做不過其他人。
5、漢堡式菜單(Hamburger Menus),我們經常看到手機上或者平板上有這種漢堡式菜單,手指點上去,就看到了導航欄里的鏈接,然后你再點開就能看到內容了,但是如果這種技術被用到了PC上,將是一種災難,如果你有重要內容但是不在第一時間展示給用戶看,而是需要用戶點下鼠標才能看到,那么諾大的PC屏幕你打算用來做什么 ? 以下就是我們常在移動端見到的菜單了,看看大家有沒有很熟悉?


在移動端雖然好,并不代表這個漢堡式菜單要照搬到PC端來,用戶在PC上更喜歡直接精準的找到他想要的導航和內容,而不是給他看漢堡菜單。
以上就是總結的5個技術上對SEO影響較大的技術誤區,其實在搜索引擎技術還沒有完全能夠實現更加智能的情況下,冒險采用以上這些技術是挺有風險的,如果您的網站特別需要SEO流量,那么不建議采用以上這些技術,希望大家能夠運用好技術,做好SEO,也希望百度能夠在技術上多做創新,多多支持SEO的發展。
推薦新聞
更多行業-
網站建設注意的幾個點
網站建設是一個關鍵的過程,它需要考慮多個方面,以確保最終的網站能夠滿足...
2023-06-30 -
如何撰寫網絡市場調查報告
網絡市場調查報告的撰寫是網絡市場調查中的最后一個環節。撰寫市場調查報告...
2014-06-12 -
企業網站設計建設細節非常關鍵,不能忽略
企業網站之于網絡營銷,就像牛仔褲之于時尚一樣:經典、實用、耐用且永不過...
2020-04-08 -
在網頁中插入ASP代碼
一、ASP基礎。ASP是Ff1ML代碼與程序代碼的結合體,下面找們就來...
2014-06-27 -
建設的網站如何提高用戶體驗?這些細節不能忽略
在建設網站的時候,有一個非常重要的問題:如何提高用戶的體驗,這個問題可...
2020-04-09 -
怎么使用二維碼推廣你的app
大家知道,智能手機在目前的生活中越來越普及,android和ios智能...
2012-02-03
預約專業咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規,當本聲明與國家法律法規沖突時,以國家法律法規為準。
4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式:010-60259772
電子郵件:394588593@qq.com