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