今天就和大家說說,我們怎麼做,讓搜尋引擎精準的抓取我們站點!
一、head標籤中的部分
1.URL設計
URL儘量含有通用已成趨勢的移動命名,例如「m./wap./3g./mobi./mobile./mob/wml/」,可以在子域名等方面體現
2.頁面頂部的doctype標籤
作為協議的重要部分,doctype中是否移動化也很重要,檢查是否存在與移動相關的聲明,如這些關鍵詞,openmobilealliance, xhtml-mobile, xhtml-basic,wapforum,dtd compact html
例:「」
3.meta標籤中的viewport屬性和x-ua-compatible 屬性
viewport,移動前端開發中最重要的標籤,響應式設計的根基,如果你的頁面是遵守響應式設計的,那麼說明這些頁面對行動裝置有友好的輸出。
典型的的viewport代碼是這樣的,,判斷移動與否的關鍵屬性值為width,如果width=device-width這是典型的移動友好的設計,增加判定為移動頁面的砝碼,如果width有具體值,且值大於典型的移動屏幕(應該小於600),那麼該頁面被判定為PC頁面的機率大大增加。
但,META中還有一個很獨特的屬性作為SEO人員應該很少接觸到,那就是x-ua-compatible 屬性,該屬性是PC意味非常強烈的功能性代碼。示例代碼如此,,從百度工程師處得知,該代碼會有較強暗示當前頁面為PC頁面的功能,需選擇性使用。
4.title中的移動暗示
製作移動頁面時,在title標籤中寫明:「移動版」、「手機版」、「WAP版」、「觸屏版」不僅是照顧用戶體驗的方案,也利於頁面的移動識別,反之PC頁面要謹慎使用這些文案。
5.連結link標籤的media和href屬性中需要注意的細節(多為樣式文件)
media屬性值為screen時,表示屏幕中的顯示樣式,link的href所填寫的URL(基本為樣式文件的URL)就比較重要了,一定程度加大不同設備的偏重。此時URL中儘量出現/wap,/mobile/這樣的命名,同URL設計一樣,用於提高頁面識別為移動的效率和概率。如URL中含有pc字樣則加大識別為PC頁面的機率。
6.一些通用的PC類識別HTML代碼
embed:經常用於嵌入多媒體
object:用於嵌入對象
marquee:老舊的滾動特效實現代碼
iframe:想必網站優化人員很熟悉了,典型的PC常用標籤
這些典型的用於PC或者老舊的、HTML5已經有更高效替代方案的舊標籤,意味著使用它們將增加頁面的PC屬性,需要有目的地取捨。
7.一些javascript中典型的PC特徵
加載swfobject、含有activexobject語句:移動頁面根本不會使用如此重的多媒體引用方案(可以問你的前端工程師)
含有netscape(網景)、msie(IE)、firefox(火狐)、browser.msie(IE)這些典型的非移動端瀏覽器兼容代碼的
設置了timer的 ,以及JS代碼含有settimeout的(此處不知道為什麼設置timer還有識別的問題),均大幅增加識別為PC頁面的可能性
以上這些中出現的內容
二、正文body中需要注意的部分
連結和文本遵照的原則基本與head中一樣——多出現移動相關的字眼;頁面設置的寬度不要超過常規行動裝置的大小;那些常識中(除非招錯前端工程師)絕對只用於PC的一些兼容性代碼。
此外div塊的個數也值得注意,沒有哪家移動頁面會過量使用div塊;還有典型的只用於適配PC機器的HTML代碼,例如:accesskey(如果移動頁面用,要不前端招錯人了,要不產品招錯人了,應該引起警覺)
head和正文兩大部分,基本涵蓋了一張頁面最主要的部分。
網站優化人員一定要把握這些使用細節,協助前端工程師從正反方向將公司的PC和手機頁面涇渭分明地呈現給搜尋引擎。試想如果你每日被抓取頁面達到90%的識別率,而一般水平是70%,這種優化增量是非常顯著的。
最後,分享一個機器學習的思想給網站優化的新人,此文中心思想截取如下:「你從市場上的芒果裡隨機的抽取一定的樣品(訓練數據), 製作一張表格, 上面記著每個芒果的物理屬性, 比如顏色, 大小, 形狀, 產地, 賣家, 等等。(這些稱之為特徵)。 還記錄下這個芒果甜不甜, 是否多汁,是否成熟(輸出變量)。你將這些數據提供給一個機器學習算法(分類算法/回歸算法),然後它就會學習出一個關於芒果的物理屬性和它的質量之間關係的模型。 下次你再去市集, 只要測測那些芒果的特性(測試數據),然後將它輸入一個機器學習算法。算法將根據之前計算出的模型來預測芒果是甜的,熟的, 並且/還是多汁的。