大挖在前端时间写过一篇文章,wordpress自适应响应式主题哪个收录好分析了一下哪种前端类型的网站的更容易被收录,有兴趣的童鞋可以读一下,,今天咱们专门来谈谈响应式、自适应类网站。
什么是响应式网站?优点有哪些?
响应式、自适应简单解释是指可以根据浏览设置的分辨率进行自动调整自身比例已达到浏览内容无杂乱的一种网页结构框架,相比传统的PC站点,具体以下两大优点:
一、站点搭建方便,缩减时间成本;二、提升用户体验,可满足不动浏览端口的用户;三、
响应式站点如何做到对百度友好
首先我们需要明确,搜索搜索优化与用户体验是相辅相承的,做好WordPress SEO优化的,我们首要考虑的是良好的用户体验为基础。
一、保障移动端平台的访问速度
移动端访问时的网络环境不固定,场景比较复杂,这就需要考虑到网站较大文件的加载速度,如果文件过多,影响加载速度,就要独立做优化及压缩处理。针对些类问题,给大家如下建议:
(一)CSS样式表内容尽可能合并再一个css文件内,并且进行格式化压缩;
(二)主题动效脚本JS文件放在页脚处,如果有多个JS文件在条件允许的情况下建议合并压缩;
(三)内容中的图像建议进行压缩后上传,而且不宜使用过多的图片,背景图片可以采用雪碧图合并;
(四)开启Gzip压缩;
(五)有条件的站长可以通过CDN进行静态资源的加速访问。
图片、视频在移动端的表现
图片建议设置最大宽度值(max-width),避免屏幕过小图片过大导致图片溢出的情况。
视频资源,移动端播放请不要使用flash播放,iOS是播放不了的,推荐使用第三方视频资源,可获取通用代码,且支持移动端播放的。
判断性选择网页移动端显示的内容
某此特定内容不适合在手机端显示,如flash视频、悬浮广告,那这个时候我们可以对部分移动端尺寸的内容进行隐藏处理也是可以达到良好的用户体验。
applicable-device标注
前面的优化细节做好了,还需要做的一件重要的事情,就是告诉百度,我是响应式网站!在网页head标签内添加以下代码:
1 |
<meta name="applicable-device" content="pc,mobile"> |