整理剂厂家
免费服务热线

Free service

hotline

010-00000000
整理剂厂家
热门搜索:
技术资讯
当前位置:首页 > 技术资讯

移动搜索如何让百度准确地辨认页面类型

发布时间:2020-07-24 11:21:46 阅读: 来源:整理剂厂家

上周四(6月25日),百度站长平台微信公众帐号全网首发携程SEO负责人安琦老师的文章《前端代码优化带来搜索引擎高效地辨认移动页面》,浏览量超高,被读者誉为五星好评的干货。该文章是安琦老师参加杭州VIP大讲堂移动化培训后,与其前端同事深入研究的结果,得到了百度内部工程师的高度认可:

开篇先摘一段新闻《中国智能手机市场6年首现负增长》,文中指出:IDC报告显示,2015年第一季度中国手机市场出货量为1.1亿部左右,同比下滑3.7%。其中智能手机市场出货量为1亿部左右,同比下落2.5%。这是过去6年以来,中国智能手机市场第一次出现季度同比下滑的情况。

这意味这甚么呢?简单说,我国智能机不但普及,且已趋饱和,移动红利行将消耗贻尽。那对网站优化人员又意味着甚么?结果上讲,重大网站没有完成移动化需亡羊补牢,中小网站去完成移动化燃眉之急。

制作出用户体验良好的手机页面只是万事俱备,最为关键的临门一脚是取得搜索引擎的青睐,这样才能得到精准的用户,很多网站具有PC和移动两套页面,从经验上看,精准、高效地被搜索引擎辨认不但增进移动页面的排名和流量获得,对PC页面也有额外的效果加成。

在经历了一轮轮移动H5项目,看过很多移动页面辨认和优化的国外文章,更重要的是屡次和百度相干人对话和解决问题后,我将一些常见的HTML辨认细节总结了两部份,用于增进移动页面被搜索引擎辨认、收录,让更多优良流量更早、更多地分发到自己页面。

1、head标签中的部份

L设计

URL尽可能含有通用已成趋势的移动命名,例如m./wap./3g./mobi./mobile./mob/wml/可以在子域名等方面体现

2.页面顶部的doctype标签

作为协议的重要部份,doctype中是不是移动化也很重要,检查是不是存在与移动相干的声明,如这些关键词,openmobilealliance xhtml-mobile xhtml-basicwapforumdtd pact html

例:!DOCTYPE html PUBLIC -//WAPFORUM//DTD XHTML Mobile 1.0//ENwapforum/DTD/d

ta标签中的viewport属性和x-ua-patible 属性

viewport移动前端开发中最重要的标签,响应式设计的根基,如果你的页面是遵照响应式设计的,那末说明这些页面对移动设备有友好的输出。

典型的的viewport代码是这样的,,判断移动与否的关键属性值为width,如果width=device-width这是典型的移动友好的设计,增加判定为移动页面的砝码,如果width有具体值,且值大于典型的移动屏幕(应当小于600),那末该页面被判定为PC页面的概率大大增加。

但,META中还有一个很独特的属性作为SEO人员应当很少接触到,那就是x-ua-patible 属性,该属性是PC意味非常强烈的功能性代码。示例代码如此,,从百度工程师处得知,该代码会有较强暗示当前页面为PC页面的功能,需选择性使用。

tle中的移动暗示

制作移动页面时,在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语句:移动页面根本不会使用如此重的多媒体援用方案(不信你问问你的前端工程师)

含有scape(网景)、msie(IE)、firefox(火狐)、ie(IE)这些典型的非移动端浏览器兼容代码的

设置了timer的 ,和JS代码含有settimeout的(此处不知道为何设置timer还有识别的问题),均大幅增加辨认为PC页面的可能性

以上这些中出现的内容,

2、正文body中需要注意的部份

链接和文本遵照的原则基本与head中一样多出现移动相干的字眼;页面设置的宽度不要超过常规移动装备的大小;那些常识中(除非招错前端工程师)绝对只用于PC的一些兼容性代码。

另外div块的个数也值得注意,没有哪家移动页面会过量使用div块;还有典型的只用于适配PC机器的HTML代码,例如:accesskey(如果移动页面用,要不前端招错人了,要不产品招错人了,应当引发警觉)

head和正文两大部分,基本涵盖了一张页面最主要的部份。

网站优化人员一定要掌控这些使用细节,协助前端工程师从正反方向将公司的PC和手机页面泾渭分明地出现给搜索引擎。试想如果你逐日被抓取页面到达90%的识别率,而一般水平是70%,这类优化增量是非常显著的。

最后,分享一个机器学习的思想给网站优化的新人,此文中心思想截取以下:你从市场上的芒果里随机的抽取一定的样品(训练数据), 制作一张表格, 上面记着每一个芒果的物理属性, 比如色彩, 大小, 形状, 产地, 卖家, 等等。(这些称之为特点)。 还记录下这个芒果甜不甜, 是不是多汁,是不是成熟(输出变量)。你将这些数据提供给一个机器学习算法(分类算法/回归算法),然后它就会学习出一个关于芒果的物理属性和它的质量之间关系的模型。 下次你再去市集, 只要测测那些芒果的特性(测试数据),然后将它输入一个机器学习算法。算法将根据之前计算出的模型来预测芒果是甜的,熟的, 并且/还是多汁的。

结合本文中的内容、再结合你已经烂熟于心的搜素引擎工作原理,假想一下,你的所有页面都是芒果,百度是带有辨认模型(且该模型会自己训练、纠正自己)的芒果鉴别器,怎样让你的芒果持续性地、每次被拿起来都进入那个又大、又甜、又多汁的篮子?那些一眼就看出来的大甜芒果固然好判断,那些1眼看不出来的呢?我们能不能多生产些一眼就看出来好坏的芒果呢?这样全部果园是否是好收割一点?

文章中的html细节就是模型的冰山一角。

贵州治疗羊癫疯哪家好

贵阳哪家医院治羊癫疯好

癫痫病的饮食

相关阅读