2016-09-28 分類: 網(wǎng)站建設(shè)
這意味這什么呢?簡單說,我國智能機不但普及,且已趨飽和,移動紅利即將消耗貽盡。那對于網(wǎng)站優(yōu)化人員又意味著什么?結(jié)果上講,重大網(wǎng)站沒有完成移動化需亡羊補牢,中小網(wǎng)站去完成移動化迫在眉睫。
制作出用戶體驗良好的手機頁面只是萬事俱備,最為關(guān)鍵的臨門一腳是獲得搜索引擎的青睞,這樣才能得到精準(zhǔn)的用戶,很多網(wǎng)站擁有PC和移動兩套頁面,從經(jīng)驗上看,精準(zhǔn)、高效地被搜索引擎識別不但促進移動頁面的排名和流量獲取,對PC頁面也有額外的效果加成。
在經(jīng)歷了一輪輪移動H5項目,看過很多移動頁面識別和優(yōu)化的國外文章,更重要的是多次和百度相關(guān)人對話和解決問題后,我將一些常見的HTML識別細(xì)節(jié)總結(jié)了兩部分,用于促進移動頁面被搜索引擎識別、收錄,讓更多優(yōu)質(zhì)流量更早、更多地分發(fā)到自己頁面。一、head標(biāo)簽中的部分1.URL設(shè)計URL盡量含有通用已成趨勢的移動命名,例如“m./wap./3g./mobi./mobile./mob/wml/”,可以在子域名等方面體現(xiàn)2.頁面頂部的doctype標(biāo)簽
作為協(xié)議的重要部分,doctype中是否移動化也很重要,檢查是否存在與移動相關(guān)的聲明,如這些關(guān)鍵詞,openmobilealliance, xhtml-mobile, xhtml-basic,wapforum,dtd compact html
例:“”3.meta標(biāo)簽中的viewport屬性和x-ua-compatible 屬性viewport,移動前端開發(fā)中最重要的標(biāo)簽,響應(yīng)式設(shè)計的根基,如果你的頁面是遵守響應(yīng)式設(shè)計的,那么說明這些頁面對移動設(shè)備有友好的輸出。
典型的的viewport代碼是這樣的,
,判斷移動與否的關(guān)鍵屬性值為width,如果width=device-width這是典型的移動友好的設(shè)計,增加判定為移動頁面的砝碼,如果width有具體值,且值大于典型的移動屏幕(應(yīng)該小于600),那么該頁面被判定為PC頁面的幾率大大增加。但,META中還有一個很獨特的屬性作為SEO人員應(yīng)該很少接觸到,那就是x-ua-compatible 屬性,該屬性是PC意味非常強烈的功能性代碼。示例代碼如此,
,從百度工程師處得知,該代碼會有較強暗示當(dāng)前頁面為PC頁面的功能,需選擇性使用。4.title中的移動暗示制作移動頁面時,在title標(biāo)簽中寫明:“移動版”、“手機版”、“WAP版”、“觸屏版”不僅是照顧用戶體驗的方案,也利于頁面的移動識別,反之PC頁面要謹(jǐn)慎使用這些文案。5.鏈接link標(biāo)簽的media和href屬性中需要注意的細(xì)節(jié)(多為樣式文件)media屬性值為screen時,表示屏幕中的顯示樣式,link的href所填寫的URL(基本為樣式文件的URL)就比較重要了,一定程度加大不同設(shè)備的偏重。此時URL中盡量出現(xiàn)/wap,/mobile/這樣的命名,同URL設(shè)計一樣,用于提高頁面識別為移動的效率和概率。如URL中含有pc字樣則加大識別為PC頁面的幾率。6.一些通用的PC類識別HTML代碼embed:經(jīng)常用于嵌入多媒體以上這些
中出現(xiàn)的內(nèi)容,二、正文body中需要注意的部分鏈接和文本遵照的原則基本與head中一樣—多出現(xiàn)移動相關(guān)的字眼;頁面設(shè)置的寬度不要超過常規(guī)移動設(shè)備的大?。荒切┏WR中(除非招錯前端工程師)絕對只用于PC的一些兼容性代碼。此外div塊的個數(shù)也值得注意,沒有哪家移動頁面會過量使用div塊;還有典型的只用于適配PC機器的HTML代碼,例如:accesskey(如果移動頁面用,要不前端招錯人了,要不產(chǎn)品招錯人了,應(yīng)該引起警覺)
head和正文兩大部分,基本涵蓋了一張頁面最主要的部分。
網(wǎng)站優(yōu)化人員一定要把握這些使用細(xì)節(jié),協(xié)助前端工程師從正反方向?qū)⒐镜腜C和手機頁面涇渭分明地呈現(xiàn)給搜索引擎。試想如果你每日被抓取頁面達(dá)到90%的識別率,而一般水平是70%,這種優(yōu)化增量是非常顯著的。
最后,分享一個機器學(xué)習(xí)的思想給網(wǎng)站優(yōu)化的新人,此文中心思想截取如下:“你從市場上的芒果里隨機的抽取一定的樣品(訓(xùn)練數(shù)據(jù)), 制作一張表格, 上面記著每個芒果的物理屬性, 比如顏色, 大小, 形狀, 產(chǎn)地, 賣家, 等等。(這些稱之為特征)。 還記錄下這個芒果甜不甜, 是否多汁,是否成熟(輸出變量)。你將這些數(shù)據(jù)提供給一個機器學(xué)習(xí)算法(分類算法/回歸算法),然后它就會學(xué)習(xí)出一個關(guān)于芒果的物理屬性和它的質(zhì)量之間關(guān)系的模型。 下次你再去市集, 只要測測那些芒果的特性(測試數(shù)據(jù)),然后將它輸入一個機器學(xué)習(xí)算法。算法將根據(jù)之前計算出的模型來預(yù)測芒果是甜的,熟的, 并且/還是多汁的。
結(jié)合本文中的內(nèi)容、再結(jié)合你已經(jīng)爛熟于心的搜素引擎工作原理,設(shè)想一下,你的所有頁面都是芒果,百度是帶有識別模型(且該模型會自己訓(xùn)練、糾正自己)的芒果鑒別器,怎么讓你的芒果持續(xù)性地、每次被拿起來都進入那個又大、又甜、又多汁的籃子?那些一眼就看出來的大甜芒果當(dāng)然好判斷,那些一眼看不出來的呢?我們能不能多生產(chǎn)些一眼就看出來好壞的芒果呢?這樣整個果園是不是好收割一點?
分享標(biāo)題:前端代碼優(yōu)化帶來搜索引擎高效地識別移動頁面
本文來源:http://m.rwnh.cn/news22/45172.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、手機網(wǎng)站建設(shè)、App設(shè)計、動態(tài)網(wǎng)站、微信公眾號、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容