网站建设

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

今天偶然进入站长平台,点开移动适配后发现张戈博客之前提交的移动适配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标注...
阅读全文
网站建设

php自动生成百度开放适配PC页-手机页pattern对应关系sitemap.xml

以前做百度开放适配一直是提交普通的url对应关系,这种方式有个缺点,就是必须每个页面的url关系都得兼顾,即有多少就得提交多少。 然而,很多网站并不是WordPress建站,所以以往我提供的php代码也无法满足所有网站的需求。遇到这种难题,其实百度也提供了另一种关系提交——PC页-手机页pattern对应关系。 这种对应关系的优点在于,每一种url形式只需要提交一组具备正则对应关系的xml数据结构即可。 一、文章关系 对应文章页面,我的博客是%post_id%.html的格式,剩下的也只是PC域名和移动域名的对应关系,所以文章页面pattern对应关系可如下提交: 这样一组对应关系的提交,即可完成网站所有文章的百度开放适配。 二、分类关系 同样的,按照上面的对应结构,可以轻而易举的写出wordpress分类的pattern对应关系: 这2组pattern对应关系就能完成我博客的所有页面的开放适配,简单吧?! 三、关系组合 按照xml的格式,将上述2组关系组合在一起,保存为sitemap_pn.xml文件,就可以去百度开放适配提交了: 四、php代码 眼尖的朋友,应该发现了,xml中的时间是写死的,这样会不会有问题就不知道了。看来还是弄个动态的时间比较靠谱,于是写了一个php代码如下: 这样,百度抓取的时候,时间也就是博客最后更新的时间了,而非写死的时间。最后,将以上代码保存为sitemap_pn.php文件并上传到网站根目录。 五、提交关系 每个在百度站长平台验证过的网站都具备百度开放适配的权限。 直接打开数据提交地址:http://zhanzhang.baidu.com/mobiletools/add 提交这个php文件的地址即可: 如果没有出现编码错误,基本上就可以通过了: 显示数量为2 ,因为文件只提交了2组pattern对应关系。 六、拓展阅读 上文其实是想告诉大家,如果你的网站不好生成url对应关系的sitemap,可以写一个pattern级别的sitemap,将网站的对应关系,按照pattern格式分组列出即可,而无需苦恼动态脚本。 注意事项: ①、pattern对应关系涉及的正则表达式,百度官方已说明只支持数字正则(\d+)和数字字母组合的(\w+); 具体可以参考上文的pattern对应关系或者百度给出的范例:http://zhanzhang.baidu.com/site/format?id=388 ②、不要使用记事本编写相关代码,xml的编码问题会非常蛋疼,推荐用EditPlus等工具来编写; ③、根据实际情况正确选择网站版式:<xhtml_url_pattern>、<wml_url_pattern>、<html5_url_pattern>。 ④、企业网站若有需要,张戈博客可提供有偿适配服务:50元/次,包括xml、META申明等。 关于开放适配的教程写到这就全部结束了,我会找个时间整理总结一个终结篇,方便有需要的人查看,敬请期待。
阅读全文
网站建设

移动搜索SEO分享:PHP自动生成百度开放适配及360移动适配专用的Sitemap文件

导读 随着智能手机的高速普及,人们将更多时间放到了手机上,麻利的做着以前只能在电脑上才能完成的购物、聊天、信息获取等事情。如此一来,站长们对移动端的SEO也就越来越关注。当然,也各大搜索引擎也开始发力移动搜索,比如百度近期推出的2014网站移动化大赛和开放适配、360推出的移动适配等。而张戈对于移动适配也是关注已久,写过不少相关文章,现在就来分享一个通过php自动生成百度开放适配和360移动适配的专用sitemap文件的方法。 先再次回顾下,张戈关于百度开放适配和360移动适配的历次折腾记录: ①、百度开放适配专用sitemap制作说明 ②、360站长平台移动适配文件制作说明 ③、百度开放适配&360移动适配专用Sitemap转换工具 ④、利用Meta声明来做百度开放适配 必须要申明的是,下面介绍的专用适配Sitemap,并不同于我们平常所说的网站地图Sitemap,百度开放适配Sitemap里面是PC页—手机页的对应关系,例如: 此文的PC页面地址为:https://zhang.ge/3816.html 而对应移动版页面为:http://m.zhang.ge/3816.html 那么可以通过这个专用sitemap文件将对应关系提交到百度开放适配,一旦适配成功,百度将会在移动搜索中将原PC页结果替换为对应的手机页结果。具体可以参考百度官方说明文档:http://zhanzhang.baidu.com/wiki/39#3 另外,响应式网站的开放适配请前往查看张戈博客的另一篇文章:https://zhang.ge/4530.html 弄清楚概念之后,咱们继续往下看。 一、准备工作 在生成适配文件之前,你需要一个PC网站的手机版本。本文所提供的代码默认支持的是二级域名做移动站,想用二级域名做移动站的请查看张戈博客的相关文章: ①、完美实现移动主题在360网站卫士缓存全开情况下的切换 ②、分享WordPress Mobile Pack汉化精简版及隐藏指定插件更新提示的方法   二、php代码 ①、百度开放适配: ②、360移动适配: 代码说明: <1>、以上代码默认限制1000篇文章,如需修改请改变第5行的数值即可; <2>、涉及到张戈博客域名( *.zhang.ge )的代码,请根据实际情况修改成自己网站的域名; <3>、请网站的实际版式,修改代码中板式标签部分,即将<xhtml_url>标签替换成实际的网站版式,以下为三种网站版式,选择一种即可: 不会看版式的,请参考如下说明对比一下网站的申明: 如果发现你的移动站用的还是PC通用的版式申明,那么请改成相应的mobile版式申明,以加快搜索引擎的识别。 补充说明:如果是其他类型的移动站,该如何修改? (1)、如果是 http://yoursite.com/wap 这种二级目录形式,请将代码中的m.zhang.ge全部替换成 yoursite.com/wap即可。 (2)、如果是http://yoursite.com?type=mobile 这种参数形式: 请将2种代码中的 修改为: 即加上你移动站对应的转换参数即可,至于代码中的首页对应关系该如何修改,相信可以自行搞定,无需赘述! 三、新增函数 请编辑主题目录下的functions.php文件,插入以下函数代码: 做完以上步骤,你就可以手动访问2个php脚本查看效果了,比如: https://zhang.ge/sitemap_baidu_sp.php https://zhang.ge/sitemap_360_sp.php 若显示正常,你可以继续下一步了。 目前已收集到的报错反馈,及相应解决办法: ①、若访问报500 Internal Server Error :File xxx is writeable by group错误,请将以上2个文件权限设置为644。 ②、访问百度开放适配php地址后,大概在16行报出如下错误: 这个和Apache设置有关系,目测是Win主机下特有问题。 解决办法有2个: 第1种:请打开 php.ini 然后把 output_buffering 设为 on 。重起appache,OK(可以找主机商解决); 第2种:删除上文中百度开放适配代码中的第25行: header("Content-type: text/xml"); 应该可以解决。   四、伪静态规则 从第二步最后的访问地址可以看出,用的是php的动态路径,而百度写明了需要提交xml格式(其实,我发现php格式也可以提交成功),360则写明了需要提交txt格式。于是,接下来就是将地址伪静态化。 编辑网站根目录的 .htaccess文件,如下代码所示位置新增8~11行内容: 保存之后,应该可以直接访问xml和txt路径了,如: https://zhang.ge/sitemap_baidu_sp.xml https://zhang.ge/sitemap_360_sp.txt   五、前往提交 ①、百度站长平台-开放适配:http://zhanzhang.baidu.com/mobiletools/add 提交成功预览:   ②、360站长平台-移动适配:http://zhanzhang.so.com/index.php?m=Urlmap&a=submit   提交成功预览:   若以上未出现问题,那恭喜你!一劳永逸地搞定了百度开放适配和360移动适配这项闲得蛋疼的项目...! 至此,张戈终于搞定百度开放适配和360移动适配专用sitemap没法自动更新的历史遗留问题! 六、效果展示 在手机上百度,site:zhagnge.net 可得到如下图结果:     看了上图,你可能会说,这不就只是收录了二级移动站么?那好,搜索 site:m.zhang.ge试试:   看完上图无需多言,相信你已经明了百度开放适配是个啥效果了!   篇后语:php代码是动态生成的,如此就保证了搜索引擎更新抓取的时候,是最新状态!而不会是之前那样苦逼手动去生成和更新!不过,暂时也稍有遗憾,仅仅生成了文章页面的对应关系,单页面和分类并未提供!不过,能适配文章也差不多了! 注意事项; ①、本文提供的方法仅适合Wordpress建站程序,其他PHP建站程序仅提供参考思路; ②、代码默认支持Linux系统,若是windows系统,需要修改换行符,若有疑问请留言咨询。...
阅读全文
网站建设

移动搜索SEO分享:利用Meta声明来做百度开放适配

 前天,张戈博客终于搞定了网站静态缓存下的移动端站点切换,从而也多了一个移动二级域名。于是又开始纠结这个2二级域名是否需要屏蔽搜索引擎的收录,毕竟内容一摸一样。 听SEOer们说,搜索引擎会将二级域名视为不同的2个站点,如此一来,我的移动站点是否要做相应的处理,就值得深思了。(如有清楚的站长,请告知,多谢~) 然而,就在今天百度搜索相关资料的时候,发现百度开放适配居然有三种方法...... 之前只注意到了百度开放适配的sitemap提交方法,张戈前后折腾了如下几篇文章: 1、百度开放适配专用sitemap制作说明 2、360站长平台移动适配文件制作说明 3、百度开放适配&360移动适配专用Sitemap格式转换工具 事实上,百度提供了三种移动开放适配的方法: ①、 自主适配 ②、 标注Meta声明 ③、提交对应关系Sitemap 看完介绍发现,原来【标注Meta声明】才是最简单的百度开放适配办法!真是后知后觉... 如何通过标注Meta声明来进行百度开放适配? 请看来自百度官方的方法: 站点如果自行适配有困难,可以在PC页面中做简单改造,百度协助实现适配效果。 即:站长在站点PC页的源代码头部嵌入一行或多行Meta信息,由Meta信息来指明该PC页对应的手机页的URL,以及该URL对应页面的格式,百度将根据用户终端类型选择最适合展示的页面。(无对应关系的PC页面无需添加Meta ) 1. Meta声明格式: Meta声明示例: 2. 站长需要将Meta声明放在PC页源代码内部,如下: 生效情况: 标注Meta声明这一适配方案仅在百度移动搜索中生效,即只有当用户通过百度移动搜索访问站点时,适配才会生效; 通过其他渠道则不生效。在标注准确对应关系无误的情况下,大约需要七天左右的时间生效,老旧页面会有延迟。但百度不保证一定能在移动搜索结果中按照您标注的对应关系进行替换。   下面分享一下张戈的做法: 仔细看了下,百度官方方法中的那个图解说明: “....url=url——后者是代表当前PC页所对应的手机页url,两者必须是一一对应关系....” 这样看来,如果按照百度官方提供的代码,那只能适配首页了。。。文章、分类等页面就完全没关照到。 结合了下这两天在博客文章中写的代码,张戈在header.php模板中新增如下代码,实现整站的标注Meta声明: 以上代码会根据不同的页面打印不同的地址,完成所有页面的百度开放适配Meta标注声明,而且还结合了移动端访问自动跳转的机制,可谓一举两得! 如果对移动端跳转存在疑难,请查看张戈前两天的文章:《完美实现移动主题在360网站卫士缓存全开情况下的切换》 如果不需要做移动端跳转的话,请删除以上代码中所有的javascript语句即可。 另外,此代码的应用,需要新增以下function.php函数代码: 添加方法:编辑主题目录的function.php模板,找个位置新增以上代码 (怕放错就直接放到最后一个 ?> 的前面)。 哦了,如何使用标注Meta声明的方法来做百度开放适配就介绍到这了,张戈也是刚实施,而百度又是出了名的傲慢和拖沓,之前用sitemap提交的开放适配,几个月都没生效: 所以,一切看人品了。。。。   最新消息:张戈博客已推出最简单的适配方法,请移步查看=>
阅读全文