ltb8r.com

「百度移动适配」案例分析及实践操作细节

移动适配是移动端网站的SEO优化所必需的,不仅可以将PC端的排名直接传送到移动端,而且可以直接获得流量,当用户浏览我们的网站时,还可以改善用户体验。

从目前的角度来看,可以说移动适配:“移动适配工作做得很好,wap站点的工作已完成85%以上。” 是的,即使您的wap站点是一个新站点(PC站点有一定基础),也可以很好地进行移动部署,在短短的1-2周搜索引擎处理之后,您至少可以获得一半的 PC端的流量。 如今,无论是在电子商务,房地产,教育还是其他许多领域。 搜索引擎流量来源在wap方面已达到80%,在PC方面已达到20%。因此,今天的移动适配工作绝对是不可缺少的优化技能。

移动适配的访问跳转是301 还是 302?

第一步是做好跳转工作,因为在进行移动适应之前,wap端很多搜索引擎在您的PC页面上,这样的页面不仅无法获得一定的排名,而且还会严重影响用户体验。因此,我们想使用移动设备访问服务器标识的PC页面的用户,并使这些用户跳至相应wap站点的相应页面。
 

不建议在此使用js跳转,跳转模式必须为301或302状态代码的跳转形式。否则,搜索引擎将无法识别它,在301和302之间,我个人建议使用301跳转,302搜索引擎的响应速度没有301快,我确认了这一点,但是在咨询了官方人员之后,我并没有确认我的观点,这只是一个建议。  
 
还有一点要提醒大家,PC页面和wap页面之间的对应关系必须做得好。 当PC表示1时,跳转到wap的一侧也必须为1。当然,除了主要内容之外,其他元素也可能不同。 例如,列表页面的主列表就足够了,文章页面中的主文章就足够了,其他可能略有不同。

帮助搜索引擎识别页面的类型

搜索引擎从本质上,是不清楚我们的页面是PC页,还是wap端页面的,那么我们需要针对不同的端添加如下两行代码

#PC端  <meta name=”applicable-device” content=”pc”>
#移动端:<meta name=”applicable-device” content=”mobile”>

如下截图,是环球网校的新闻页代码添加示例

移动适配示例-1

移动适配示例-2

此处仅需注意一件事,即这两行代码应分别添加到PC端和wap端的head标签中。

在PC页声明对应的wap站页面

当搜索引擎抓取我们的页面时,我们需要在PC页面上指示相应的wap端页面地址,这也有助于搜索引擎更好地找到与PC页面相对应的wap端页面,代码如下

<meta name=”mobile-agent” content=”format=html5; url=http://m.hqwx.com/news/2018-3/15199816265369.html”>

如上,content属性对应的值,是声明我们对应的wap端页面为html5的页面,URL地址为:http://m.hqwx.com/news/2018-3/15199816265369.html即可,如下图是环球网校的添加代码示例

百度移动适配示例-3

提交搜索引擎站长工具 – 移动适配

使用搜索引擎站长工具的适配工具来提交我们的适配规则,这是最后一步,也是最重要的一步。 百度,360,搜狗和谷歌的方法大同小异,这里我们以百度为例。  
 
百度站长平台(现更名搜索资源平台)地址:ziyuan.baidu.com,打开之后在导航栏“网站支持”找到“移动适配”,如下图

百度移动适配示例-4

进入之后,单击“添加适配关系”。 这时,我们将看到两种提交方法:规则适配和URL适配。  

这两种我们都有用到,我们下面分别进行说明

百度移动端适配提交之规则适配

所谓规则意味着我们PC端和wap端上的URL是规律可循的。例如,例如环球网校的新闻页,PC端和移动端的分别如下

  • #PC:http://www.hqwx.com/web_news/html/2018-3/15199816265369.html
  • #WAP:http://m.hqwx.com/news/2018-3/15199816265369.html

可以看到,/2018-3/15199816265369.html是一样的,其他的有区别,且也只有这段是变化的,其他的也都是不变的。那么我们的规则可以写成如下:

  • #PC:http://www.hqwx.com/web_news/html/(d+)-(d+)/(d+).html
  • #WAP:http://m.hqwx.com/news/(d+)-(d+)/(d+).html

这样就可以了,如上代码中的 (d+)代表数字的意思,如果想了解其他可参考百度给出的官方说明文档,连接如下

https://ziyuan.baidu.com/college/courseinfo?id=267&page=5#h2_article_title22

规则适配,也分为单条规则和多条规则的提交。这里我们举了一个例子,多条的只是需要把这些规则放到txt文件中,然后写多个提,没什么区别,这里就不多说了。

百度移动端适配提交之URL适配

要求我们提交pc-wap网址对,该网址对可以是文件上传,也可以直接在工具中填写,这里建议少的话就直接在工具中填写,要是多的话就提交txt文件即可,如下所示
百度移动适配示例-5

选择文件提交需要注意如下条件:

  • 文件类型为txt,文件大小<=10M。URL对不超过50000对。
  • 文件要求每行一对URL,URL对文件为两列,第一列为PC URL,第二列为移动URL,两列之间以空格隔开。
  • 一次最多上传10个文件,可以提交多次。

百度移动适配示例-6

如上所述,我们的移动适配工作已全部完成。 等待搜索引擎提示适配成功,然后等待流量增加。 以下是完成移动适配后的全球网络学院的流量趋势图。

百度移动适配示例-7

在8月底做完之后,短短的2个月,它比上月增加了约300%,当然,它仍然还会增加的,由于数据问题,并且未选择更长的时间范围,但是我想这样应该够说明问题了。

免责声明:本站所有PPT模板资源均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,如果损害了您的权益,请联系网站客服处理
本文地址:https://www.ltb8r.com/webseo/16.html
打赏 微信扫一扫 微信扫码打赏

相关推荐

  • 百度快照 什么是百度快照? 它如何帮助SEO?

    1.什么是百度快照? 百度快照是一个基本概念,之前也曾提到过。 例如,如果您在百度上搜索 小熊吧织梦仿站 ,则搜索到的网站后面会出现百度快照。 单击第一个百度快照,顶部显示…

    08-08 09:37 177
  • 微信小程序 小程序实现简单语音聊天

    框架相关 Demo采用Mpvue框架,后端的WebSocket采用Node.js,文件服务器直接使用的微信 小程序 的云开发的存储。 储备知识 微信小程序录音控制器:recorderManager。 微信小程序音频控制器:…

    07-28 09:09 183
  • 自适应 电脑pc端的网页自适应显示在移动端方法

    当我们将一个pc端的网页放到移动端的时候,移动端浏览器会将pc端的网页按照一定的比例完整的显示出来,这是因为移动端的浏览器默认的会将网页渲染在一个比例比较大的viewport中排…

    07-02 10:26 107
  • 微信小程序 微信小程序开发组件初步使用和配置

    微信小程序基础开发详解知识,关于一些小程序的组件初步使用和配置项的讲解。…

    04-13 10:35 110
  • 微信小程序 「用户登录」微信小程序登录验证实现

    对于部分页面添加登录验证,当用户未登录时,进入页面,该页面自动转到登录页面。 成功登录验证后,回调到登录发起页面。…

    04-12 13:56 167