移動(dòng)搜索差異與PC端搜索的因素主要在兩個(gè)方面,一個(gè)是考慮手機(jī)用戶區(qū)別于電腦的特殊用戶體驗(yàn),二為了提供更加滿足搜索需求的高質(zhì)量內(nèi)容地域性需求被強(qiáng)化。對于地域性需求很強(qiáng)的行業(yè)或者公司業(yè)務(wù)基于本地用戶的,從某些程度來說更加利于網(wǎng)站移動(dòng)SEO操作的。
大部分PC端頁面優(yōu)化技巧依然適用
關(guān)鍵詞研究、網(wǎng)站架構(gòu)和URL設(shè)計(jì)、頁面關(guān)鍵詞布局、文案寫作、導(dǎo)航及內(nèi)部鏈接系統(tǒng)設(shè)計(jì)等大部分PC版網(wǎng)站優(yōu)化技術(shù)依然適用。沒必要把移動(dòng)頁面優(yōu)化當(dāng)成一個(gè)和PC頁面優(yōu)化完全不一樣的技術(shù),說到底,為搜索用戶提供高質(zhì)量內(nèi)容的目標(biāo)是一樣的,只不過需要考慮手機(jī)用戶的特殊用戶體驗(yàn)需求。目前的移動(dòng)搜索排名就是PC搜索排名加上移動(dòng)因素進(jìn)行一些調(diào)整。
下面談?wù)勔苿?dòng)頁面特殊的地方,獨(dú)立URL的移動(dòng)站和網(wǎng)站響應(yīng)式設(shè)計(jì)設(shè)計(jì)的移動(dòng)站都適用。獨(dú)立URL和網(wǎng)站響應(yīng)式設(shè)計(jì)選擇哪個(gè)。
一、網(wǎng)站響應(yīng)式設(shè)計(jì)網(wǎng)頁設(shè)計(jì),做好自主適配
現(xiàn)在很多網(wǎng)站都使用了網(wǎng)站響應(yīng)式設(shè)計(jì)網(wǎng)頁設(shè)計(jì)(Response-Web-Design),以滿足龐大的移動(dòng)端用戶群的需要。但是在技術(shù)上設(shè)計(jì)了網(wǎng)站響應(yīng)式設(shè)計(jì)的網(wǎng)頁之后,出于SEO的考慮,你還要照顧到如何對百度更友好,即告訴百度“我是網(wǎng)站響應(yīng)式設(shè)計(jì)頁面”,方便百度進(jìn)行識別校驗(yàn)。
瀏覽器對網(wǎng)站響應(yīng)式設(shè)計(jì)識別校驗(yàn)代碼
在網(wǎng)站響應(yīng)式設(shè)計(jì)網(wǎng)頁設(shè)計(jì)中,我們使用meta標(biāo)簽來告訴瀏覽器網(wǎng)頁的網(wǎng)站響應(yīng)式設(shè)計(jì)規(guī)則。如:
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />
這個(gè)meta,user-scalable=yes 是聲明網(wǎng)頁可以縮小放大。
通用搜索引擎對網(wǎng)站響應(yīng)式設(shè)計(jì)識別校驗(yàn)代碼
<meta http-equiv="Cache-Control" content="no-transform" />
這兩個(gè)meta,no-siteapp和no-transform,是告訴搜索引擎不要把網(wǎng)頁轉(zhuǎn)碼。
網(wǎng)站響應(yīng)式設(shè)計(jì)網(wǎng)站設(shè)計(jì)對百度友好的關(guān)鍵,使用上面兩個(gè)meta聲明,百度就能識別網(wǎng)站響應(yīng)式設(shè)計(jì)網(wǎng)頁了。
為了對百度更友好,讓百度更方便識別校驗(yàn),我們要再添加一個(gè)meta標(biāo)簽。方法也很簡單,只要在上面viewport標(biāo)簽下面再添加一個(gè)applicable-device標(biāo)簽就行:
<meta name="applicable-device" content="pc,mobile">
這個(gè)meta標(biāo)簽,表示頁面同時(shí)適合在移動(dòng)設(shè)備和PC上進(jìn)行瀏覽。
不是所有網(wǎng)站都適合網(wǎng)站響應(yīng)式設(shè)計(jì)設(shè)計(jì)
網(wǎng)站響應(yīng)式設(shè)計(jì)網(wǎng)頁設(shè)計(jì)(Responsive Web Design)是指可以自動(dòng)識別終端設(shè)備屏幕的大小從而做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計(jì)方法。這種網(wǎng)頁設(shè)計(jì)方法完美解決了如何在不同大小的網(wǎng)絡(luò)設(shè)備上呈現(xiàn)同樣的網(wǎng)頁效果。大家公認(rèn)網(wǎng)站響應(yīng)式設(shè)計(jì)至少有4個(gè)好處:提升用戶體驗(yàn);PC端和移動(dòng)端SEO保持一致;避免重復(fù)內(nèi)容和出錯(cuò)內(nèi)容;鏈接統(tǒng)一。
而網(wǎng)站響應(yīng)式設(shè)計(jì)比較明顯的缺陷是,開發(fā)成本比較高,尤其是要構(gòu)建包含額外編程的復(fù)雜的網(wǎng)站響應(yīng)式設(shè)計(jì)網(wǎng)站,所需的時(shí)間會比較長。如果網(wǎng)站需求較簡單,有許多開源模板可供選擇。
對于已經(jīng)比較成熟PC網(wǎng)站來說,如果要實(shí)現(xiàn)全站的網(wǎng)站響應(yīng)式設(shè)計(jì),有可能需要推掉原來所有的代碼進(jìn)行重構(gòu),時(shí)間和技術(shù)成本都比較大,而且如果一個(gè)網(wǎng)站有多個(gè)portal(入口),會大大增加架構(gòu)設(shè)計(jì)的復(fù)雜度,所以現(xiàn)在有很多網(wǎng)站只在移動(dòng)端實(shí)現(xiàn)了響應(yīng)式布局設(shè)計(jì)。
下面就說說如何把網(wǎng)頁改為網(wǎng)站響應(yīng)式設(shè)計(jì)吧,我為什么說很簡單?因?yàn)槟悴恍枰魏胃呱畹木W(wǎng)頁設(shè)計(jì)技術(shù),你只需要懂一點(diǎn)html、一點(diǎn)css,而修改耗時(shí)對于一張普通網(wǎng)頁來說,確實(shí)只需幾個(gè)小時(shí)。
<meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />
前面兩個(gè)meta,no-siteapp和no-transform,是告訴搜索引擎不要把網(wǎng)頁轉(zhuǎn)碼。第三個(gè)meta,聲明網(wǎng)頁可以縮小放大。
二,移動(dòng)端頁面是否方便手機(jī)用戶瀏覽、點(diǎn)擊?
這是個(gè)用戶體驗(yàn)問題,而用戶體驗(yàn)是現(xiàn)在SEO,尤其是移動(dòng)SEO的重要內(nèi)容之一。包括很多細(xì)節(jié),
1、字體是否夠大?如果字體太小,用戶需要放大才能閱讀,顯然談不上移動(dòng)友好。上下滑動(dòng)頁面一般是必要的,但需要左右滑動(dòng)頁面才能看全內(nèi)容,在手機(jī)上是很不方便的。
2、是否有大面積廣告?在PC頁面上,大量廣告就夠討厭的了,在手機(jī)上簡直就沒法忍了。
3、導(dǎo)航和內(nèi)容中的鏈接是否容易點(diǎn)擊?按鈕是否足夠大?字距、行距是否足夠?不要低估了用戶們手指頭的粗度。手機(jī)頁面廣告點(diǎn)擊率大大超過PC端,不是因?yàn)槭謾C(jī)用戶喜歡廣告,而是誤點(diǎn)的太多了。
4、Title不要太長。PC搜索結(jié)果中頁面標(biāo)題可以顯示20多個(gè)字,在移動(dòng)搜索結(jié)果中,這么長就被顯示成兩行了,雖然占的地方大了,但其實(shí)視覺上比較亂,反而不明顯。
5、購物或其他功能是否夠簡單?在手機(jī)上填寫表格比在電腦上難多了。手機(jī)橫豎方向變化時(shí),頁面是否自動(dòng)調(diào)整顯示寬度?
6、頁面內(nèi)容是否能正常訪問?Flash在很多手機(jī)上打不開,比如賣腎都要買的iPhone早就不支持Flash了。復(fù)雜的JS效果也可能導(dǎo)致頁面內(nèi)容在手機(jī)上根本不能顯示。想要被搜索引擎讀取的內(nèi)容和鏈接不要放在JS或Flash中,就算用戶手機(jī)能顯示,搜索引擎也不一定能解析出來。
7、頁面是否彈窗強(qiáng)制APP下載或用戶登錄后才能看到內(nèi)容?這是百度冰桶算法主要打擊的對象。
8、還要注意不要用robots文件禁止搜索引擎蜘蛛抓取CSS、JS和圖片等外部文件,不然搜索引擎蜘蛛可能無法判斷頁面布局,甚至無法正常訪問內(nèi)容。
9、頁面打開速度。百度現(xiàn)在給出的參考數(shù)字是,頁面在手機(jī)上需要3秒之內(nèi)打開,不然用戶就跑了。以前給的數(shù)字是4秒。除了主機(jī)速度、帶寬等,打開速度也和下面的內(nèi)容精簡有很大關(guān)系。
10、非主體內(nèi)容、功能大幅精簡?PC版頁面經(jīng)??吹絻扇许敳繉?dǎo)航,這在手機(jī)上就沒法看了。通常手機(jī)版本要大幅刪減導(dǎo)航系統(tǒng),包括頂部導(dǎo)航、面包屑和側(cè)欄導(dǎo)航。即使保留完整主導(dǎo)航,也得折疊起來,用戶點(diǎn)擊時(shí)再打開。如果要顯示頂部導(dǎo)航,最多5、6個(gè)就差不多了。
11、同樣,廣告、頁腳、相關(guān)文章、Tag鏈接等PC頁面上常見的內(nèi)容,能刪則刪,手機(jī)上很難容得下這些內(nèi)容。同時(shí),刪減這些內(nèi)容頁可以使頁面HTML代碼大幅減少,提高頁面打開速度。
12、使用CSS可以隱藏導(dǎo)航等內(nèi)容,但會產(chǎn)生冗余代碼。如果需要隱藏的比較多,不如直接從HTML代碼中刪除,減小頁面文件。刪除、縮小、壓縮圖片,提高打開速度。刪除沒有十分必要的功能。
13、如移動(dòng)站點(diǎn)地理位置信息添加,在處理搜索請求時(shí)會有基于基于的優(yōu)先權(quán)。
由于使用場景的特性,移動(dòng)搜索有更強(qiáng)地域性。在手機(jī)上搜索吃喝玩樂、旅游、地圖、路線、天氣等的用戶數(shù)量很大,做移動(dòng)SEO時(shí),更要關(guān)注地名+主查詢詞這種搜索,如“北京飯館”,“中關(guān)村酒吧”之類的詞