一、為什么移動(dòng)動(dòng)端seo變得重要
隨著智能手機(jī)的普及,移動(dòng)端搜索量也在暴發(fā)。有調(diào)查顯示,現(xiàn)在google中58%的搜索是在移動(dòng)設(shè)備完成,google目前也將算法調(diào)整到更專注于移動(dòng)端的搜索。
因此,如果你在運(yùn)營(yíng)一個(gè)網(wǎng)站,千萬(wàn)不要漏了對(duì)移動(dòng)端的seo優(yōu)化。
我這段時(shí)間在google分析上查看我的網(wǎng)站流量來(lái)源,發(fā)現(xiàn)從移動(dòng)端過(guò)來(lái)的流量已經(jīng)占到68%。早兩個(gè)月前還是百分之四十幾,和桌面流量相當(dāng),我預(yù)計(jì)移動(dòng)端流量的占比越到后面越高。因此,我查閱了大量的資料,對(duì)我的網(wǎng)站移動(dòng)端進(jìn)行了優(yōu)化。
圖片來(lái)源:gsc二、首先了解一些關(guān)于移動(dòng)端搜索算法的基本知識(shí)
Google的“優(yōu)先將移動(dòng)版網(wǎng)站編入索引”是什么意思?
即現(xiàn)在,對(duì)于桌面版內(nèi)容和移動(dòng)版內(nèi)容,google的索引系統(tǒng)和排名系統(tǒng),會(huì)更傾向于使用移動(dòng)版本的內(nèi)容。
“優(yōu)先將移動(dòng)版網(wǎng)站編入索引”并不是一套新的搜索算法,google只有一套搜索、索引系統(tǒng),只是說(shuō)這個(gè)算法,目前更傾向于優(yōu)先索引移動(dòng)端頁(yè)面。
三、如何對(duì)移動(dòng)端SEO進(jìn)行優(yōu)化
(一)構(gòu)建一個(gè)適應(yīng)移動(dòng)設(shè)備的網(wǎng)站
1.選擇一個(gè)自適應(yīng)移動(dòng)設(shè)備的模板
如果是使用shopify網(wǎng)站,我們?cè)谶x擇模板的時(shí)候,選擇可以自適應(yīng)移動(dòng)設(shè)備的模板?,F(xiàn)在很多建站網(wǎng)站的模板其實(shí)都有自適應(yīng)移動(dòng)設(shè)備的功能,根本不要我們自己另外建移動(dòng)版網(wǎng)站。
選擇自適應(yīng)的模板,意味著無(wú)論是桌面設(shè)備,手機(jī)設(shè)備,平板設(shè)備,都是相同的網(wǎng)址、主題和代碼,我們只需要維護(hù)一套網(wǎng)站版本,其他(桌面,手機(jī),平板)都會(huì)自動(dòng)跟著改變。不必維護(hù)多個(gè)版本的網(wǎng)站。
2.自己構(gòu)建移動(dòng)端網(wǎng)站,將你桌面網(wǎng)站現(xiàn)有的各個(gè)內(nèi)容部分重新整理成適合移動(dòng)設(shè)備的設(shè)計(jì)樣式。
在構(gòu)建移動(dòng)端網(wǎng)站的時(shí)候,我們需要從用戶需求角度出發(fā)進(jìn)行設(shè)計(jì),簡(jiǎn)化流程,讓用戶可以快速找到自己所需要的內(nèi)容這是最重要的(即及時(shí)反饋需求)。
注意:
盡量不要選擇一個(gè)和桌面網(wǎng)站不同域名的移動(dòng)版網(wǎng)站。如果桌面版的域名是http://example.com,那么移動(dòng)端可以是http://m.example.com。
建立的移動(dòng)端網(wǎng)址和桌面版的網(wǎng)址一一對(duì)應(yīng),如果沒(méi)有一一對(duì)應(yīng)的,注意做好網(wǎng)址的重定向。
自己新建移動(dòng)端網(wǎng)站,不僅會(huì)增加維護(hù)成本和精力,有時(shí)候還可能增加技術(shù)問(wèn)題,所以最好還是使用自適應(yīng)的設(shè)計(jì)。
(二)判斷你的網(wǎng)站是否適宜在移動(dòng)端進(jìn)行瀏覽
為什么要求網(wǎng)站要適合在移動(dòng)設(shè)備上觀看:
如果網(wǎng)站不適應(yīng)移動(dòng)設(shè)備,我們?cè)谝苿?dòng)端看網(wǎng)頁(yè),就需要進(jìn)行移動(dòng)或者放大屏幕才能看清楚網(wǎng)站里面的內(nèi)容,這樣的體驗(yàn)其實(shí)并不好,可能導(dǎo)致用戶反感,退出網(wǎng)頁(yè)。
方法:
在GSC的“移動(dòng)設(shè)備適合性測(cè)試”頁(yè)面測(cè)試你的網(wǎng)站是否適合在移動(dòng)端進(jìn)行瀏覽。
一般輸入網(wǎng)址后幾十秒到一分鐘就可以測(cè)試出來(lái)。
圖片來(lái)源:GSC你還可以查看移動(dòng)端具體的加載問(wèn)題,然后進(jìn)行優(yōu)化。
圖片來(lái)源:GSC(三)讓google全面抓取移動(dòng)端頁(yè)面,并且確保和桌面端內(nèi)容一致
1. 在移動(dòng)端網(wǎng)站使用和桌面端一樣的noindex或者nofollow元標(biāo)記
你在桌面端怎么設(shè)置的noindex或者nofollow元標(biāo)記在移動(dòng)端就怎么設(shè)置,否則google可能抓不全我們的移動(dòng)版網(wǎng)站,無(wú)法進(jìn)行索引和進(jìn)行有效排名。(自適應(yīng)網(wǎng)站沒(méi)有這個(gè)煩惱)
2. 允許google抓取我們的所有內(nèi)容
確保沒(méi)有使用disallow屏蔽相關(guān)的內(nèi)容。讓google全面抓取我們的JavaScript、CSS、圖片文件和其他相關(guān)的文件。
3.所有內(nèi)容在窗口中可見(jiàn)
要確保 Googlebot 能看到網(wǎng)頁(yè)上的所有內(nèi)容,每當(dāng)相關(guān)內(nèi)容在窗口中可見(jiàn)時(shí),延遲加載實(shí)現(xiàn)方案便會(huì)加載所有這些內(nèi)容。
4. 向google展示全面的內(nèi)容
Google說(shuō)明:如果某些內(nèi)容出現(xiàn)在頁(yè)面上,默認(rèn)這些內(nèi)容是和用戶搜索高度相關(guān)的內(nèi)容,那么應(yīng)該展示給用戶看。
因此在移動(dòng)端設(shè)置頁(yè)面的時(shí)候,我們應(yīng)該把所有內(nèi)容都展示給用戶看到,使得google看到的內(nèi)容和真實(shí)用戶看到的內(nèi)容是一樣的。
這里有個(gè)明顯的例子就是網(wǎng)站內(nèi)容的“Read more”,在移動(dòng)端隱藏相關(guān)內(nèi)容,用戶需要點(diǎn)擊才能看到更多的內(nèi)容。
還有網(wǎng)站的FAQ,很多網(wǎng)站喜歡把FAQ列成折疊內(nèi)容,用戶需要點(diǎn)擊才能看待具體的內(nèi)容,這個(gè)形式在移動(dòng)端可能并不那么友好。
(四)移動(dòng)版和桌面版擁有相同的內(nèi)容
1. 所有頁(yè)面相同的元標(biāo)題和元描述。
2. 所有頁(yè)面相同的詳情內(nèi)容。
3. 相同的結(jié)構(gòu)化數(shù)據(jù)。
確保用戶在任何設(shè)備上看到的內(nèi)容都是一樣的。
(五)移動(dòng)端多媒體內(nèi)容的設(shè)置
1.移動(dòng)端圖片
(1)使用高質(zhì)量的圖片,不要使用小分辨率的圖片,這會(huì)使得圖片模糊不清。
(2)使用支持的格式。
(3)注意圖片文件的大小,否則影響加載。
(4)注意圖片尺寸大小,超寬問(wèn)題,如果你選擇了自適應(yīng)的主題,一般都會(huì)自動(dòng)調(diào)節(jié),如果沒(méi)有自適應(yīng)要進(jìn)行調(diào)節(jié)。
(5)不要使用每次加載都會(huì)改變的圖片網(wǎng)址,google無(wú)法有效索引。
(6)圖片的標(biāo)題、文件名稱、替代文字要和桌面版的一樣。
2.移動(dòng)端視頻
如果你是從視頻平臺(tái)利用 例如,我之前把gifcat上視頻嵌入網(wǎng)站,選擇Fixed IFrame嵌入視頻,導(dǎo)致我大部分移動(dòng)端頁(yè)面的視頻都超寬,展示不全。后來(lái)需要全部換上的自適應(yīng)的代碼。 (1)和圖片一樣,視頻也盡量不要選擇每次加載時(shí)都會(huì)更改的視頻網(wǎng)址。 (2)使用google支持的視頻格式,不要放置不能在移動(dòng)設(shè)備上播放的視頻,或者需要flash才能播放的視頻,這會(huì)影響用戶體驗(yàn)。 Google建議使用 HTML5 標(biāo)準(zhǔn)標(biāo)記添加視頻或動(dòng)畫(huà),而不是使用專有視頻播放器或以不受支持的格式提供內(nèi)容。 (3)將視頻放在易于找到的位置,如果客戶需要下滑幾屏才能找到視頻,這會(huì)降低用戶體驗(yàn)。因此,我一般將視頻嵌入在第一屏或者第二屏。 3.表格 在頁(yè)面中插入表格時(shí),尤其是橫向比較長(zhǎng)的表格,要注意表格的尺寸,超寬的表格在手機(jī)端會(huì)超出屏幕,顯示不全。 我的網(wǎng)站之前在產(chǎn)品頁(yè)面添加了尺寸信息表,沒(méi)有注意表格的寬度問(wèn)題(在桌面顯示的很好)在移動(dòng)端超寬,后來(lái)我們調(diào)整了表格的顯示寬度,或者在原來(lái)的表格上加上了一個(gè)可以使得表格滾動(dòng)展示的代碼"scroll_tablex",這樣表格就不會(huì)超屏。 4.減少?gòu)V告干擾 根據(jù)betterads.org的調(diào)查顯示,在移動(dòng)端,用戶最不喜歡的廣告形式有以下幾種: 因此,確保你的網(wǎng)站的移動(dòng)版沒(méi)有放置這些類型的廣告。用戶體驗(yàn)不好的內(nèi)容,對(duì)于google來(lái)說(shuō)也是不好的內(nèi)容。 之前我在我的移動(dòng)版網(wǎng)站設(shè)置了郵件訂閱彈窗,起初我沒(méi)有意識(shí)到體驗(yàn)的問(wèn)題,我只是想讓大多訪問(wèn)者可以知道我們的折扣活動(dòng),并且輸入郵箱獲取折扣。 但有一次我用手機(jī)打開(kāi)我的網(wǎng)站,我發(fā)現(xiàn)這個(gè)彈窗在網(wǎng)站加載完立即彈出來(lái),并且還占了至少1/3的屏幕,我需要點(diǎn)擊關(guān)閉才能瀏覽內(nèi)容。 我感覺(jué)這個(gè)體驗(yàn)很不好,我就關(guān)閉這個(gè)功能了,改在首屏內(nèi)容中加入訂閱號(hào)召。 (六)提高移動(dòng)端的加載速度 和桌面版一樣,移動(dòng)版網(wǎng)站的速度也很重要,也是排名的重要因素。使用Google PageSpeed Insights,查看移動(dòng)設(shè)備網(wǎng)頁(yè)上是否存在可能會(huì)拖慢網(wǎng)頁(yè)加載速度的問(wèn)題,修復(fù)這些問(wèn)題。 提高加載速度方法: 壓縮你的圖像:如果你使用 WordPress,建議你安裝一個(gè)圖像優(yōu)化器,比如Smush Image Compression。如果你使用shopify,那么可以在app store找到很多Image optimization的插件。這些顯著減少了圖像的文件大小,從而可以顯著加快加載時(shí)間。 (七)設(shè)置“窗口”標(biāo)簽 設(shè)置窗口標(biāo)簽,我們的網(wǎng)站可以根據(jù)設(shè)備的不同改變窗口的大小,用戶無(wú)論從什么設(shè)備瀏覽都可以得到很好的體驗(yàn)。(shopify使用自適應(yīng)模板沒(méi)有這個(gè)煩惱) Google推薦使用“Viewport Content” 標(biāo)簽。 (八)移動(dòng)SEO優(yōu)化Tips 1. 縮小首屏圖片,把最能解決用戶需求的內(nèi)容放在首屏,這和之前說(shuō)的內(nèi)容優(yōu)化一樣。 2. 移動(dòng)版各個(gè)元素之間的空間盡可能可以“寬松”一些,保證各個(gè)元素之間不會(huì)相互影響,這可以在網(wǎng)站的模板中進(jìn)行優(yōu)化。 3. 將社交分享按鈕設(shè)置在下邊欄,可以增加用戶對(duì)我們內(nèi)容的社交分享。 使用Sumo工具將社交分享按鈕設(shè)置在頁(yè)面底部。 4.優(yōu)化移動(dòng)端的標(biāo)題和描述 移動(dòng)端的標(biāo)題和描述,可以比桌面端的標(biāo)題和描述展示的字?jǐn)?shù)更多。 標(biāo)題:約78個(gè)字符 描述:約155個(gè)字符 78個(gè)字符的標(biāo)題可能在桌面端會(huì)被截?cái)啵窃谑謾C(jī)端可能可以完全顯示。 四、利用GSC優(yōu)化移動(dòng)端網(wǎng)站 (一)解決移動(dòng)端網(wǎng)頁(yè)問(wèn)題 在GSC中,在“體驗(yàn)”欄下有“移動(dòng)設(shè)備易用性”模塊,點(diǎn)擊可以發(fā)現(xiàn)你的網(wǎng)站有多少移動(dòng)端有效網(wǎng)頁(yè),如果這里的有效網(wǎng)頁(yè)少于“覆蓋率”中的桌面端的有效網(wǎng)頁(yè),那么說(shuō)明你的網(wǎng)站移動(dòng)端沒(méi)有優(yōu)化得很好,有很多不適用移動(dòng)端設(shè)備的頁(yè)面,需要及時(shí)修復(fù)。 這里還可以看到你的網(wǎng)站在移動(dòng)端有什么其他問(wèn)題需要進(jìn)行修復(fù)。 (1)字太小,無(wú)法閱讀的問(wèn)題:一般是文字內(nèi)容的字體太小,可以直接修改字體大小。如果是圖片太小,圖片上的字無(wú)法讀取,修改圖片尺寸,放大字體即可。 (2)可點(diǎn)擊元素之間距離太近:調(diào)整可點(diǎn)擊按鈕和鏈接之間的距離,避免用戶在點(diǎn)擊自己所需要的按鈕時(shí)點(diǎn)到相鄰的元素。 (3)內(nèi)容寬度超過(guò)了屏幕的顯示范圍:調(diào)整圖片,視頻和表格等自適應(yīng)功能,不要超過(guò)手機(jī)屏幕。 還有很多問(wèn)題的排查可以在google搜索中心的關(guān)于“優(yōu)先將移動(dòng)版網(wǎng)站編入索引”的最佳做法“移動(dòng)端問(wèn)題排查”內(nèi)容。 (二)優(yōu)化移動(dòng)端網(wǎng)站的點(diǎn)擊率 查看你的移動(dòng)端和桌面端的點(diǎn)擊率 圖片來(lái)源:GSC 觀察點(diǎn)擊率是怎么變化的,如果你發(fā)現(xiàn)某個(gè)關(guān)鍵詞的桌面點(diǎn)擊率高過(guò)了移動(dòng)端點(diǎn)擊率,那么復(fù)制這個(gè)關(guān)鍵詞到手機(jī)端進(jìn)行搜索,查看搜索結(jié)果中競(jìng)爭(zhēng)對(duì)手的內(nèi)容形式,是否有我們可以優(yōu)化自己頁(yè)面的點(diǎn)。例如:修改元標(biāo)題,元描述,以及內(nèi)容形式。 (三)在google 分析中分析移動(dòng)端頁(yè)面的跳出率和停留時(shí)間 選擇要分析的頁(yè)面 選擇次要維度:設(shè)備 查看這個(gè)頁(yè)面的移動(dòng)端和桌面端的跳出率和平均停留時(shí)間 如果這個(gè)頁(yè)面的移動(dòng)端和手機(jī)端的跳出率和平均停留時(shí)間相差不大,說(shuō)明移動(dòng)端的優(yōu)化沒(méi)有什么大的問(wèn)題。但是如果相差比較大,那么你需要在移動(dòng)端查看這個(gè)頁(yè)面,頁(yè)面內(nèi)容是否有什么不利于用戶停留的因素存在,進(jìn)行修正。 以上就是我最近優(yōu)化移動(dòng)端SEO使用到的一些方法和技巧。 如果你在運(yùn)營(yíng)一個(gè)網(wǎng)站,不知道移動(dòng)端SEO,那么你就Out了。 如果你在運(yùn)營(yíng)一個(gè)網(wǎng)站,并且一直苦心優(yōu)化桌面端SEO沒(méi)有效果,查看一下你的網(wǎng)站的流量來(lái)源,移動(dòng)端流量的占比,如果高過(guò)桌面端,那么是時(shí)候優(yōu)化一下移動(dòng)端SEO了。 未經(jīng)授權(quán),禁止搬運(yùn)轉(zhuǎn)載! (來(lái)源:Google SEO 喵喵) ?