NIUBI
wordpress教程

WordPress 响应式自适应主题如何优化才能让百度更青睐

1年前/ 40/ / WP爱好者/ 已收录/
导语: wordpress 自适应响应式主题哪个收录好 分析了一下哪种前端类型的网站的更容易被收录,有兴趣的童鞋可以读一下,,今天咱们专门来谈谈响应式、自适应类网站。

wordpress 自适应响应式主题哪个收录好分析了一下哪种前端类型的网站的更容易被收录,有兴趣的童鞋可以读一下,,今天咱们专门来谈谈响应式、自适应类网站。

什么是响应式网站?优点有哪些?

响应式、自适应简单解释是指可以根据浏览设置的分辨率进行自动调整自身比例已达到浏览内容无杂乱的一种网页结构框架,相比传统的 PC 站点,具体以下两大优点:

一、站点搭建方便,缩减时间成本;二、提升用户体验,可满足不动浏览端口的用户;

WordPress 响应式自适应主题如何优化才能让百度更青睐

响应式站点如何做到对百度友好

首先我们需要明确,搜索搜索优化与用户体验是相辅相承的,做好WordPress SEO 优化的,我们首要考虑的是良好的用户体验为基础。

一、保障移动端平台的访问速度
移动端访问时的网络环境不固定,场景比较复杂,这就需要考虑到网站较大文件的加载速度,如果文件过多,影响加载速度,就要独立做优化及压缩处理。针对些类问题,给大家如下建议:
(一)CSS 样式表内容尽可能合并再一个 css 文件内,并且进行格式化压缩;

(二)主题动效脚本 JS 文件放在页脚处,如果有多个 JS 文件在条件允许的情况下建议合并压缩;

(三)内容中的图像建议进行压缩后上传,而且不宜使用过多的图片,背景图片可以采用雪碧图合并;

(四)开启 Gzip 压缩;

(五)有条件的站长可以通过 CDN 进行静态资源的加速访问。

图片、视频在移动端的表现
图片建议设置最大宽度值(max-width),避免屏幕过小图片过大导致图片溢出的情况。
视频资源,移动端播放请不要使用 flash 播放,iOS 是播放不了的,推荐使用第三方视频资源,可获取通用代码,且支持移动端播放的。

判断性选择网页移动端显示的内容
某此特定内容不适合在手机端显示,如 flash 视频、悬浮广告,那这个时候我们可以对部分移动端尺寸的内容进行隐藏处理也是可以达到良好的用户体验。

applicable-device 标注
前面的优化细节做好了,还需要做的一件重要的事情,就是告诉百度,我是响应式网站!在网页 head 标签内添加以下代码:

1
<meta name=“applicable-device” content=“pc,mobile”>

点点赞赏,手留余香

还没有人赞赏,快来当第一个赞赏的人吧!
admin给Admin打赏
×
予人玫瑰,手有余香
  • 2
  • 5
  • 10
  • 20
  • 50
2
支付
收藏 0 海报

版权归属:本文为原创文章,版权归 所有

本文链接:( 欢迎分享本文,转载请保留出处 )

免责声明:如发现本站有涉嫌抄袭侵权/违法违规的内容,请邮件/留言反馈,一经查实本站将立刻删除!

<< 上一篇

2019-04-06

下一篇 >>

2019-04-09

全部评论( 0 条 )
扫一扫二维码分享