開篇先摘一段(duàn)新聞(wén)《中國智(zhì)能(néng)手機市場6年首現(xiàn)負(fù)增(zēng)長(cháng)》。
文中指出：“IDC報(bào)告顯示，2015年第一(yī)季度中國手(shǒu)機市場(cháng)出貨(huò)量(liáng)為1.1億部(bù)左右(yòu)，同(tóng)比(bǐ)下滑3.7%。其中智(zhì)能手(shǒu)機(jī)市場出貨量為(wéi)1億(yì)部左(zuǒ)右(yòu)，同比(bǐ)下降2.5%。這是過去6年以來，中(zhōng)國(guó)智(zhì)能手機(jī)市(shì)場第(dì)一(yī)次(cì)出現(xiàn)季(jì)度(dù)同(tóng)比下滑的情況(kuàng)。”
這(zhè)意(yì)味(wèi)這(zhè)什(shí)麼(mó)呢(ní)？
簡單說，我國(guó)智能機(jī)不但普及，且已趨飽和，移(yí)動(dòng)紅利即將消耗貽盡。
那對於網(wǎng)站優化(huà)人(rén)員又意味(wèi)著(zhuó)什麼(mó)？
結(jié)果(guǒ)上(shàng)講，重(zhòng)大網(wǎng)站沒(méi)有(yǒu)完(wán)成移(yí)動(dòng)化需(xū)亡(wáng)羊補(bǔ)牢，中(zhōng)小網站(zhàn)去(qù)完成(chéng)移動化(huà)迫(pò)在眉睫。
製(zhì)作出(chū)用戶體(tǐ)驗良好(hǎo)的手機頁(yè)麵(miàn)隻是(shì)萬事(shì)俱備，最(zuì)為(wéi)關(guān)鍵(jiàn)的臨門一腳是(shì)獲得搜索引擎(qíng)的青(qīng)睞(lài)，這(zhè)樣(yàng)才能得到精準的用(yòng)戶，很多(duō)網站(zhàn)擁(yōng)有PC和移(yí)動兩(liǎng)套(tào)頁麵，從(cóng)經驗上看，精(jīng)準(zhǔn)，高(gāo)效(xiào)地(dì)被(bèi)搜索(suǒ)引(yǐn)擎識(shí)別(bié)不但(dàn)促進移(yí)動(dòng)頁(yè)麵(miàn)的排名(míng)和流(liú)量(liáng)獲取，對PC頁麵也有(yǒu)額外(wài)的(dí)效果(guǒ)加成。
在(zài)經歷了(liǎo)一(yī)輪輪(lún)移(yí)動H5項目(mù)，看(kàn)過很多移動頁(yè)麵識別(bié)和優化的(dí)國外文(wén)章(zhāng)，更(gēng)重(zhòng)要(yào)的是多(duō)次和百度相(xiāng)關(guān)人對話(huà)和(hé)解決問題後，我將一些常見的(dí)HTML識別(bié)細節總結(jié)了(liǎo)兩部(bù)分，用於促進(jìn)移動頁麵被搜索引擎(qíng)識別，收(shōu)錄(lù)，讓(ràng)更(gēng)多(duō)優質流量更早(zǎo)，更多地分發到自己頁麵。
一，head標簽中(zhōng)的部分
1.URL設計(jì)
URL盡(jìn)量含(hán)有(yǒu)通用已(yǐ)成(chéng)趨勢(shì)的移動(dòng)命(mìng)名，例如“m./wap./3g./mobi./mobile./mob/wml/”,可(kě)以(yǐ)在子(zǐ)域(yù)名(míng)等(děng)方麵(miàn)體(tǐ)現(xiàn)
2.頁(yè)麵(miàn)頂部的doctype標(biāo)簽
作(zuò)為(wéi)協(xié)議(yì)的重要(yào)部分(fēn)，doctype中(zhōng)是(shì)否移(yí)動化(huà)也(yě)很重(zhòng)要(yào)，檢(jiǎn)查(chá)是否存(cún)在(zài)與移動(dòng)相(xiāng)關的(dí)聲明，如這些關鍵詞，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標(biāo)簽中(zhōng)的viewport屬性和(hé)x-ua-compatible 屬性
viewport,移(yí)動前端開發(fā)中(zhōng)最(zuì)重要(yào)的(dí)標(biāo)簽(qiān)，響(xiǎng)應式(shì)設(shè)計的(dí)根基，如(rú)果你的(dí)頁麵是遵守響應式(shì)設計(jì)的，那麼(mó)說(shuō)明(míng)這(zhè)些頁麵對(duì)移動設備有(yǒu)友(yǒu)好(hǎo)的(dí)輸(shū)出(chū)。
典(diǎn)型的(dí)的(dí)viewport代碼是這(zhè)樣的，<meta name=“viewport” content=“width=device-width, initial-scale=1.0″>，判斷(duàn)移動與(yǔ)否的關(guān)鍵(jiàn)屬(shǔ)性(xìng)值(zhí)為width，如果width=device-width這(zhè)是典型的移動友好(hǎo)的設計，增加(jiā)判(pàn)定為移動頁(yè)麵(miàn)的(dí)砝碼，如(rú)果width有具體(tǐ)值(zhí)，且(qiě)值大於典(diǎn)型的移動(dòng)屏幕（應該(gāi)小於(yú)600），那(nà)麼該頁(yè)麵被判定為(wéi)PC頁(yè)麵的幾率大(dà)大增加。
但，META中還(huán)有(yǒu)一個很獨特(tè)的(dí)屬(shǔ)性作為(wéi)SEO人員應(yīng)該很少接觸(chù)到(dào)，那(nà)就(jiù)是(shì)x-ua-compatible 屬性，該屬性(xìng)是(shì)PC意味(wèi)非(fēi)常強(qiáng)烈的功(gōng)能性(xìng)代碼。示(shì)例代碼(mǎ)如此，<meta http-equiv=”X-UA-Compatible” content=”IE=9; IE=8; IE=7; IE=EDGE” />，從(cóng)百(bǎi)度工程(chéng)師(shī)處(chǔ)得知，該(gāi)代碼會有較(jiào)強暗示當(dāng)前(qián)頁(yè)麵(miàn)為(wéi)PC頁(yè)麵(miàn)的功能，需(xū)選(xuǎn)擇性(xìng)使(shǐ)用(yòng)。
4.title中(zhōng)的(dí)移(yí)動暗(àn)示
製作移動頁(yè)麵時(shí)，在(zài)title標(biāo)簽(qiān)中寫(xiě)明：“移動版”，“手機(jī)版”，“WAP版”，“觸屏版”不僅(jǐn)是(shì)照顧(gù)用(yòng)戶(hù)體(tǐ)驗的方(fāng)案，也利(lì)於頁麵(miàn)的移(yí)動(dòng)識別(bié)，反之PC頁麵要謹(jǐn)慎(shèn)使用(yòng)這些(xiē)文案(àn)。
5.鏈(liàn)接link標(biāo)簽的(dí)media和href屬性中(zhōng)需要(yào)注(zhù)意(yì)的細(xì)節（多為(wéi)樣(yàng)式(shì)文(wén)件）
media屬(shǔ)性(xìng)值(zhí)為screen時(shí)，表(biǎo)示屏(píng)幕中(zhōng)的顯(xiǎn)示樣(yàng)式，link的href所填(tián)寫的URL（基本為樣式文件的URL）就比較(jiào)重(zhòng)要了(liǎo)，一(yī)定(dìng)程(chéng)度加大不同設備的偏重。此(cǐ)時(shí)URL中(zhōng)盡(jìn)量出現(xiàn)/wap,/mobile/這樣的命名，同(tóng)URL設計(jì)一(yī)樣，用(yòng)於(yú)提(tí)高頁麵識(shí)別為移動(dòng)的(dí)效(xiào)率和概率。
如(rú)URL中含有pc字(zì)樣則(zé)加(jiā)大(dà)識(shí)別(bié)為PC頁麵的幾(jī)率。
6.一(yī)些(xiē)通(tōng)用的PC類識(shí)別HTML代碼
embed：經常(cháng)用於(yú)嵌(qiàn)入多媒體(tǐ)
object：用(yòng)於(yú)嵌入對(duì)象
marquee：老舊(jiù)的(dí)滾動(dòng)特效實(shí)現代碼(mǎ)
iframe：想必(bì)網(wǎng)站優(yōu)化人員(yuán)很熟(shú)悉了，典型的(dí)PC常用標簽(qiān)
這(zhè)些(xiē)典型(xíng)的用於PC或(huò)者(zhě)老(lǎo)舊的，HTML5已經有(yǒu)更高效替(tì)代方案(àn)的(dí)舊(jiù)標簽，意味著使(shǐ)用它們將增(zēng)加頁麵(miàn)的PC屬(shǔ)性(xìng)，需(xū)要(yào)有目(mù)的地(dì)取(qǔ)舍。
7.一些(xiē)javascript中典(diǎn)型的PC特征(zhēng)
加載swfobject，含有(yǒu)activexobject語(yǔ)句：移動頁(yè)麵(miàn)根(gēn)本(běn)不會(huì)使(shǐ)用如此(cǐ)重的(dí)多媒體引用(yòng)方案（不信你問(wèn)問你(nǐ)的前端工(gōng)程師）
含有(yǒu)netscape（網景），msie（IE），firefox(火狐)，browser.msie(IE)這些典型的(dí)非移動端(duān)瀏(liú)覽器兼容(róng)代碼的(dí)
設置(zhì)了timer的 ，以及(jí)JS代(dài)碼(mǎ)含(hán)有settimeout,的（此(cǐ)處(chǔ)不知道(dào)為(wéi)什(shí)麼(mó)設置(zhì)timer還有識別的問題）
均大(dà)幅增加識別為PC頁(yè)麵的可能性(xìng)
以上這些(xiē)<head></head>中(zhōng)出現的內容(róng)，
二，正(zhèng)文body中需(xū)要注意的(dí)部分
鏈(liàn)接和(hé)文本遵照的原(yuán)則基(jī)本與head中(zhōng)一樣(yàng)——多出現移動相關的字眼(yǎn)；頁(yè)麵設(shè)置的寬(kuān)度(dù)不要超過常(cháng)規(guī)移動(dòng)設備的大(dà)小；那(nà)些常識(shí)中（除(chú)非(fēi)招錯前端工(gōng)程師）絕對隻用於(yú)PC的一些兼(jiān)容性代碼。
此(cǐ)外div塊(kuài)的個數也值得注意(yì)，沒(méi)有(yǒu)哪家移動(dòng)頁(yè)麵會(huì)過(guò)量(liáng)使用div塊(kuài)；還有典(diǎn)型(xíng)的隻用於(yú)適配PC機器的(dí)HTML代碼(mǎ)，例如：accesskey（如果移(yí)動頁(yè)麵用(yòng)，要不(bù)前(qián)端(duān)招錯人(rén)了，要不產品招錯人了，應(yīng)該引起警(jǐng)覺(jué)）head和(hé)正文兩(liǎng)大部(bù)分(fēn)，基本涵蓋(gài)了(liǎo)一(yī)張頁麵最主(zhǔ)要(yào)的(dí)部(bù)分。
網(wǎng)站(zhàn)優(yōu)化人(rén)員(yuán)一(yī)定(dìng)要(yào)把(bǎ)握這(zhè)些(xiē)使(shǐ)用細節(jié)，協助(zhù)前(qián)端工程(chéng)師從正(zhèng)反(fǎn)方(fāng)向將公(gōng)司的PC和(hé)手(shǒu)機(jī)頁麵(miàn)涇(jīng)渭分(fēn)明地呈(chéng)現給(gěi)搜索(suǒ)引擎。試(shì)想(xiǎng)如果你(nǐ)每日被(bèi)抓取頁麵達到90%的識(shí)別率，而(ér)一(yī)般水平是(shì)70%，這種(zhǒng)優化(huà)增量是非常(cháng)顯著的(dí)。
最後，分(fēn)享(xiǎng)一個(gè)機器學習(xí)的思想給網站(zhàn)優化的新(xīn)人，此文中(zhōng)心思(sī)想截取如下：
你從市場上的芒果裏隨機的抽取一定的樣品（訓練數據）， 製作一張表格， 上麵記著每個芒果的物理屬性， 比如顏色， 大小， 形狀， 產地， 賣家， 等等。（這些稱之為特征）。 還記錄下這個芒果甜不甜， 是否多汁，是否成熟（輸出變量）。你將這些數據提供給一個機器學習算法（分類算法/回歸算法），然後它就會學習出一個關於芒果的物理屬性和它的質量之間關係的模型。 下次你再去市集， 隻要測測那些芒果的特性（測試數據），然後將它輸入一個機器學習算法。算法將根據之前計算出的模型來預測芒果是甜的，熟的， 並且/還是多汁的。
結(jié)合本文中的內(nèi)容(róng)，再結合(hé)你(nǐ)已經(jīng)爛熟於心的搜(sōu)素引(yǐn)擎工作原(yuán)理，設(shè)想一(yī)下，你的所有頁麵都是芒(máng)果，百(bǎi)度(dù)是帶有識(shí)別(bié)模型（且(qiě)該模(mó)型會(huì)自己訓(xùn)練(liàn)，糾正自己(jǐ)）的芒果(guǒ)鑒別器，怎麼讓你的芒果持續性(xìng)地，每次被拿起來(lái)都進(jìn)入那個又大，又甜(tián)，又多汁(zhī)的(dí)籃(lán)子(zǐ)？那(nà)些(xiē)一眼就(jiù)看出來的大(dà)甜(tián)芒果(guǒ)當(dāng)然(rán)好(hǎo)判斷(duàn)，那些一眼看(kàn)不(bù)出(chū)來(lái)的(dí)呢？我們(mén)能不能多生(shēng)產(chǎn)些一眼就看出來好(hǎo)壞(huài)的(dí)芒果呢(ní)？這樣整(zhěng)個(gè)果(guǒ)園是(shì)不是好(hǎo)收(shōu)割一(yī)點(diǎn)？
文章中的html細節就(jiù)是模型的冰山一角(jiǎo)。
很幹很技術，小編(biān)表示(shì)看(kàn)得(dé)雲(yún)裏(lǐ)霧裏，如(rú)果(guǒ)你(nǐ)都看(kàn)懂(dǒng)了，那我(wǒ)就給(gěi)你orz了(liǎo)！
轉(zhuǎn)載請保留原(yuán)文(wén)地(dì)址: https://antelcom.cn/show-560.html