最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > 代码适配移动站点时的注意事项时SEO教程

代码适配移动站点时的注意事项时SEO教程

时间:2023-05-26 12:05:26 阅读: 文章分类: 网站建设 作者: 建站小能手

导读:SEO教程SEO教程前言:本文所讲述的移动适配都是针对百度搜索引擎,对国内其他搜索引擎也大同小异,大家可以参考借鉴。 众所周知,百度的移动适配分为三种:自适应、代码适配与跳转适配,网seo优化趋势高端网站建设。

网seo优化趋势高端网站建设前言:本文所讲述的移动适配都是针对百度搜索引擎,对国内其他搜索引擎也大同小异,大家可以参考借鉴。 众所周知,百度的移动适配分为三种:自适应、代码适配与跳转适配,其中 […]

前言:本文所讲述的移动适配都是针对百度搜索引擎,对国内其他搜索引擎也大同小异,大家可以参考借鉴。

众所周知,营销型网站建设百度的移动适配分为三种:自适应、代码适配与跳转适配,其中自适应网站无需做移动适配,百度会自行识别,跳转适配在百度工具中的SiteAPP中会有具体教程教大家如何添加代码,唯独代码适配的相关介绍特别少,不仅仅是百度官方,网上也很难搜到相关教程,那么我们在代码适配的时候要注意什么呢?

一、移动适配代码提交

前期余斗讲过《百度优化之移动适配代码正则表达式适配》,我们先把移动端与Pc端的对应表达式写好后提交,接下来还需要分别在我们的移动站点网页与Pc站点上做相关配置了。

二、Vary HTTP 标头

Vary HTTP会向百度传递信号,表示本站是个代码适配的站点,然后百度会更方便的抓取整站进行适配。另外Vary HTTP 标头也可以防止访客收到错误的网页缓存。配置Vary HTTP 标头需要在服务器上进行,设置 Varyheader 为 Vary:

Accept-Encoding, User-Agent

Apache服务器,配置文件中写:

Headerappend Vary User-Agent

Nginx 与IIS等则在配置文件中写:

more_set_headers-s 200 "Var如何seo优化推广网站y: " "Accept-Encoding, User-Agent"

注意:Nginx服务器打开这个设置需要安装ngx_headers_more模块。

三、Meta applicable-device 标签

做好Vary HTTP 标头之后,为了让百度更好区别我们的Pc页面和移动页面,我们还需要利用百度自定义的Meta applicable-device标签。

Meta applicable-device标签并非站点必须标注,这个标签可以帮助百度校正自己的判断,一般建议做代码适配加上这个代码,效果会更好。

Meta applicable-device标签是添加在网页模版中,添加在网页中。

Pc站点添加:

<meta name="applicable-device" content="pc">

移动站点添加:

<meta name="applicable-device" content="mobile">

四、测试检查

做好以上两步,我们则可以来,模拟百度蜘蛛来测试我们添加的代码是否有效,这里我们用Google 浏览器来实现,详情点击《利用Chrome浏览器模拟百度、谷歌等蜘蛛访问》《用Chroseo网站优化me浏览器来当手机模拟器测试》,有效的结果如下图:

关键词标签: 注意事项 站点

声明: 本文由我的SEOUC技术文章主页发布于:2023-05-26 ,文章代码适配移动站点时的注意事项时SEO教程主要讲述注意事项,站点,代码适配移动站点时的注意事项时网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_9666.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章