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

2017-03-21 07:29 阅读 182 次 评论 27 条

我们平时所说的网站地图大多数都是 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 应使用唯一名称。
本文地址:http://boke112.com/3854.html
文章标签: ,   ,   ,  
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
版权声明:本文为原创文章,版权归  所有,欢迎分享本文,转载请保留出处!
WordPress免费响应式主题:Nana

发表评论


表情

  1. 网站seo优化
    网站seo优化 【总理】 @回复

    最近百度有把我降权了TMD

  2. 道德经
    道德经 【队长】 @回复

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

  3. 捌零男人
    捌零男人 【县长】 @回复

    都忘了有没有地图

  4. Koolight
    Koolight 【省长】 @回复

    都在升级,赶不上了。

  5. YangOne
    YangOne 【镇长】 @回复

    大爱纯代码

  6. 淘小众
    淘小众 【镇长】 @回复

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

  7. 网站seo优化
    网站seo优化 【总理】 @回复

    很实用,可以珍藏

  8. 闲鱼
    闲鱼 【县长】 @回复

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

  9. 淘金站火果子
    淘金站火果子 【农民】 @回复

    学习了 文章很清晰

  10. 演绎法
    演绎法 【县长】 @回复

    好久不见了

  11. 明月登楼
    明月登楼 【总理】 @回复

    不错,赞一个先!

  12. 纯洁博客
    纯洁博客 【市长】 @回复

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

  13. 捕鱼游戏
    捕鱼游戏 【镇长】 @回复

    又来支持咯

  14. 新主题新开始
    新主题新开始 【村长】 @回复

    没怎么在意这个。

  15. ET旅行者
    ET旅行者 【农民】 @回复

    来访了,欢迎回访

  16. 磨浆机天下磨浆机
    磨浆机天下磨浆机 【村长】 @回复

    学习学习

  17. 爱时尚
    爱时尚 【省长】 @回复

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

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

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

  18. 金榜台博客
    金榜台博客 【市长】 @回复

    来看看,学习一下

  19. SEO自学网
    SEO自学网 【村长】 @回复

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

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

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

  20. 岷仁安防网
    岷仁安防网 【镇长】 @回复

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