网站建设

百度站长平台移动适配工具全新升级,界面化操作更简便

今天偶然进入站长平台,点开移动适配后发现张戈博客之前提交的移动适配XML记录已经不见了。细看之下才发现原有的XML结构化数据提交已经变成了界面化的栏位填写,大大的降低了操作门槛,那些不会写代码的站长有福了! 2015/7/27 补充一下百度官方更新公告: 1、适配数据的生效周期从最长18天缩短到最长10天。 2、取消了最难的操作、最易出错的xml提交方式,采用了最直观的对话框提交,需要批量提交的时候制作最简单的txt文件即可。重要提示:2015年7月25日24点前使用旧版工具提交的xml文件依然可以正常生效,新产出的适配关系数据需要使用新版工具进行提交。 3、对于适配数据生效的不同阶段给出明确的状态说明,如校验中、校验成功、校验失败等,其中校验失败还给出了详细的原因及示例,方便管理员快速定位问题。 4、重大BUG修复。在旧版工具中,适配数据若仅部分数据通过校验生效,工具状态仅显示“适配中”,该信息并不准确。新旧工具中,若出现仅部分数据通过校验后, 会显示“校验部分成功”,失败部分会给出相关示例,方式管理员修改。 点开后有2个适配方式:规则适配和URL适配: 这个“url适配”适合PC和移动站的URL没有对应关系的网站,这里可以提交全量链接: 很明显,推荐大家使用“规则适配”,类似于老版的pattern关系提交。只要填写网站几个类型的对应关系即可。比如首页、文章页、单页、分类等。 这个正则格式和pattern一模一样,非常简单,假设: PC  文章页是:https://zhang.ge/4586.html 移动文章页是:http://m.zhang.ge/4586.html 那么对应关系应该是: https://zhang.ge/(\d+).html http://m.zhang.ge/${1}.html 填写到站长工具则如图所示: 这样就完成了文章类型的移动开放适配了,其他类型比如分类或单页面只要依葫芦画瓢即可,这里就不再赘述了。另外,要注意的是,如果是https站点,在【移动站点名】一栏需要填写完整url,如:https://m.zhang.ge)。 Ps:本来张戈想试试这个玩意是否支持自适应网站,也就是前后都填写一样的url,结果提示前后url数据重复: 所以,自适应、响应式网站就不要去考虑这劳什子适配了,直接禁止百度转码即可! 工具传送门:http://zhanzhang.baidu.com/mobile/index 很明显,百度为了移动端搜索,也是操碎了心!从一开始的数据化结构XML提交,到现在直接界面化操作,移动适配的难度也是一降再降。现在有了这个界面化操作,相信绝大部分站长可以自己搞定移动适配了吧!实在是有太多的站长朋友找张戈做移动适配,什么帝国CMS、杰奇小说,张戈也是大呼费劲啊! 最后,张戈还是留心了一下,发现原来的XML结构化数据提交工具还是保留了下来,估计算是一个过渡吧!这玩意用起来实在是费劲,而且也容易出错,相信很多站长都深有体会吧! 点开看了下,之前提交的数据还在,不过提示不会再抓取和更新,说白了就是淘汰了。 好了,本文就分享到这,还没做移动适配的朋友赶紧去研究折腾吧!
阅读全文
网站建设

百度站长平台已开放网站移动适配的属性设置功能

今天打开手机UC浏览器时,赫然在主页面看到UC浏览器居然给张戈博客设计了一个图标: 小小的满足了一把虚荣心,貌似只有一些比较大的网站才会有,说明张戈博客开始慢慢得到了认可。 好了,这些都是虚的。当我看到这个logo的时候,觉得这个logo不错,正好可以作为百度站点属性的    logo,因为张戈博客之前提交的站点logo实在是看不下去: 当我打开百度站长平台--站点属性设置后,却有了另一个新发现:   点开看了下发现居然可以进行移动适配设置,真真是极好的: 看来2014年之后,百度在移动互联网的发力程度还是挺大的,先点个赞。 近来有很多站长朋友加张戈QQ请求帮忙做移动适配,无奈张戈工作太忙,实在是没有时间和精力做这些额外的付费服务,而且大部分还是什么帝国CMS、DEDECMS,实在不会,我看了都头痛。 现在好了,百度推出了这个界面化设置功能,所有站长朋友都可以第一时间对站点进行设置了。 根据以往经验,张戈简单的解释一下上图各选项的意义: PC站:网站是PC站点,且不是响应式的选择这个 有对应PC站的移动站:网站为移动站,而且存在适配的PC站,包括移动适配或者跳转适配 独立移动站:网站为移动站,而且没有对应的PC站,只对移动站服务 自适应:响应式网站,可以同时对PC和移动端提供服务,比如张戈博客 代码适配:通过服务器来动态判断,针对PC和移动展示不同的页面,但是url是不变的 这样解释,相信所有站长朋友都能清楚的设置自己的网站类型了吧! ①、有移动适配站的网站选择范例 比如PC站为zhang.ge,额外做了一个m.zhang.ge的移动站,那么如下选择: A、进入PC站(zhang.ge)的属性设置,将其类型设置为PC站 B、然后,进入移动站(m.zhang.ge)的属性设置,将其类型设置【有对应PC站的移动站】 很明显的对应关系设置,仔细看下百度选项的中文注释就很清楚了。 ②、没有移动站网站选择范例 比如,中国博客联盟是PC站,而且也不是自适应网站,所以我选择第一种: Ps:这个范例算是多此一举了,算是为了文章完整性而堆砌,请忽略之。 当然,这儿张戈也存在一个困惑,是不是将网站设置为PC站,会影响移动搜索的展示呢?如果我们投机取巧把没有移动站的网站设置为自适应类型,会不会在移动端有更好的展示呢?当然这些都只是胡乱猜测,大伙还是实事求是,做好移动适配是王道! 而且,这个设置是百度刚推出的功能,是否真的有效还有待验证,不过按照百度迟钝的反应速度,还是建议大家先设置一下比较好。
阅读全文
网站建设

百度移动sitemap协议mobile type升级,响应式网站怎么做移动开放适配?

昨晚登录百度站长平台的时候,我才看到百度移动sitemap协议升级的消息,大致内容如下: 各位亲爱的管理员: 为了更好地顺应时代潮流,完善对移动站点的处理,使百度与站长之间的沟通更加顺畅,百度技术部门对PC移动化方式进行了概念上的规范,分别将目前主流的三种PC站移动化方式总结为:跳转适配、代码适配和自适应。 相应的,百度站长平台对移动sitemap协议里的mobile type标注进行更新升级,修改了对自适应页面的标注方式,增加了对代码适配页面的标注方式。现在移动sitemap协议mobile type标注如下: 新 旧 备注 跳转适配 mobile  mobile 无变化 代码适配 htmladapt 新旧会并行一段时间 自适应 pc,mobile  autoadapt 新旧会并行一段时间 现阶段新旧方式会并行一段时间,我们希望您尽快使用新的mobile type标注提交数据,以便更好地与百度进行数据合作。 百度总算是将这模棱两可的开放适配解释清楚了,也算是回答了众多站长疑问,比如自适应、响应式网站是否需要做开放适配?为什么移动搜索自己的响应式网站被百度转码了? 这个消息道明了网络上现有的3种移动开放适配方案: 跳转适配:该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用 HTTP 重定向和 Vary HTTP标头重定向到相应的页面。 代码适配:该方法使用相同的网址(不考虑用户所使用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对不同设备类型生成不同版本的HTML。 自适应:通过同一网址提供相同 HTML 代码的网站设计方法。该方法不考虑用户所使用的设备(pc、平板电脑、移动设备),但可以根据屏幕尺寸以不同方式呈现(即适应)显示屏。 根据网站是否相同,以上三种适配有如下区别: PC、移动网址是否一致 PC、移动网页代码是否一致 跳转适配 否 否 代码适配 是 否 自适应 是 是 下面简单的分享一下这三种方案我们需要做哪些配置。 一、跳转适配 这个方案在张戈博客分享过很多相关文章,其中有一篇颇具总结性的文章是: 《移动搜索SEO:网站移动适配之Meta标注、移动跳转终结篇》 看完百度官方文档之后,我发现前文分享的JS跳转方案并不被百度推荐,原因如下: 如果使用跳转适配的方式,请不要使用JS对ua进行适配跳转。这种方式存在两个缺点: 对用户:会加大由重定向的客户端造成的延迟;这是因为客户端需要先下载网页,接着解析并执行 JavaScript,然后才能触发重定向。301或302则不会有这个延迟。 对搜索:爬虫也需要使用支持JS渲染的爬虫,才能发现此重定向。 当然,我之前分享的 js 跳转主要是为了兼容纯静态页面,而且另外配合了META适配标注,所以百度适配的效果还算不错! 不过,这个移动跳转我们完全可以通过Nginx来实现,参考规则如下: 这样,当移动端访问我们的网站时,将会自动跳转到我们的m移动站了!当然,我们必须做好一个移动站,并且在PC和移动站的head部分做好META标注: 在pc版网页上,添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于发现网站的移动版网页所在的位置。   在移动版网页上,添加指向对应pc版网址的链接 rel="canonical" 标记。 例如,假设pc版网址为http://example.com/1.html,且对应的移动版网址为 http://m.example.com/1.html,那么此示例中的注释如下所示: 在pc版网页(http://www.example.com/1.html) 上,添加: 而在移动版网页(http://m.example.com/1.html) 上,所需的注释应为: Ps:这个canonical标签的主要目的就是申明当前页面的唯一地址,避免重复内容带来的影响。   最后到百度提交开放适配 sitemap 文件即可。 二、代码适配 代码适配是指移动站和PC站共用一个域名,但是针对不同的终端访问,会展示不同的内容(主要表现在移动端页面的自适应特性)。 采用代码适配方案,根据官方文档,我们需要做2个设置: ①、添加Vary HTTP标头 ②、做好META声明 第①个设置:我表示没看太懂,大致应该是分别在移动和PC站的header响应头部中加入不同Vary信息(此header不是网页的<head>部分,而是F12开发界面-network选项卡中看到的头部信息)。 第②个设置:比较简单。就是分别在移动或PC站页面的<head>部分输出不同META申明: PC站:<meta name="applicable-device" content="pc"> 移动站:<meta name="applicable-device" content="mobile"> Ps:这个适配我个人不是很推荐,因为页面一开启缓存,立马歇菜! 三、自适应 自适应我个人的理解是网站布局能够根据浏览器或设备的宽度来自适应调整,在各种宽度下都能完美展示网页的主要内容,比如张戈博客目前使用的就是自适应主题,感兴趣的拉动浏览器宽带就能看到效果了。 自适应网站在开放适配上的困扰,我认为有以下2点: 移动端搜索我的网站,发现被转码了 响应式/自适应网站到底如何做移动开放适配。 ①、转码问题 这个问题算是老生常谈了,而且在被转码的页面底部,也会有百度给出的解决方案,感兴趣的自己去手机上看看。 要避免百度转码,只需在页面head中加入如下META申明即可: ②、适配问题 自适应网站,可以做好如下设置: I. MEAT标注...
阅读全文
网站建设

利用Meta申明来做百度、谷歌、雅虎、微软等搜索的开放适配

前段时间分享过利用Meta申明来做百度开放适配,前几天在解决sitemap报错问题时,看到了谷歌、雅虎及微软等搜索引擎开放适配方法,感觉有点意思,就折腾了下代码,现在来分享下。虽然她被墙了,但是我们应该怀着一颗乐观向上的心,随时迎接谷姐归来。。。 一、谷歌开放适配规则 对应URL举例: pc:https://zhang.ge/ 移动:http://m.zhang.ge meta申明方法: a)pc页面添加meta: 注意:640px,这里指移动设备最大宽度,只是谷歌一个举例,为了最大化适配效果,这里可以填写9999px,张戈博客的主界面宽度为980px,所以选择了1000px,即告诉谷歌,当屏幕宽度小于1000px的将展示移动主题。 b)而在移动版网页上,所需的注释应为: c)URL级别sitemap:详见:https://developers.google.com/webmasters/smartphone-sites/details?hl=zh-cn#0-bdhome-1-33534-1d18d5141e8cb800a4977d54d80686cb 二、做好开放适配映射sitemap a)这个sitemap与以往的sitemap.xml文件格式不同,请严格遵循百度、谷歌官方指南操作 b)给百度、谷歌分别单独做一个映射sitemap,不要做在一起(做在一起搜索引擎其实也可以识别,但是为保证效果还是分开的好) c)单独给你的移动端网站建立一个sitemap.xml文件,并做好ping机制。 Ps:以上可参考之前张戈博客发布的相关文章: 移动SEO分享:php自动提交复合型Sitemap到百度搜索 移动搜索SEO分享:PHP自动生成百度开放适配及360移动适配专用的Sitemap文件 移动搜索SEO分享:利用Meta声明来做百度开放适配   三、注意事项 1、将移动用户跳转至移动端网站,这个操作要过滤掉蜘蛛,从服务器端仅判断用户,避免影响蜘蛛抓取。 Ps:用张戈博客之前的方法就可以避免:完美实现移动主题在360网站卫士缓存全开情况下的切换 2、移动端页面去除强PC特征,这个不要直接把PC端页面结构全部搬到移动端,要注重用户体验,改删减的就删减。 3、移动端网页的收录用site是查询不到的,尤其是百度。只看百度后台的适配进度、和GA的流量即可。 Ps:另一种查看效果的方法是在手机百度site电脑端域名,可以出现如下结果: 而直接site移动端域名则如图提示找不到(具体可以到手机端site一下张戈博客域名:zhang.ge) 4、移动端网页的权重是继承PC端的 四、张戈的做法 理论的东西看起来总是迷糊,张戈就分享一下实际的php动态meta申明代码吧! 由于每个页面都是一 一对应关系,而wordpress一般都是共用一个header.php,所以我们需要在header里面加上打印当前页面对应的meta信息的语句,比如: 以下代码添加到PC主题的header中,就只会在文章页面打印对应的谷歌meta申明: 然后移动主题的header则对应添加如下代码即可: 以上则为一个完整的文章页面的谷歌meta开放适配! 依葫芦画瓢,可以得出首页、文章页、单页面及分类页的完整meta适配代码: PC主题添加: 移动主题添加: 当然,我们还有百度开放适配,只要结合以前张戈分享过的《移动搜索SEO分享:利用Meta声明来做百度开放适配》的做法,那么就可以同时做百度和谷歌的开放适配了,完整代码如下: PC主题添加: 移动端主题:由于百度并未提供移动端开放适配对应的meta,所以移动端加上谷歌的meta申明即可(上面已提供)。 本文代码中的分类和单页面url需要新增一个function函数,具体请参考:《完美实现移动主题在360网站卫士缓存全开情况下的切换》一文中的第三步。 如果你和张戈一样用的是二级域名移动站,那么这个Meta代码还可以继续添加|“结合js判断UA的地址的跳转代码”,可谓一举多得!篇幅有限,张戈就直接贴上自己的实际使用代码,供有心人参考使用: 百度、谷歌、雅虎、微软开放适配及手机端UA判断跳转代码:   Ps:如果是知更鸟主题,首页和其他页的header是分开的,以上代码的实际使用也请分开插入。 添加后,可以到首页、文章页、单页面及分类页查看源代码即可查看到如图对应meta标注:  每种类型的页面仅出现对应的meta标注,则为成功! 以上关于谷歌开发适配的方法参考自:《移动SEO方案及注意事项》,张戈博客提供的是动态meta标注方法。 写在最后: 至此,张戈博客关于移动适配和开放适配的研究就真正告一段落了!搜索引擎的覆盖面已经足够广了! 至于做seo有没有用?张戈可以肯定的告诉你,绝对是有用的!质疑的朋友可以随时查看张戈博客的收录和排名情况,虽然张戈并未对博客的关键词排名做优化,但是已收录的关键词一直在稳步上升,比如【张戈】这个关键词已经从第4页27名慢慢爬到了第一页第4名:   另外,关于博客的技术类文章最近总是出现无聊灌水以及不受欢迎的现象,张戈还是那句话,张戈一个IT屌丝,文笔确 实挺烂,因此只有当你有需求的时候你才会认真看,才会看得懂;所以,不喜勿看,不喜勿评,省得浪费您的宝贵时间,是不?看不懂的童鞋请转至留言板灌水即可~文章页真心不需要无畏的捧场,张戈博客的技术文章只写给有需要的人,谢谢了!
阅读全文