自适应（响应式）站点怎么做优化？

自适应站点，也就是响应式站点，这类网站用H5编码，主要起到的作用是在手机也就是移动端展现时，可以自适应移动端屏幕的大小，让网站在移动平台上显示的更加契合。



一、什么样的网站适合做自适应

自适应网页设计(Responsive Web Design)是指可以自动识别终端设备屏幕的大小从而做出相应调整的网页设计方法。这种网页设计方法完美解决了如何在不同大小的网络设备上呈现同样的网页效果。大家公认自适应至少有4个好处:提升用户体验；PC端和移动端SEO保持一致；避免重复内容和出错内容；链接统一。

而自适应比较明显的缺陷是，开发成本比较高，尤其是要构建包含额外编程的复杂的自适应网站，所需的时间会比较长。如果网站需求较简单，有许多开源模板可供选择。

对于已经比较成熟PC网站来说，如果要实现全站的自适应，有可能需要推掉原来所有的代码进行重构，时间和技术成本都比较大，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度，所以现在有很多网站只在移动端实现了响应式布局设计。



二、 自适应站点对搜索引擎友好的关键

自适应站点要做推广，在后台方面上就需要专业知识和专业人员的投入了。

1，applicable-device标注应该怎么写

有了自适应设计的网页，还要照顾到对百度友好的设计，即告诉百度“我是自适应页面”方便百度进行识别校验。方法也很简单，只要在上面viewport标签下面再添加一个applicable-device标签就行：

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

表示页面同时适合在移动设备和PC上进行浏览。

2， 在使用百度站长平台链接提交工具的sitemp进行提交时，要做mobile type标记，具体取值：

<mobile:mobile type=”pc,mobile”/>

其他网页取值如下：

<mobile:mobile/> ：移动网页

<mobile:mobile type=”mobile”/> ：移动网页

<mobile:mobile type=”htmladapt”/>：代码适配

无该上述标签表示为PC网页



自适应网站虽然成本要稍高一些，但是在很多行业，移动端的流量已经超越了PC端的流量。做为企业来讲，移动端的自适应网站，也代表着企业的形象和格调。当然，自适应网站的推广虽然与传统网站有不一样的地方，但总体的趋势在这里，不管是自建SEO团队还是外包，都需要对自适应网站进行研究，毕竟这是趋势所在。