纯代码制作响应式WordPress站点兼容百度PC移动地图

 2017-03-21 07:29:00  350 人阅读  30 条评论

投放广告联系   诚邀合作伙伴   赞助我们   本站公告   轻松一刻

我们平时所说的网站地图大多数都是 XML 地图,这个绝大多数 XML 地图都是针对 PC 端网页,而几乎从未关注过移动端 XML 地图,特别是响应式站点。所以今天我们就来跟大家说一说如何纯代码制作响应式 WordPress 站点地图,让其同时适用于 PC 端和移动端。PS:国内好像只有百度有移动 Sitemap 协议,所以本文所制作的 XML 地图就是百度专用。

纯代码制作响应式WordPress站点兼容百度PC移动地图 WordPress 第1张

什么是移动 Sitemap 协议?

百度推出了移动 Sitemap 协议,用于将网址提交给移动搜索收录。百度移动 Sitemap 协议是在标准 Sitemap 协议基础上制定的,增加了<mobile:mobile/>标签,它有四种取值:

  • <mobile:mobile/> :移动网页
  • <mobile:mobile type="mobile"/> :移动网页
  • <mobile:mobile type="pc,mobile"/>:自适应网页
  • <mobile:mobile type="htmladapt"/>:代码适配
  • 无该上述标签表示为PC网页

从上面的<mobile:mobile/>标签取值得知,我们是响应式站点,那么只需要在我们传统的 XML 地图上添加<mobile:mobile type="pc,mobile"/>标签即可。

制作含有<mobile:mobile type="pc,mobile"/>标签的XML地图

1、制 作sitemap_mob.php 文件。将下面的代码放到一个单独的PHP文件里并命名为 sitemap_mob.php,上传至网站根目录,使用浏览器访问该文件,如能正常打开并确认里面的网页链接及标签无误后即可。

2、新增 sitemap_mob.xml 伪静态

①、Nginx 做法

在原来的伪静态位置新增规则:

  1. rewrite ^/sitemap_mob.xml$ /sitemap_mob.php last;

②、Apache 做法

在 .htaccess 中新增规则:

  1. RewriteRule ^(sitemap_mob)\.xml$ $1.php

保存后,在浏览器访问 http://yourname.com/sitemap_mob.xml 查看效果。

3、纯静态(伪静态和纯静态二选一)

这个 sitemap 每次重新生成都是一个耗能大户,很多人担心会被有心之人拿来作为攻击入口,所以这里就跟大家分享一个张戈一直在用的最简单的实现方法:Linux 定时任务+wget 定时生成 sitemap.xml

具体实现:将网站根目录的 sitemap.php 重命名为一个只有自己知道的 php 文件,比如 xml.php,然后定时使用 wget 去请求这个文件,并将数据保存为 sitemap.xml 存放到网站根目录就可以了!比如:

#每天凌晨1点在网站根目录生成一个 sitemap.xml(xml.php为自己重命名的php文件名称)

  1. 0 1 * * * wget -O /home/wwwroot/zhangge.net/sitemap.xml http://zhangge.net/xml.php  >/dev/null 2>&1

这样一来,就解决了sitemap.xml是动态数据问题了!

至此,我们已经成功制作了一个同时适合百度PC端和移动端的网站地图,接下来的提交站点地图就不再展开说了。在这里,boke112 提醒大家,本文所说的这个 XML 地图仅适用于百度,其他国内搜索引擎好像尚未支持<mobile:mobile/>标签,所以其他搜索引擎不用提交本文所交的 XML 地图哦。

参考资料:

拓展阅读(谷歌移动Sitemap):

  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:mobile="http://google.com/schemas/sitemap-mobile/1.0">
  3. <url>
  4. <loc>http://mobile.example.com/article100.html</loc>
  5. <mobile:mobile/>
  6. </url>
  7. </urlset>

请注意:

  • 谷歌移动 Sitemap 只能包含支持移动网络内容的网址。Google 抓取机制将忽略任何只支持非移动网络内容的网址。如果有非移动内容,请为这些网址创建单独的 Sitemap。
  • 如果<mobile:mobile/>标记丢失,我们就无法正确抓取您的移动网址。
  • 各移动 Sitemap 应使用唯一名称。

如果文章对你有帮助,请赞赏支持boke112导航发展!

历史上的今天:

本文地址:https://boke112.com/3854.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归  所有,欢迎分享本文,转载请保留出处!
WordPress虚拟主机和VPS服务器推荐

 发表评论


  1. dowest
    dowest 【小白】 @回复

    RewriteRule ^(sitemap_mob)\.xml$ $1.php这个添加到.htaccess等下就会被删掉了,是怎么回事?

    • 懿古今
      懿古今【村长】2017-09-16 20:21  回复

      @dowest一般情况都不会被删除,如果被删除就只能自己检查看看是不是那里设置不对,或者有什么保护机制了

  2. devoted
    devoted 【举人】 @回复

    我设置了主动推送,自动推送,sitemap就没必要了吧

  3. 网站seo优化
    网站seo优化 【丞相】 @回复

    最近百度有把我降权了TMD

  4. 道德经
    道德经 【进士】 @回复

    百度还行,搜狗一堆屎,怎么弄丫都转码

    • 明月登楼
      明月登楼 【王爷】2017-03-22 23:27  回复

      @道德经是的,搜狗这方面真的是很垃圾的!

  5. 捌零男人
    捌零男人 【进士】 @回复

    都忘了有没有地图

    • boke112导航
      boke112导航【村长】2017-03-22 11:26  回复

      @捌零男人[思考] 个人认为一个xml地图还是很有必要的

  6. Koolight
    Koolight 【尚书】 @回复

    都在升级,赶不上了。

  7. YangOne
    YangOne 【进士】 @回复

    大爱纯代码

  8. 淘小众
    淘小众 【举人】 @回复

    就喜欢这些纯代码实现的功能,不喜欢插件

    • boke112导航
      boke112导航【村长】2017-03-22 09:14  回复

      @淘小众[嘻嘻] 纯代码总是给人感觉比插件快一些,具体是不是就不懂了

  9. 网站seo优化
    网站seo优化 【丞相】 @回复

    很实用,可以珍藏

  10. 闲鱼
    闲鱼 【状元】 @回复

    我就用了个Google XML Sitemaps插件,还没折腾移动端的

    • boke112导航
      boke112导航【村长】2017-03-21 21:19  回复

      @闲鱼[嘻嘻] 我也安装了谷歌的这款插件,本文的地图是给百度专用的

  11. 淘金站火果子
    淘金站火果子 【小白】 @回复

    学习了 文章很清晰

  12. 演绎法
    演绎法 【进士】 @回复

    好久不见了

  13. 明月登楼
    明月登楼 【王爷】 @回复

    不错,赞一个先!

  14. 纯洁博客
    纯洁博客 【状元】 @回复

    这个等周末可以学着弄一下

  15. 捕鱼游戏
    捕鱼游戏 【举人】 @回复

    又来支持咯

  16. 新主题新开始
    新主题新开始 【秀才】 @回复

    没怎么在意这个。

    • boke112导航
      boke112导航【村长】2017-03-21 11:46  回复

      @新主题新开始[嘻嘻] 我也是今天刚更换了百度所使用的地图,具体效果还不懂

  17. ET旅行者
    ET旅行者 【小白】 @回复

    来访了,欢迎回访

  18. 磨浆机天下磨浆机
    磨浆机天下磨浆机 【秀才】 @回复

    学习学习

  19. 爱时尚
    爱时尚 【尚书】 @回复

    这个是不是对移动端的收录有帮助?

    • boke112导航
      boke112导航【村长】2017-03-21 11:48  回复

      @爱时尚理论上讲应该是有所帮助,具体是否有效果就有待验证,我的刚刚换上这种地图,后续再补上效果

  20. 金榜台博客
    金榜台博客 【状元】 @回复

    来看看,学习一下

  21. SEO自学网
    SEO自学网 【秀才】 @回复

    之前一直以为站点地图是通用的,没想到还分PC和移动版。

    • boke112导航
      boke112导航【村长】2017-03-21 08:59  回复

      @SEO自学网目前国内的好像就百度有这个移动地图的说法,其他搜索引擎都是通过适配URL来达成的。谷歌也存在着移动地图。

  22. 岷仁安防网
    岷仁安防网 【进士】 @回复

    呀,今天占个楼,没想到是第一个来的。。