开发移动站点对百度搜索引擎友好度注意事项全解

目前较流量的PC站与移动站配置方式有三种,百度站在搜索引擎角度将这三种分别称为跳转适配、代码适配和自适应,以下为这三种配置方式的名词解释及异同对比。

1,跳转适配:该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用HTTP重定向和VaryHTTP标头重定向到相应的页面。

2,代码适配:该方法使用相同的网址(不考虑用户所使用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对不同设备类型生成不同版本的HTML。

3,自适应:通过同一网址提供相同HTML代码的网站设计方法。该方法不考虑用户所使用的设备(pc、平板电脑、移动设备),但可以根据屏幕尺寸以不同方式呈现(即适应)显示屏。

百度仅站在搜索引擎角度对跳转适配、代码适配、自适应这三种配置方式做了一些对比和分析,希望能够帮助站点选择更适合自己、性价比最优的方式来进行移动化。

一、域名&服务器&前端语言

1.域名最初的时候,我以为移动站(俗称手机站,简称M站或者wap站)的域名和PC站一样,随便挑一个就可以了。后来才发现,“理想是美好的,现实是残酷的”:百度搜索引擎原来有自己的偏好!如下所示:推荐:m.baidu.comsports.sina.cna.m.hao123.netwww.m168.info不推荐:www.baidu.com/m

可以看出来,百度搜索引擎喜欢独立的、短小的二级域名(简洁的三级域名也可)。但却不喜欢用子目录做的M站,理由也很简单,如果说PC站用www.baidu.com,M站用www.baidu.com/m/,那搜索引擎对/m/这个目录会感到疑惑:到底是PC站的一个子目录,还是PC站相对应的M站呢?真是剪不断,理还乱啊。

以上举例的域名,我们来做个PC站与M站对应的关系:PC站M站www.baidu.comm.baidu.comsports.sina.comsports.sina.cna.hao123.neta.m.hao123.netwww.m168.ccwww.m168.info

可能大家会发现,最后一个例子中,PC站和M站都是使用的www作为前缀,其实我是不怎么赞同的,使用m或者wap才较为合适。因为说不定什么时候老板想把www.m168.cc作为他用,而www.m168.info作为PC站了。

可以看到,百度搜索引擎(以下内容简称百度)认同用hao123做为主干,使用不同后缀的域名分别用作PC站和M站的域名,但不推荐使用没有关系的域名。

3.前端开发语言移动互联网发展至今,前端开发语言经过历次的更迭,目前主流仍在使用的用xml、xhtml、html5。历年来,移动web主要技术标准有:WML——古典的移动web标准,使用WMLi-mode——小日本的标准,使用iHTML,我们可以忽略OMA领导的xHTMLmobileprofile,使用xHTMLW3C领导的xHTMLBasic,使用xHTML以及所谓的FullWeb,也就是普通的HTML——从iPhone开始流行起来

针对恶意外链事件屡次发生,站长平台发布了“外链分析”的工具,让各位站长可以明确的知晓到底有哪些站放了我们网站的外链。各位可以在站长平台查看:五、移动类型提交

百度站在平台的设置里,把网站分为了五类:PC站;有对应PC站的移动站;独立移动站;自适应的站点;代码适配的站点。根据站点实际情况进行设置,有利于百度蜘蛛在抓取页面,以及搜索结果的排名(PC站和M站的搜索结果展现机制不一样)。设置方法如下:

下图中这个移动站上线半年,之前一直做了自主适配和meta标注,在8月10日的时候提交了移动适配,通过下面曲线图就可以看出6天之后适配效果就达到比较理想状态(红线和蓝线间距越小适配效果越好)。

一、内容一致是移动适配成功的关键

二、建议移动站和PC同主域或同主干,不建议使用目录

1、移动站和PC主域相同,或主干相同例若PC站是www.123.com,移动站强烈建议选用m.123.com,移动站URL尽量简洁短小,建议使用m.123.com而非yidongzhan.123.com。www.123.net因为主干相同也可以。

三、更多注意事项

1、允许Baiduspider访问,不要robots封禁虽然听起来有些无厘头,但这种情况是真实存在的,要注意你的移动站点对百度是不是开放的。

2、UA判断后尽量使用301或302进行跳转现在比较常见的是PC站点只适配一个移动站点,那么使用301就可以,如果需要同时适配高端域名和低端域名,推荐使用302

3、尽量为页面添加applicable-device标签applicable-device标签用于帮助百度校验识别页面类型的准确度,虽然不是硬性要求,但对站点来说没有任何弊端如果是PC页,在中标注如果是移动页,在中标注

4、移动适配工具、META标签、自主适配——三种方式逻辑关系保持一致很多朋友都是这三种方式全用的,百度也支持这样,但这里有一个问题是:逻辑关系要保持不致,不能在自主适配时PC页对应的是移动页是A,而提交时却变成了B。这样最终百度自主选择的适配移动页面可能和你预期的不一样。

四、通过百度站长工具提交适配关系的注意事项

前面两个要点要确保都没问题了,那接下来就是向百度提交适配关系了。

五、最后强调

不管使用哪种方式,适配成功后都要持续保持PC页和移动页的适配关系,因为百度会继续检查适配关系是否正常是否生效,如果发现适配关系不正确,之前生效的数据也会转为失效,影响移动流量。1,PC结构发生变化,检查移动站点是否快速跟着变了2,PC页面主体内容发生变化,检查移动页面是否一致3,如果使用平台工具提交的适配关系,定期检查数据状态,如果之前显示“适配成功”的数据改成了“校验失败”要赶紧查看PC页与移动页的对应关系。

一、什么样的网站适合做自适应自适应网页设计(ResponsiveWebDesign)是指可以自动识别终端设备屏幕的大小从而做出相应调整的网页设计方法。这种网页设计方法完美解决了如何在不同大小的网络设备上呈现同样的网页效果。大家公认自适应至少有4个好处:提升用户体验;PC端和移动端SEO保持一致;避免重复内容和出错内容;链接统一。

6、设计响应式图片有很多同比缩放图片的技术,其中有不少是简单易行的,比较流行的方法是使用CSS的max-width属性:img{max-width:100%;}老版本的IE不支持max-width,所以只好写成:img{width:100%;}此外,windows平台缩放图片时,可能出现图像失真现象。这时,可以尝试使用IE的专有命令:img{-ms-interpolation-mode:bicubic;}或者,EthanMarcotte的imgSizer.js。addLoadEvent(function(){varimgs=ocument.getElementById("content").getElementsByTagName("img");imgSizer.collate(imgs);});如果有条件的话,最好能根据屏幕的不同大小,加载不同分辨率的图片。

三、自适应站点对百度友好的关键1,applicable-device标注应该怎么写有了自适应设计的网页,还要照顾到对百度友好的设计,即告诉百度“我是自适应页面”方便百度进行识别校验。方法也很简单,只要在上面viewport标签下面再添加一个applicable-device标签就行:表示页面同时适合在移动设备和PC上进行浏览。2,在使用百度站长平台链接提交工具的sitemp进行提交时,要做mobiletype标记,具体取值:其他网页取值如下::移动网页:移动网页:代码适配无该上述标签表示为PC网页

百度的移动适配目前分为三种情况:跳转适配,代码适配和自适应。跳转适配目前百度的站长平台里有完整的适配工具,可以在平台里提交适配规则即可。但是代码适配则需要我们在网站里做一些配置,才能让百度准确识别我们的网页适配关系。下面就详细介绍下我们做代码适配的过程。

流量潜力

如果不做移动适配的话,可能我们本来有的移动网页和移动端排名因百度无法确认是移动页面,因此这部分流量都给指向了百度的转码页。可以看自己网站在站长工具里面,移动端有多少流量是指向了转码页。这部分流量在做完适配后,即可指向我们的移动页面,避免了自己的流量被百度截流。

开发

代码适配的开发,百度官方也有详细的说明,可分为两部分:VaryHTTP标头和Metaapplicable-device标签。【VaryHTTP标头】其作用在百度的文档里解释得很清楚:1、它会向百度传递一个信号,表示说这是个代码适配的站点,百度就会尽快把网站抓取一遍进行适配;2、它可以防止用户接收到错误的网页缓存。这部分是在网站的服务器上进行的,有可能是Nginx,Apache,IIS等,需要在服务器的配置里,设置Varyheader为Vary:Accept-Encoding,User-Agent

比如Nginx下,可以在配置文件中加上:more_set_headers-s200"Vary:""Accept-Encoding,User-Agent"注意:打开这个设置需要nginx同时安装有ngx_headers_more模块

在Apache下,可以在配置文件里写上:HeaderappendVaryUser-Agent【Metaapplicable-device标签】Varyheader加上之后,为了让百度更好地识别我们的页面是PC还是Mobile,就需要使用百度自定义的这个Metaapplicable-device标签了。注意以下来自百度的消息:Metaapplicable-device标签,并非是站点必须标注的,现在很多站点没有标记这个标签情况也很好。但这个标签可以帮助百度校验自己的判断,并及时进行修正。做这个事情又不麻烦,所以我们建议代码适配站点为了保证效果,还是加这个标签。

因此可能有些网站之前的移动流量已经很好了,不会出现被百度转码的情况.这说明百度已经能很好地识别你的移动页面了.但是依然建议加上这个标签,一来加这个标签很容易,二来可以确保百度能更准确地识别页面类型.如果没有加这个标签的话,万一突然技术做改版,一些代码的修改导致百度无法继续准确识别页面类型了呢

这部分是在网站的模板里添加的。自适应的网站肯定已经有了判断用户设备是PC还是Mobile的逻辑。利用这个逻辑,在整站的部分添加一行代码即可:如果用户是PC设备(注意需要包括BaiduspiderPCUA),则添加如果用户是移动设备(包括BaiduspiderMobileUA),则添加

注:关于BAIDUSPIDER,移动和PC其实都是Baiduspider,并没有区分,只是UA进行了区分。最新移动UA请见百度官方文档。

验收上线

开发完成后,需要先在测试机上验收。可以用Google浏览器来模拟Baiduspider来检查是否添加正确,如图所示,是检查BaiduspiderMobileUA的效果的

在测试机上验收完成后就可以上线了。上线后,尽量再用站长平台的抓取诊断工具测试几个页面,以免到线上后出现与测试机不一致的情况。比如下面是抓取PC页面来检查的线上结果。

THE END
1.网站架构规划:如何设计一个支持业务目标的网站(网站架构规划怎么网站架构是网站的基础,一个精心设计的网站架构可以帮助您实现业务目标并为用户提供良好的体验。本文将指导您如何规划一个有效的网站架构,以满足您的业务需求。 1. 确定您的业务目标 在规划网站架构之前,您需要明确您的业务目标。您希望您的网站实现什么?是增加销售额、生成潜在客户还是提高品牌知名度?一旦您确定了您https://www.ulidc.com/2024/12/17/%E7%BD%91%E7%AB%99%E6%9E%B6%E6%9E%84%E8%A7%84%E5%88%92%EF%BC%9A%E5%A6%82%E4%BD%95%E8%AE%BE%E8%AE%A1%E4%B8%80%E4%B8%AA%E6%94%AF%E6%8C%81%E4%B8%9A%E5%8A%A1%E7%9B%AE%E6%A0%87%E7%9A%84%E7%BD%91%E7%AB%99/
2.企业网站建设百科指南一、企业网站建设有哪些必要性? 二、企业网站怎么做? 三、企业网站设计有什么讲究? 四、企业网站模板怎么用?(行业案例分析) 五、新手尝试网站搭建,应该怎么选企业网站建设公司呢? 六、企业网站建设流程:养老服务网站建设方案:养老院网站制作6个基本步骤! https://zhuanlan.zhihu.com/p/631615193
3.网站结构设计包含哪些内容如何设计网站架构→MAIGOO知识摘要:我们在进行页面布局的时候,一定要考虑到这个页面布局的是哪些关键词,做好相关文章,相关推荐、相关频道页的设计;这样我们网站整体的结构设计及结构优化才更趋于合理,才能更加满足用户的需求。那么,网站结构设计包含哪些内容,如何设计网站架构呢?下面一起来看看吧! https://m.maigoo.com/goomai/219343.html
4.外贸网站建设:如何设计网站架构与内容布局随着全球电子商务的飞速发展,外贸网站的建设对于企业开拓海外市场、提升品牌形象和促进业务增长至关重要。一个优秀的外贸网站需要具备国际化风格、良好的用户体验和高效的网站架构与内容布局。本文将对外贸网站的整体架构风格、布局、色彩搭配、结构、模块等方面进行详细说明。 https://www.eyingbao.net/news/hangyezixun/waimaowangzhanjianshe_ruheshejiwangzhanjiagouyuneirongbuju.html
5.如何设计企业网站的架构?项目名称 如何设计企业网站的架构? 行业: 产品: 业务模式: 项目背景 项目属性 4923 Web Design 配色方案web colour 虽不能完美,但我们尽善尽美项目过程Project process 虽不能完美,但我们尽善尽美我们的服务 营销型网站建设/官网设计/外贸网站设计/响应式网站设计 百度快照推广/关键词排名/品牌全网推广/外贸推广 https://www.yuanpai.cc/case/yxal1042.html
6.Web信息架构——设计大型网站(第3版)用户、内容、情境构成了实践信息架构设计模式的基础。 情境:特定的商业或组织环境 内容:文件、应用程序、服务、模式以及人们要找到网站所需的元数据。 第3章:用户需求及其行为 本章为信息架构设计设定舞台,可以帮我们了解人们如何与信息交互。 第一优先考虑:他们需要信息,用户想要什么? https://www.jianshu.com/p/229e5af5ff33
7.商洛网站建设时整体架构如何设计商洛网站建设整体架构设计要结合商洛网站建设的定位、目标、内容、功能、特点、用户群体等进行统一规划、组织、展示。商洛网站建设整体架构设计既要注重内容的组织和展示,也要注重功能的开发和实现。商洛网站建设整体架构设计要结合商洛网站建设的定位、目标、内容、功能、特点、用户群体等进行统一规划、组织、展示。https://www.yunlng.com/Info/9640.html
8.网站设计架构 风格 信息排布 视觉顺序 8如何突破 1基础定义编辑 简单来说,网站设计的目的就是产生网站。简单的信息如文字,图片(GIFs, JPEGs,PNGs)和表格,都可以通过使超言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行,同样地它们亦需要https://baike.sogou.com/v297911.htm
9.如何创建SEO友好型网站结构幸运的是,构建(或重组)你的网站架构不一定是一件苦差事。在这篇文章中,我们将仔细研究网站结构,讨论为什么它对搜索引擎优化(SEO)很重要。然后,我们将指导你如何创建一个有利于SEO的网站结构。 网站结构简介 网站结构(也被称为网站架构)是指你的内容被分类和连接在一起的方式。从本质上讲,它涉及你的网站框架和https://www.wbolt.com/seo-friendly-website-structure.html
10.架构怎么考?软考系统架构设计师考试报名网站是什么?软考系统架构设计师采用机考的方式进行,报名条件不限学历、资历和年龄。软考系统架构设计师考试报名网站为中国计算机技术职业资格网,考生须在规定时间完成报名工作。 针对架构怎么考?软考系统架构设计师考试报名网站是什么?的问题,希赛小编将软考系统架构设计师考试的相关信息整理如下:https://www.educity.cn/rk/5322641.html
11.创业策划范文(精选15篇)四、网站栏目架构] 1.吴地文化 2.苏州景点 3.预订服务 4.天堂论坛 5.旅游常识 6.饮食文化 7.咨询广场 8.会员注册:个人注册和商家注册 9.服务区 五、网站设计 网页的版面设计直接影响到网站的效率。避免与其他网站的雷同,以致于被埋没在网络的大海之中,故本网站将全方们设计一个具格令人回味的界面。 https://www.oh100.com/chuangye/6204983.html
12.高并发在线聊天软件如何设计后端架构搭建在线聊天网站高并发在线聊天软件如何设计后端架构 搭建在线聊天网站,实现一个在线网页的聊天室Hello,今天给大家带来的是我的一个Web项目的开发过程的相关步骤,这个项目实现的功能是一个Web在线聊天室,简单的来说就是实现在网页版的聊天框,能够实现对于用户信息进行注册,登录,在网https://blog.51cto.com/u_16099277/7874385
13.(第4篇)大型网站核心架构,我们必须要理解这些性能指标本篇属于大型网站核心架构系列文章第4篇。 上一篇 "大型网站架构概述,我们必须要理解的这五个架构要素" ,我们主要一起理解了大型网站架构设计中高性能,高可用,可伸缩,可扩展和安全性这五大要素,知道了怎么通过这些架构要素来衡量我们整体系统架构设计的优劣。 https://cloud.tencent.com/developer/article/2029164
14.从零开始设计和搭建你的体育赛事比分网站(3)上一模块中,我们分别从三个部分:需求的收集与划分、需求的分析、需求的放大与汇总,以企业团队中产品经理的角度,分析了如何进行体育赛事比分网站项目的需求整理。 3 原型与架构设计 本模块其实可以分成原型设计和架构设计两个模块来介绍,但是我们侧重于架构设计的介绍,所以将这两部分合并为一个模块。本模块将会分别从快https://www.feijing88.com/news/article-13.html
15.如何设计网站信息导航与信息流如果开始就局限在细部,欠缺整体上的思考,等你画完会发现各部分风格不一、比例不协调等等的问题。俗语云“画虎先画骨”,放在产品原型设计里,就是首先要放眼于整体信息(信息导航架构),然后再在骨架上添加具体的细节。那么,如何合理地设计网站信息导航架构呢?https://www.tmtpost.com/77958.html
16.?GoogleSEO站内结构优化,外贸自建站的内容优化技巧外贸网站需要良好的架构,让Google蜘蛛可以顺利的扫描全站的内容,增加页面被Google索引的机会,让每一个页面都有机会呈现在用户面前,那么我们站内结构SEO需要做什么?如何做? 一、网站架构应合理设计网站结构清楚、简单、符合使用者直觉习惯 网址URL优化:路径应该要短,最好采用与内容相关且有意义的文字 https://www.cifnews.com/article/31560
17.电子商务实训报告(精选10篇)2、对网络架构的定义有了更深层的了解。 网站架构,是根据客户需求分析的`结果,准确定位网站目标群体,设定网站整体架构,规划、设计网站栏目及其内容,制定网站开发流程及顺序,以最大限度地进行高效资源分配与管理的设计。其内容有程序架构,呈现架构,和信息架构三种表现。而步骤主要分为硬架构和软架构两步程序。网络架构是https://www.ruiwen.com/gongwen/baogao/547044.html
18.解决方案深圳网站建设网站设计网站制作在营销型网站规划中,搜索引擎优化工作是基础和长期的工作,从企业网站的前期规划阶段就必须开始进行,而且必须要贯穿于企业网站的制作和后期运营过程。 2、进行网站整体架构和设计,让其拥有良好的客户体验: 企业网站最终要解决的是如何把用户变成客户,如何通过网站获得商业机会,提高产品销售额和品牌知名度等是营销型网站https://www.jiasuweb.cn/article/type/6-1.html
19.电商运营工作总结(通用11篇)一、电子商务项目组织架构搭建及岗位职责(第一步) 电子商务平台团队成员是关系整个项目启动推进和后续运营的关键,需要专人构建。 1、项目负责人:整体运营。 2、网站架构管理:网站的整体构架与内容优化。 3、美工:网站的页面设计与页面的人性化互动沟通。 https://www.yjbys.com/zongjie/gerenzongjie/2037153.html
20.2021年Java高级程序员应该读过哪些书籍整理(30本优秀书籍推荐对于没有大型网站系统开发经验的同学来说,这确实是个福利,可以稍微的了解大型网站架构变迁过程中的较为通用的问题和解法,并了解构建支撑大型网站的 Java 中间件的实践经验。 《大型分布式网站架构设计与实践》 和《大型网站系统与Java中间件实践》类似吧,我觉得。 https://maimai.cn/article/detail?fid=1656309761&efid=3B-G9X_o9DP2ZFp16sdSkA
21.2024亚马逊AWS认证考试(SAA)攻略(报考时间及流程+费用+有效期+但AWS认证考试目前有12种,本文主要为大家讲解SAA考试,这是AWS认证助理级解决方案架构师考试。这门考试更加注重于AWS的架构设计,比如如何设计可扩展、高可用的系统架构,如何进行系统和数据迁移,以及根据AWS架构最佳实践来规划你的架构设计,还有如何控制成本。非常适合解决方案架构师的人群。为了大家多SAA考试有更多的认识与https://www.extrabux.cn/chs/guide/7900570