delphi tabsheet多标签自适应宽度_#自适应SEO#方案

最近负责的两个网站都遇到了移动适配问题:

• 一个是发现pc端有排名的很多是移动端的url，
• 一个是因为技术省事301配置导致首页被降权。

如何解决pc端有排名的很多是移动端的url这个问题？如何让蜘蛛知道移动端是移动端呢？网站需要做哪些配置？以自适应站为例子我的解决方法是，网站需要在网页前端和sitemap网站地图做如下配置：

1、applicable-device标注写法

自适应网页对搜索引擎友好，告诉百度“我是自适应页面”方便百度进行识别校验。

applicable-device标签写法在viewport标签下面添加即可：

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

告诉百度该页面可以同时在移动设备和PC上进行浏览。

2、 在PC页声明对应的wap站页面

搜索引擎在抓取我们页面的同时，我们需要在PC的页面中指明对应的wap端页面地址，这样同样是为了帮助搜索引擎更好的找到该PC页对应的wap端页面，代码如下：

<meta name=”mobile-agent” content=”format=html5; url=http://m.a.com/news/2018-3/15199816265369.html”>

如上，content属性对应的值，是声明我们对应的wap端页面为html5的页面，URL地址为：http://m.a.com/news/2018-3/15199816265369.html即可。

3、在百度站长平台链接提交工具的Sitemp进行提交时，注意要给mobile type做标记。

写法：<mobile:mobile type="pc,mobile"/>

其他适配取值如下：
<mobile:mobile/> ：移动网页
<mobile:mobile type="mobile"/> ：移动网页
<mobile:mobile type="htmladapt"/>：代码适配
无该上述标签表示为PC网页。

那百度对如上配置的认可度如何呢？我还在持续跟踪中，有了确定的答案在回来分享。

附注，什么是自适应站：

自适应站与响应式站区别

什么是自适应网站？
自适应站指的是网页通过不同大小终端设备自适应显示，根据屏幕大小、宽度自动调整布局，自适应也可以叫响应式。自适应网站是自从HTML5出现之后带来的新技术。
自适应网站的优点：
1、在PC端、手机端和IPAD端都是采用一套代码。
2、不需要另外申请其他的域名，一个账号码管理一个后台。
3、有效避免网页内容重复，可以专心维护一个网页。
4、网站优化更简单，对搜索引擎友好。

4. 在百度后台提交适配关系。注意适配关系的提交是建立在上面一条‘实现PC与移动URL之间一一对应’基础之上的，如果没有技术上实现而只是向百度去做规则提交，我还没有遇到成功的。

5. MIP. MIP HTML 基于HTML中的基础标签制定了全新的规范，通过对一部分基础标签的使用限制或功能扩展，使HTML能够展现更加丰富的内容；MIP JS 可以保证 MIP HTML 页面的快速渲染；MIP Cache 用于实现MIP页面的高速缓存，从而进一步提高页面性能。开发指南：

MIP 文档_移动网页加速器_MIP(Mobile Instant Pages_)新手指南​www.mipengine.org

6. 熊掌号

---

不知所云？那就对了，点赞就好:) 我也是后来才发现SEO本质上属于蛮技术的一个行业。