服务器端网站自适应,[移动SEO]PC端和移动端最佳适配方案
随着移动端的普及,流量也渐渐地向移动端侧重,传统的网站SEO已经显得有点落后了,所以战地也转移到了移动端来,那么,移动端SEO应该怎么做,怎么提高移动端的体验,怎么平衡PC站和手机站的优化,本文根据之前优化钓鱼疯( https://www.diaoyuf.com )的经验,整理出来这个适配方案,纯属抛砖引玉.
钓鱼疯同时含web和h5站,但各自用的是独立的域名,并升级到http.web站为 https://www.diaoyuf.com ,wap站为 https://m.diaoyuf.com .从开始上线以来,一直在摸索搜索引擎优化的相关知识,虽然目前未有一个很好的效果,但是我相信,只要按规则操作,见效是迟早的事.这里分享一下磕磕碰碰后所形成的适配方案.
1、https的301重定向配置方案
https是目前很安全的技术,通过隧道加密防止数据通信被劫持,网站升级https是大势所趋.从搜索引擎的角度去看,目前主流的搜索引擎(百度、谷歌、搜狗)都支持https并在展示、权重、排名上给予优待.
具体的重定向方案为:
根域名301重定向为带www的https域名
http的www域名,301重定向为带www的https域名
http的m开头域名,301重定向为m开头的https域名
通过上述操作,保证权重都转移到https域名上
如果开通了百度站长工具的话,在搜索展现>HTTPS认证中申请认证,认证通过后搜索引擎优先展示https的域名:
2、页面的适应展现
这里有三种展现方式:
1、前端页面的自适应
前端页面自适应,即前端通过css,js技术,根据浏览器屏幕的宽度高度自动调整页面显示方式,在同一套前后端代码的基础上,实现在不同尺寸的屏幕中都能有良好的体验展示.现在很多免费的模板都支持前端自适应了,建议在建站初期就确认好.我个人还是比较推荐这种方式的,虽然前端逻辑重了一点,但是一劳永逸,不存在多个域名和多套代码的情况,维护也更加方便.
2、服务端的自适应输出页面
服务端根据请求的User-Agent判断请求是来自PC还是移动端,主流的移动端User-Agent为:"iphone", "ipod", "android", "ios", "ipad", "mobile",如果小写转换的User-Agent能命中上述关键词,即可认为是移动端访问,则返回的页面使用html5模板,否则使用pc的web模板.这种方式的优点是域名只用一个www的,但是模板要维护两套.
3、移动端和PC端使用独立的域名和模板
实现方式和第2点类似,不同的是,如果判断是移动端的访问,通过301跳转到m开头的域名去,访问移动网站.这种方式比较麻烦,也是相对让站长头疼的方式,这里重点说明一下这种方式的适配方案
PC端添加标签:
目的是告诉搜索引擎,当前web页面,所对应的移动页面
移动端添加标签:
目的是集中权重到web页面,以免让搜索引擎误认为是重复的站点
百度站长工具添加移动适配
在百度站长工具(搜狗也有,其它的没操作过)的数据引入>移动适配 功能中,提交适配规则,规则提交后,需要一段时间给搜索引擎校验(百度为14天),校验通过后搜索展现会调整.
我坚信,移动流量会越来越多,也终将会成为SEO的最终战场,掌握好移动适配和移动搜索引擎优化技术,必将让流量迎来新的高峰,
服务器端网站自适应,[移动SEO]PC端和移动端最佳适配方案相关推荐
- 服务器端网站自适应,自适应网站与响应式网站的区别,SEO优化该怎么选择移动端...
4G网络越来越普及,移动端流量占比越来越大的今天,作为SEOer我们的关注点也逐渐向移动端转移,目前用的比较多的手机站架构方式就是响应式和自适应两种. 该选择那种建站方式架构手机站呢?有句话说的好:& ...
- html自适应pc窗口大小_自适应技术很难吗?为什么Shopyy平台将网站分为PC端和移动端...
什么是自适应网站?其实自适应更专业的说法是响应式网站.通俗的说,就是一个网站可以兼容不同的终端,不用为每个分辨率设备做一个特定的版本的网站.近年来,各种大屏幕移动设备的普及,响应式网站也受到了更多人的 ...
- 从SEO优化角度打造移动端网站的移动建站指南
移动互联网已经越来越成为互联网的主流渠道,如果说以前对移动页面没有很规范的优化和高质量内容评判划分标准,但现在随着各大搜索引擎发布了移动建站指南,图文并茂的描述了如何提高移动站在百度质量度的等级,但是 ...
- 基于element的网站自适应方案(移动端适配)
一般而言,管理系统类的网站我们往往会按照PC的标准来设计,不会去考虑小屏幕的适配,甚至是移动端的适配,因为这种系统网站往往涉及到大量的列表查询页(表格列往往很多,列内容长短不一),详情页(信息展示量大 ...
- 商城模板网站html5手机端_网站建设中,pc端与手机移动端设计一样吗
在过去几年中,企业做网站建设基本都是做pc端的网站,原因就是pc端的网页界面显示的更多,可以对企业想要展示的图片进行更合理的布局展示.而这些年,手机逐渐智能化,很多人几乎已经脱离了电脑只使用手机,在这 ...
- 网站PC端跟移动端有哪些不同的区别所在?
移动时代的来临,不断的发展手机.平板等移动端设备,帮助用户更快更高效的找到有价值的信息,移动端也确实能吸引更大的流量,助力企业高速发展.那么针对PC端网站和移动端的优化又有哪些区别呢?下面一起来了解一 ...
- PC上测试移动端网站和模拟手机浏览器
1. PC上测试移动端网站和模拟手机浏览器 1) PC上测试移动端网站和模拟手机浏览器的5种方法 http://www.jb51.net/softjc/144941.html 2) 结论 使用场景: ...
- 高仿大企业简洁响应电子商务网站模板 带后台 自适应版本 安卓+PC
介绍: 该源码并非网上泛滥版-高仿大企业简洁响应有后台模板-自适应版本-安卓+PC 安装和使用 1.-点击 系统设置 点击数据库备份/还原 点击右上脚数据还原 然后什么不要点就点开始还原数据 2.-还 ...
- pc端和移动端自适应网页
做网页时,我们通常需要考虑到不同电脑屏幕尺寸,以及不同手机屏幕大小等问题,解决样式发生改变的情况,那么如何解决呢?现在主要是采用自适应来解决高度,宽度的,以及图片自适应问题,下面就PC端和移动端来总结 ...
- pc 页面在移动端怎么获取放大倍数、_百度移动搜索开放适配服务的3种方法
为了提升用户的移动搜索结果浏览体验,百度移动搜索对具有对应手机站的PC站提供"开放适配"服务. 如果您同时拥有PC站和手机站,且二者能够在内容上对应,您可向百度"提交&q ...
最新文章
- js在线压缩工具 支持Base62 encode 和 Shrink variables
- 为什么font-family最后都会加上sans-serif字体?
- ui设计 网络错误_UI设计人员常犯的10个错误
- 剪纸游戏(博弈论)(SG函数)
- this.$router.push如何刷新页面_小程序丨微信小程序如何实现页面下拉刷新
- TensorFlow11CNN和全卷积神经网络
- 局域网linux唤醒windows,局域网唤醒 (WOL - Wake on LAN) | 远程启动计算机- ManageEngine OpUtils...
- html5,用或不用,它都在那里
- JS 一张图理解prototype、proto和constructor的关系
- C#特性 学习笔记(对象初始化器 匿名类型 扩展方法)
- C语言:一种高效、易学的编程语言
- logistic人口模型python代码_人口模型(马尔萨斯vslogistic).ppt
- (5)air202读取串口数据并上传到阿里云显示
- Excel函数与公式
- ABAP基本数据类型
- 计算机实战项目之 [含论文+辩论PPT+源码等]微信小程序社区疫情防控+后台管理|前后分离VUE[包运行成功
- 【未】Optimizing Rebalance Scheme for Dock-less Bike Sharing Systems with Adaptive User Incentive
- MATLAB 中contour的应用
- Python解析html获取超链接地址并下载解析
- 蓝牙协议与普通网络协议的对比