5個嚴(yán)重影響SEO優(yōu)化的JavaScript技術(shù)
  • 更新時間:2024-10-29 04:32:49
  • 網(wǎng)站建設(shè)
  • 發(fā)布時間:1年前
  • 364

應(yīng)百度站長平臺之邀,抽空對本文進行補充。歡迎大家關(guān)注和討論。由于現(xiàn)階段觸摸屏技術(shù)和移動互聯(lián)網(wǎng)的發(fā)展,SEO也面臨著各種算法的變化,技術(shù)的變化或者更進一步,營銷方式的變化。那么這些變化,對于一些技術(shù)細節(jié),往往是不能兼顧的。下面推來客網(wǎng)站建設(shè)公司就帶大家看看目前主流的一些技術(shù)誤區(qū)對網(wǎng)站SEO優(yōu)化造成的不良影響。1、你還沒有移動站點(No Mobile website),或者如果你的手機站只是簡單的轉(zhuǎn)碼和瀏覽器適配,那么你的手機搜索結(jié)果會很差。這一點在百度還是很突出的。聽說百度有一個在線工具可以測試手機網(wǎng)站的評分。如果你的網(wǎng)站是H5手機站,而且是適配的,可能會得到比較高的分數(shù),但是根據(jù)觀察,H5手機站還是不如H4手機站,流量高。相信以后會有改進(純屬個人SEO項目經(jīng)驗,不同意見歡迎討論)。

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

在這里說明一下,無限滾動——是一種網(wǎng)頁交互技術(shù),尤其是微博、社交等網(wǎng)站上經(jīng)常使用的一種交互方式,特別適合觸屏。它鼓勵用戶一直向下滾動查看,看到用戶不想看。直到!這樣就放棄了原來分頁的瀏覽方式,讓用戶不再需要點擊鼠標(biāo),看起來很完美。事實上,這項技術(shù)存在三個SEO 缺點。

1)這種交互是針對人的行為。目前主流的搜索引擎都沒有正式聲明支持這種無限滾動爬取技術(shù)。

2)不分頁的方法導(dǎo)致頁數(shù)減少,可能會影響你的收錄和排名。

3)這種交互必然會給你的服務(wù)器帶來更大的壓力,加載速度變慢,搜索引擎也無法保證在這個頁面上停留的時間足夠長。

無限滾動

當(dāng)然,這種交互還是有很多優(yōu)點的,比如瀏覽內(nèi)容多,停留時間長,可以針對觸屏進行定制。3、延時加載(Lazy Loading),很多網(wǎng)站都在用這個技術(shù)(jQuery好像是主流),號稱提高網(wǎng)站速度,提升用戶體驗的技術(shù)。其實在互聯(lián)網(wǎng)爆炸和網(wǎng)速的時代,已經(jīng)不能再抱怨服務(wù)器不夠用了,網(wǎng)速慢真的是一件很丟人的事情,延遲加載讓搜索引擎像人一樣動不了鼠標(biāo),搜索引擎只會選擇讀取你第一頁的內(nèi)容,剩下的還是一片空白,除非你的網(wǎng)站不考慮SEO,否則還是老老實實扔掉這個看起來很酷聽起來很牛逼的技術(shù)。速度?

例如:

img src='loader.gif' data-src='img1.jpg' /

該代碼無法有效抓取延遲加載的內(nèi)容和圖片,不推薦使用該方法。當(dāng)然,也有技術(shù)跡象表明可以使用noscript標(biāo)簽代替javascript顯示內(nèi)容。尚未經(jīng)過測試,因此是否有效還有待驗證。

當(dāng)然,也有童鞋會想,如果提交帶有sitemap的圖片內(nèi)容,是不是就能保證收錄了圖片呢?在這里我絕對可以給你一個NO的答案,案例如下:

sitemap提交圖片內(nèi)容

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

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

有沒有更好的辦法?當(dāng)然還有,比如

onclick='.show(image-number);return false;'gt

;
  這段代碼意味著,如果是搜索引擎看到的話,會直接讀取 href里面的URL,如果是用戶,則會看到圖片內(nèi)容,一舉兩得。

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

視差

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



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

5、漢堡式菜單(Hamburger Menus),我們經(jīng)??吹绞謾C上或者平板上有這種漢堡式菜單,手指點上去,就看到了導(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ù),希望大家能夠運用好技術(shù),做好SEO,也希望百度能夠在技術(shù)上多做創(chuàng)新,多多支持SEO的發(fā)展。

我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!

本文章出于推來客官網(wǎng),轉(zhuǎn)載請表明原文地址:https://www.tlkjt.com/web/12148.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部