目前,许多站点都使用自适应web-design来满足大型移动用户的需求。 但是,在进行自适应页面的技术设计之后,从SEO的角度来看,必须注意如何对百度更友好。 也就是说,需要通过告诉元标签并告诉百度“我是自适应页面”,使百度的识别和验证变得容易。
:
移动页面:
移动页面:
代码拟合如果没有这个标签,就会显示为PC
基于浏览器的自适应识别的验证码
自适应网页设计使用元标记将网页的自适应规则传达给浏览器。 例如:
这个元,user-scalable=yes声明可以缩小和放大网页。
通用搜索引擎对应自适应识别校验码
这两个元:无站点应用程序和无变换,是告诉搜索引擎不要对网页进行转码。
变更的案例
自适应网站设计对百度友好的关键
其实,使用上面的两个元声明,百度就能识别自适应页面。
但是,为了对百度更好,方便百度的识别检查,我会再添加一个元标签。
方法也很简单。 在上面的viewport标签下添加另一个applicable-device标签即可。
此元标记表示页面适合在移动设备和PC上浏览。
并不是所有的网站都适合自适应设计
自适应网页设计(Responsive Web Design )是一种能够自动识别终端设备的屏幕尺寸并进行相应调整的网页设计方法。 这种网页设计方法完美地解决了在不同大小的网页设备上呈现相同网页效果的方法。 人们公认适应至少有四个好处。 提高用户体验; PC端和移动端的SEO一致; 避免重复内容和错误内容的链接统一。
自适应的明显缺点是开发成本高,特别是构建包含其他编程的复杂自适应站点需要花费时间。 如果网站需求很简单,可以选择很多开源模板。
对于已经成熟的PC站点,为了实现全工作站的自适应,必须推开原始的所有代码进行重构,时间和技术成本可能很高。 此外,一个站点上有多个门户会大大增加体系结构设计的复杂性。 因此,现在有很多网站只在移动端实现响应布局设计。