网站建设

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

今天偶然进入站长平台,点开移动适配后发现张戈博客之前提交的移动适配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  文章页是:http://zhangge.net/4586.html 移动文章页是:http://m.zhangge.net/4586.html 那么对应关系应该是: http://zhangge.net/(\d+).html http://m.zhangge.net/${1}.html 填写到站长工具则如图所示: 这样就完成了文章类型的移动开放适配了,其他类型比如分类或单页面只要依葫芦画瓢即可,这里就不再赘述了。另外,要注意的是,如果是https站点,在【移动站点名】一栏需要填写完整url,如:https://m.zhangge.net)。 Ps:本来张戈想试试这个玩意是否支持自适应网站,也就是前后都填写一样的url,结果提示前后url数据重复: 所以,自适应、响应式网站就不要去考虑这劳什子适配了,直接禁止百度转码即可! 工具传送门:http://zhanzhang.baidu.com/mobile/index 很明显,百度为了移动端搜索,也是操碎了心!从一开始的数据化结构XML提交,到现在直接界面化操作,移动适配的难度也是一降再降。现在有了这个界面化操作,相信绝大部分站长可以自己搞定移动适配了吧!实在是有太多的站长朋友找张戈做移动适配,什么帝国CMS、杰奇小说,张戈也是大呼费劲啊! 最后,张戈还是留心了一下,发现原来的XML结构化数据提交工具还是保留了下来,估计算是一个过渡吧!这玩意用起来实在是费劲,而且也容易出错,相信很多站长都深有体会吧! 点开看了下,之前提交的数据还在,不过提示不会再抓取和更新,说白了就是淘汰了。 好了,本文就分享到这,还没做移动适配的朋友赶紧去研究折腾吧!
阅读全文
网站建设

百度移动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申明等。 关于开放适配的教程写到这就全部结束了,我会找个时间整理总结一个终结篇,方便有需要的人查看,敬请期待。
阅读全文
网站建设

百度Sitemap工具升级版内测,附移动sitemap.xml的php代码(支持响应式)

早上在研究如何禁止百度转码和百度网页缓存时,在百度站长平台看到了新消息提示,查看有如下内容: 看来俺博客的移动开放适配和移动站的建设已得到了百度的认可,我长期来的研究努力并没有白费。虽然很多人并不认可用二级域名再弄一个移动站的做法,而是更加推崇响应式网页,甚至谷歌也一直推荐响应式建站。 在我看来,只要做好PC站和移动站的适配工作,无论是从体验还是从SEO角度上看,二级域名做移动站和使用响应式的区别并不大。 最有说服力的案例就是百度搜索,百度自己都一直用的二级域名做移动站:http://m.baidu.com/,所以,用二级域名走移动站,绝对不会被百度搜索所排斥!这不,百度都给俺的移动站发邀请了,一切就清白了吧! 收到邀请后,我第一时间修改了php代码,并提交了针对m.zhangge.net的sitemap,下面简单说下步骤: 一、php代码 以下是摘自百度官方的移动Sitemap协议的帮助文件: 根据以上说明,可推出如下三种可用的移动sitemap生成php脚本(适合WordPress,其他程序仅供参考): ①、非响应式WordPress网站适用(适用于二级域名做移动站): ②、响应式WordPress网站适用: ③、响应式二合一做法: 如果是响应式网站,其实可以将PC版sitemap改造一下,同时兼顾百度PC搜索和移动搜索,代码如下: 请根据网站实际情况,选择合适的代码保存为sitemap_mob.php,并上传到网站根目录。 然后在浏览器访问:http://m.zhangge.net/sitemap_mob.php 查看效果。 Ps:如果响应式网站,推荐使用二合一的php代码,可同时提交向百度提交PC和移动的数据,从而避免转码困扰。 ④、福利:针对响应式网站,若还没开通百度sitemap权限,可制作开放适配专用的sitemap 代码如下: 先根据网站的实际版式,修改代码中板式标签部分,即将<xhtml_url>标签替换成实际的网站版式,以下为三种网站版式,选择一种即可: 不会看版式的,请参考如下说明对比一下网站的申明: 修改完善后,同样将上述代码保存为sitemap_sp.php文件。上传到网站根目录,然后使用浏览器访问该文件确认无误后,打开http://zhanzhang.baidu.com/mobiletools/index,提交百度开放适配数据即可!所有验证过的网站,均可以提交百度开放适配数据! 当然以上代码是针对响应式写的,如果是非响应式网站,请参看张戈博客之前的文章: 移动搜索SEO分享:PHP自动生成百度开放适配及360移动适配专用的Sitemap文件 二、新增伪静态 ①、Nginx做法 在原来的伪静态位置新增规则: ②、Apache做法 在.htaccess中新增规则: 保存后,在浏览器访问http://m.zhangge.net/sitemap_mob.xml 查看效果。 Ps:其实百度支持提交php地址,所以第二步只是为了看起来更像xml文件而已,其实可做可不做!! 三、前往提交 打开百度sitemap工具地址:http://zhanzhang.baidu.com/sitemap/index 选择移动域名后提交上面的sitemap_mob.xml地址即可: 提交完毕,至于有什么效果,就不得而知了,反正俺的博客的移动搜索本来就已经适配完善了: 算是给百度当了一次小白鼠,仅此而已。
阅读全文
神马搜索推出开放平台,致力于移动互联网 网站建设

神马搜索推出开放平台,致力于移动互联网

昨天在截取张戈博客移动适配效果图时,赫然发现UC神马搜索site命令第一条出现了站长工具信息: 立即点进去看了下: 网址:http://open.sm.cn 注册并登录后,将手头的2个网站都添加验证一番: 接着,提交了一下常规sitemap,发现一天一夜了,还未处理: 最后,看了下神马平台的移动适配规则: 1. 基本功能 供站长提交pc->wap对应关系,神马搜索根据对应关系将收录的PC页替换为wap页 2. 适用范围 网站兼有PC版和Wap版 3. 移动适配方式 A. 自主适配 B. 标注Meta声明 C. 提交页面对应关系 3.1 自主适配 1)含义:站长自己做好PC和wap网页的自适配,当用户在移动设备访问PC网页时自动适配到wap网页。 2)举例:用户在手机端访问http://www.taobao.com/,站点自适配到http://m.taobao.com/。 3)适用网站:网站有能力做好pc和wap页面自适配 4)建议:自主适配是最理想的移动适配方案,用户在移动设备无论是通过神马搜索还是通过其它浏览渠道都会展现wap页,建议使用此方案! 3.2标注Meta声明 1)含义:站长做PC和wap网页自适配有困难,可以在PC网页源码的Meta字段添加PC和wap的页面对应关系,神马根据用户终端给出适合展示的页面。 2)Meta声明格式:<meta name="mobile-agent" content="format=; url=url">,红色部分由站点填充具体内容。 3)Meta声明举例:<meta name ="mobile-agent" content="format=xhtml; url=http://sina.cn/"> 3.3提交页面对应关系 1)适用网站:针对未做自适配和PC页meta标注声明的网站。同时,为神马搜索能够更准确快速地处理移动适配,建议做了自适配和meta标注声明的网站同时提交页面对应关系。 2)对应关系类型:url级对应及url pattern级对应关系(也可两者兼有),具体提交文件格式及pattern写法见附录. 3)提交文件格式:xml或txt,建议xml 4)建议:直接提交对应关系sitemap,后续需要持续的更新和维护,成本较大,不推荐使用。 Ps:更详细规则请移步官网查看:http://open.sm.cn/open/adapterGuide 仔细看了下规则说明,神马搜索结合了百度开放适配和360移动适配的特点,既像百度搜索一样支持3中适配方法,又和360一样,可以提交url对应关系的txt文件。 对于自主适配和Meta标注,张戈博客一直做的非常到位,完全符合神马开放平台的规则标准,所以仅需提交之前就做好的360移动适配专用的sitemap_360_sp.txt文件即可: 目前正常处理中,如果你也想自动生成这个适配文件或完善Meta适配申明,请查看张戈博客的相关文章: ①、移动搜索SEO分享:PHP自动生成百度开放适配及360移动适配专用的Sitemap文件 ②、移动搜索SEO:网站移动适配之Meta标注、移动跳转终结篇 其他神马相关内容,基本和其他搜索大同小异,有兴趣的童鞋自己去神马开放平台查看吧!
阅读全文
网站建设

移动搜索SEO:网站移动适配之Meta标注、移动跳转终结篇

这些天,在给博客的标签页(tag)添加跳转和META动态申明时,居然让我醍醐灌顶,发现之前的动态适配的做法是多么的苦逼和小白! 总结前,先来回顾下小白张戈在移动适配这条道路上的摸爬滚打: 百度开放适配专用sitemap制作说明 360站长平台移动适配文件制作说明 完美实现移动主题在360网站卫士缓存全开情况下的切换 移动搜索SEO分享:利用Meta声明来做百度开放适配 利用Meta申明来做百度、谷歌、雅虎、微软等搜索的开放适配 必须申明的是,本文的所有做法仅适合非响应式网站,并且需要一个额外的移动站,比如: 张戈博客的PC站是:http://zhangge.net 对应的移动站点是: http://m.zhangge.net 创建移动站点后,我们再通过一个js来判断访问者的UA信息,实现自动跳转功能 。 所以,移动站点的创建主要是为了弥补PC站在移动小屏设备下显示不佳的缺憾。然而,搜索引擎却会将他们视为不同的站点,从而影响SEO。为了解决这个问题,我们就必须遵循搜索引擎的移动适配原则,对2个站点进行移动适配。 目前张戈掌握的几个搜索引擎的移动适配做法如下: 百度:xml对应关系适配、Meta标注适配(特有)  ; 谷歌:Meta标注适配 (同样适合雅虎、必应等国外搜索引擎); 360:txt对应关系适配。 下面主要分享下META标注和移动跳转的部署方法: 一、完整代码示例 以首页举例,实现移动适配META标注、移动站跳转的做法如下: ①、在PC站点部署代码: head部分: footer部分: ②、在移动站点部署代码:  head部分: footer部分: 以上则为首页的移动适配+跳转的完整代码,但一个网站有N多页面,所以我们必须做成动态代码,实现每个网页的移动适配及跳转! 二、动态部署代码 要做动态部署代码,就得考虑建站程序所用语言,目前最流行的建站语言主要是php和asp。php以wordpress为主,其次有emlog、typecho等,asp则主要是ZBlog。 以往张戈博客的文章分享的适配全部都是wordpress专用的,而且代码繁杂,通用性很差!最近,张戈在给博客的标签页做移动适配的时候,突来灵感,找到了一个最简单通用的方法,可以应用到所有建站程序! 核心思想很简单:既然是每个页面都要做移动适配,那么先动态获得当前页面地址,然后进行规则替换即可! ①、Wordpress专用 我们先将如下代码加到header.php 然后继续添加如下代码,就能完成所有页面的PC站点的移动跳转和移动适配: 至于移动站的适配,依葫芦画瓢,把进行替换的那句中的http://和http://m. 换一个位置即可!这还要多简单?? ②、PHP通用 I、PC站点: 在PC站点的head部分添加php函数(WP可直接加入function.php模板中),用于获取当前页面的移动地址: 然后继续添加如下代码,则可在PC站所有页面的head中动态输出【移动适配\跳转】所需要的代码: II、移动站点 相应的在移动站点中部署如下函数,用于获取移动站点所有页面对应的PC页地址: 在移动站中继续添加输出代码: ③、ASP版本 ASP张戈非常不熟悉,所以就不详细说明了!有了上面的参考,相信用ASP建站程序的童鞋能轻而易举的完成! 下面仅提供获取地址代码(仅兼容主站是顶级域名),自己参考折腾吧! I、获取PC站当前页对应的移动站地址: II、获取移动站当前页面对应的PC站地址: 有了以上代码,相信你能写出移动适配的输出代码的,不是么? ④、JS通用版本(适配暂时不可用): 这个极其简单,直接获取当前页面地址,然后替换成对应的移动或PC地址即可: PC页面head部分: 移动页面head部分: 简单是简单,但这个方法的移动适配是不可行的(跳转可行),因为搜索引擎暂时还无法识别js输出内容。不过,谁也无法拍板说搜索引擎以后不会识别。因此,张戈还是把这个方法贴出来,也许多年后能用上,不是么?  三、注意事项 ①、代码针对的是非WWW的顶级域名,如果是带www的,需要修改代码才行,自己摸索吧; ②、代码中用到的UA判断uaredirect.js,移动站和PC站是不一样的!可直接下载张戈博客移动站和PC站的uaredirect.js,放到不同位置,然后相应修改代码中路径即可; ③、PHP版本中用到的函数带,推荐加入到主题模板的function函数模版当中; ④、本文分享的移动适配仅涉及Meta标注的方法,至于另一种sitemap对应关系提交方法请移步查看; ⑤、文章看起来非常复杂、详尽,我相信真有需要的童鞋绝对看得懂!如果看完还是不会,张戈可提供有偿服务,协助贵站完成移动适配:http://zhangge.net/pay/。当然还是推荐自己完成,比较有成就感! 四、成果展示 张戈博客做好移动适配有2个多月了,目前效果非常不错,主流移动搜索基本已完全替换为m.zhangge.net: 百度移动搜索: 360移动搜索: 神马搜索: 好了,以上就是张戈博客关于移动适配和跳转的终结篇,希望对你有所帮助!
阅读全文