很多站长朋友一听到“移动端适配”就头大，觉得技术门槛高，或者干脆摆烂，觉得百度现在不是有移动优先索引了吗，随便弄弄就行。我告诉你，大错特错！我见过太多因为移动端体验极差，导致PC端权重都被连累降权的案例。那种在电脑上看好好的网页，手机上点开要么字小到要拿放大镜，要么按钮根本点不动，用户停留时间不超过3秒，百度怎么可能给你好脸色？
今天我不讲那些虚头巴脑的理论，直接上干货。关于dede网站移动端怎么做，核心就两个字：分离。别想着用一套代码糊弄所有设备，那是响应式设计，对DedeCMS这种老系统来说，改造成本极高且容易出BUG。我们要做的，是建立独立的M站，通过301跳转或百度站长平台的适配工具，让百度明确知道哪个是PC，哪个是手机。
先说最让人头疼的模板问题。很多新手直接复制PC模板改改CSS，结果图片变形、导航错位，乱成一锅粥。正确的做法是，在后台新建一个“手机模板”文件夹。比如，你的PC模板在templets/default，你就新建templets/mobile。然后，把PC模板里的header.htm、footer.htm、list_article.htm等文件复制过来，进行精简。
第一步，清理冗余代码。手机屏幕就那么大，PC端那些侧边栏、广告位、复杂的JS特效，统统删掉。只保留核心的文章列表和正文。比如，PC端的导航栏可能有十几项，手机端就保留“首页、栏目、关于”这几个核心入口，用汉堡菜单或者简单的下拉列表代替。
第二步，图片自适应处理。这是最容易翻车的地方。在DedeCMS中，文章图片默认是固定宽高的。你需要在模板中使用CSS来控制图片。在head.htm里加入这段代码：
`css
img { max-width: 100%; height: auto; }
`
这样无论图片原图多大，在手机屏幕上都会自动缩放，不会撑破布局。别小看这行代码，它能解决80%的移动端显示问题。
第三步，设置301跳转。这是告诉百度“我是谁”的关键。在你的PC模板head.htm里加入一段JS判断代码：
`javascript
`
注意，把http://m.yourdomain.com换成你实际的M站域名。这样，当手机用户访问PC站时，会自动跳转到M站。
第四步，百度站长平台提交。别以为做了跳转就万事大吉。你必须去百度搜索资源平台，找到“移动适配”功能，提交你的M站域名，并选择“自动提交”或“URL+meta标签”方式。这一步是告诉百度，我的M站是专门给手机用户看的，请优先收录。
我有个客户，之前就是不做分离，结果移动端跳出率高达90%。后来按照这套流程，把M站独立出来，优化了加载速度，三个月后，移动端流量翻了3倍。这就是真实的效果。
做dede网站移动端怎么做，其实没那么玄乎。就是要把用户体验放在第一位，把那些花里胡哨的东西砍掉，让内容快速呈现。别偷懒，别用伪响应式，老老实实做独立M站。毕竟，用户的时间很宝贵，你的网站也很珍贵，别让糟糕的体验毁了它们。
本文关键词：dede网站移动端怎么做
