客服
前端代碼優(yōu)化，讓百度高效識別移動(dòng)頁(yè)面
開(kāi)篇先摘一段新聞《中國智能手機市場(chǎng)6年首現負增長(cháng)》。
文中指出：“IDC報告顯示，2015年第一季度中國手機市場(chǎng)出貨量為1.1億部左右，同比下滑3.7%。其中智能手機市場(chǎng)出貨量為1億部左右，同比下降2.5%。這是過(guò)去6年以來(lái)，中國智能手機市場(chǎng)第一次出現季度同比下滑的情況。”
這意味這什么呢？
簡(jiǎn)單說(shuō)，我國智能機不但普及，且已趨飽和，移動(dòng)紅利即將消耗貽盡。
那對于網(wǎng)站優(yōu)化人員又意味著(zhù)什么？
結果上講，重大網(wǎng)站沒(méi)有完成移動(dòng)化需亡羊補牢，中小網(wǎng)站去完成移動(dòng)化迫在眉睫。
制作出用戶(hù)體驗良好的手機頁(yè)面只是萬(wàn)事俱備，最為關(guān)鍵的臨門(mén)一腳是獲得搜索引擎的青睞，這樣才能得到精準的用戶(hù)，很多網(wǎng)站擁有PC和移動(dòng)兩套頁(yè)面，從經(jīng)驗上看，精準、高效地被搜索引擎識別不但促進(jìn)移動(dòng)頁(yè)面的排名和流量獲取，對PC頁(yè)面也有額外的效果加成。
在經(jīng)歷了一輪輪移動(dòng)H5項目，看過(guò)很多移動(dòng)頁(yè)面識別和優(yōu)化的國外文章，更重要的是多次和百度相關(guān)人對話(huà)和解決問(wèn)題后，我將一些常見(jiàn)的HTML識別細節總結了兩部分，用于促進(jìn)移動(dòng)頁(yè)面被搜索引擎識別、收錄，讓更多優(yōu)質(zhì)流量更早、更多地分發(fā)到自己頁(yè)面。
一、head標簽中的部分
1.URL設計
URL盡量含有通用已成趨勢的移動(dòng)命名，例如“m./wap./3g./mobi./mobile./mob/wml/”,可以在子域名等方面體現
2.頁(yè)面頂部的doctype標簽
作為協(xié)議的重要部分，doctype中是否移動(dòng)化也很重要，檢查是否存在與移動(dòng)相關(guān)的聲明，如這些關(guān)鍵詞，openmobilealliance, xhtml-mobile, xhtml-basic,wapforum,dtd compact html
例：“<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN””http://www.wapforum.org/DTD/xhtml-mobile10.dtd”>”
3.meta標簽中的viewport屬性和x-ua-compatible 屬性
viewport,移動(dòng)前端開(kāi)發(fā)中最重要的標簽，響應式設計的根基，如果你的頁(yè)面是遵守響應式設計的，那么說(shuō)明這些頁(yè)面對移動(dòng)設備有友好的輸出。西安網(wǎng)站建設推薦閱讀>>> 網(wǎng)站HTML標簽SEO優(yōu)化標準,
典型的的viewport代碼是這樣的，<meta name=“viewport” content=“width=device-width, initial-scale=1.0″>，判斷移動(dòng)與否的關(guān)鍵屬性值為width，如果width=device-width這是典型的移動(dòng)友好的設計，增加判定為移動(dòng)頁(yè)面的砝碼，如果width有具體值，且值大于典型的移動(dòng)屏幕（應該小于600），那么該頁(yè)面被判定為PC頁(yè)面的幾率大大增加。
但，META中還有一個(gè)很獨特的屬性作為SEO人員應該很少接觸到，那就是x-ua-compatible 屬性，該屬性是PC意味非常強烈的功能性代碼。示例代碼如此，<meta http-equiv=”X-UA-Compatible” content=”IE=9; IE=8; IE=7; IE=EDGE” />，從百度工程師處得知，該代碼會(huì )有較強暗示當前頁(yè)面為PC頁(yè)面的功能，需選擇性使用。
4.title中的移動(dòng)暗示
制作移動(dòng)頁(yè)面時(shí)，在title標簽中寫(xiě)明：“移動(dòng)版”、“手機版”、“WAP版”、“觸屏版”不僅是照顧用戶(hù)體驗的方案，也利于頁(yè)面的移動(dòng)識別，反之PC頁(yè)面要謹慎使用這些文案。西安做網(wǎng)站推薦閱讀>>> 網(wǎng)站代碼SEO優(yōu)化（清理垃圾代碼）,
5.鏈接link標簽的media和href屬性中需要注意的細節（多為樣式文件）
media屬性值為screen時(shí)，表示屏幕中的顯示樣式，link的href所填寫(xiě)的URL（基本為樣式文件的URL）就比較重要了，一定程度加大不同設備的偏重。此時(shí)URL中盡量出現/wap,/mobile/這樣的命名，同URL設計一樣，用于提高頁(yè)面識別為移動(dòng)的效率和概率。
如URL中含有pc字樣則加大識別為PC頁(yè)面的幾率。
6.一些通用的PC類(lèi)識別HTML代碼
embed：經(jīng)常用于嵌入多媒體
object：用于嵌入對象
marquee：老舊的滾動(dòng)特效實(shí)現代碼
iframe：想必網(wǎng)站優(yōu)化人員很熟悉了，典型的PC常用標簽
這些典型的用于PC或者老舊的、HTML5已經(jīng)有更高效替代方案的舊標簽，意味著(zhù)使用它們將增加頁(yè)面的PC屬性，需要有目的地取舍。
7.一些javascript中典型的PC特征
加載swfobject、含有activexobject語(yǔ)句：移動(dòng)頁(yè)面根本不會(huì )使用如此重的多媒體引用方案（不信你問(wèn)問(wèn)你的前端工程師）
含有netscape（網(wǎng)景）、msie（IE）、firefox(火狐)、browser.msie(IE)這些典型的非移動(dòng)端瀏覽器兼容代碼的
設置了timer的 ，以及JS代碼含有settimeout,的（此處不知道為什么設置timer還有識別的問(wèn)題）
均大幅增加識別為PC頁(yè)面的可能性
以上這些<head></head>中出現的內容，
二、正文body中需要注意的部分
鏈接和文本遵照的原則基本與head中一樣——多出現移動(dòng)相關(guān)的字眼；頁(yè)面設置的寬度不要超過(guò)常規移動(dòng)設備的大??；那些常識中（除非招錯前端工程師）絕對只用于PC的一些兼容性代碼。西安網(wǎng)站建設推薦閱讀>>> SEO代碼優(yōu)化入門(mén)的最佳HTML代碼教程,
此外div塊的個(gè)數也值得注意，沒(méi)有哪家移動(dòng)頁(yè)面會(huì )過(guò)量使用div塊；還有典型的只用于適配PC機器的HTML代碼，例如：accesskey（如果移動(dòng)頁(yè)面用，要不前端招錯人了，要不產(chǎn)品招錯人了，應該引起警覺(jué)）head和正文兩大部分，基本涵蓋了一張頁(yè)面最主要的部分。
網(wǎng)站優(yōu)化人員一定要把握這些使用細節，協(xié)助前端工程師從正反方向將公司的PC和手機頁(yè)面涇渭分明地呈現給搜索引擎。試想如果你每日被抓取頁(yè)面達到90%的識別率，而一般水平是70%，這種優(yōu)化增量是非常顯著(zhù)的。
最后，分享一個(gè)機器學(xué)習的思想給網(wǎng)站優(yōu)化的新人，此文中心思想截取如下：
你從市場(chǎng)上的芒果里隨機的抽取一定的樣品（訓練數據）， 制作一張表格， 上面記著(zhù)每個(gè)芒果的物理屬性， 比如顏色， 大小， 形狀， 產(chǎn)地， 賣(mài)家， 等等。（這些稱(chēng)之為特征）。
還記錄下這個(gè)芒果甜不甜， 是否多汁，是否成熟（輸出變量）。你將這些數據提供給一個(gè)機器學(xué)習算法（分類(lèi)算法/回歸算法），然后它就會(huì )學(xué)習出一個(gè)關(guān)于芒果的物理屬性和它的質(zhì)量之間關(guān)系的模型。
下次你再去市集， 只要測測那些芒果的特性（測試數據），然后將它輸入一個(gè)機器學(xué)習算法。算法將根據之前計算出的模型來(lái)預測芒果是甜的，熟的， 并且/還是多汁的。
結合本文中的內容、再結合你已經(jīng)爛熟于心的搜素引擎工作原理，設想一下，你的所有頁(yè)面都是芒果，百度是帶有識別模型（且該模型會(huì )自己訓練、糾正自己）的芒果鑒別器，怎么讓你的芒果持續性地、每次被拿起來(lái)都進(jìn)入那個(gè)又大、又甜、又多汁的籃子？那些一眼就看出來(lái)的大甜芒果當然好判斷，那些一眼看不出來(lái)的呢？我們能不能多生產(chǎn)些一眼就看出來(lái)好壞的芒果呢？這樣整個(gè)果園是不是好收割一點(diǎn)？
文章中的html細節就是模型的冰山一角。
很干很技術(shù)，小編表示看得云里霧里，如果你都看懂了，那我就給你orz了！
--百度站長(cháng)平臺
相關(guān)文章：
-
絕對地址：網(wǎng)絡(luò )中的絕對地址是指帶有網(wǎng)站域名的網(wǎng)頁(yè)地址。含有絕對地址的網(wǎng)頁(yè)能夠被搜索引擎更好的收錄。 相對地址：只包含本地路徑的網(wǎng)頁(yè)地址，地址通常以/和/表示層級關(guān)系。 在網(wǎng)頁(yè)...
-
網(wǎng)站訪(fǎng)問(wèn)的原理采用的是BS框架，即 browser server。通過(guò)Http協(xié)議向服務(wù)器請求相關(guān)頁(yè)面數據，然后通過(guò)瀏覽器進(jìn)行解析實(shí)現。所以網(wǎng)站的一個(gè)基本需求就是一個(gè)網(wǎng)站的站點(diǎn)服務(wù)器。 目前我所認知...
-
終于把dedecms和discuz整合成功了，分享一下方法 1.安裝dedecms，大家都懂的。 2.安裝discuz x2，安裝的時(shí)候我們選擇包含ucenter 我把兩個(gè)程序安裝在同一個(gè)數據庫里，安裝成功后我們進(jìn)入dx后臺，然...
-
如何修改discuz首頁(yè)logo 兩種方法簡(jiǎn)單修改discuz 論壇首頁(yè)logo，一種是直接從網(wǎng)頁(yè)后臺修改；另外一種是從ftp后臺修改。西安網(wǎng)站建設推薦閱讀 Discuz目錄文件結構表 ， 方法一：從網(wǎng)頁(yè)后臺修改...
-
在你開(kāi)始搭建一個(gè)網(wǎng)站的時(shí)候必須得準備以下幾個(gè)步湊，免得到時(shí)手忙腳亂，給網(wǎng)站帶來(lái)不好的因數： 1，域名 域名就想一個(gè)人的名字一樣，你首先得想好，必須的和你網(wǎng)站的內容相關(guān)，好讓...
-
注冊好域名租用虛擬主機或者服務(wù)器，開(kāi)始建立一個(gè)網(wǎng)站。網(wǎng)站建立成功后，可能多多少少的有些問(wèn)題?？赡苁莵y碼問(wèn)題，也可能是數據庫等等一些原因導致網(wǎng)站無(wú)法正常的訪(fǎng)問(wèn)。下面小編就...
-
不需要域名和空間的方法《如何在本地搭建一個(gè)網(wǎng)站》。其原理就是利用自己的電腦來(lái)作服務(wù)器，這里我私人總結了幾點(diǎn)好處： 1.不需要申請域名和空間。 2.方便修改主題模板。直接在搭建好...
-
Discuz目錄文件結構表最近在學(xué)習discuz的程序，真的感覺(jué)模板有點(diǎn)復雜（相比織夢(mèng)DEDE相差甚遠）。今天本人將discuz程序目錄整理了一下，希望對剛開(kāi)始接觸discuz這個(gè)程序的伙伴們有所幫助。 |...
-
一個(gè)用戶(hù)的網(wǎng)站被掛馬 很多以prn.開(kāi)頭的文件...這個(gè)文件其實(shí)是windows禁止建立的..但是可以在dos建立 所以在dos下用更改屬性 結果不讓改? 然后想恢復權限 不讓恢復 ，網(wǎng)站的跟目錄被加了幾個(gè)文...
-
域名是互聯(lián)網(wǎng)的入口，域名的重要性不言而喻。一旦域名被盜，且轉移到其他注冊商，將給域名所有人帶來(lái)巨大的損失。以下小貼士是從網(wǎng)絡(luò )上搜集的經(jīng)驗匯總，希望給處于域名被盜困境中的...