哎，我跟你说个事儿。

放心去做... 前几天一个朋友，开了家较小公司，做点本地生意。他兴冲冲花了几千块找人弄了个网站，那叫一个漂亮，电脑上看，图片较高清，排版较大气，自我感觉良好极了。

最终还是结果是呢？

放心去做... 上线迅速一个月了后台数据体现，访问的人更少得可怜。他急呀，跑来找我，说是不是百度看不上他，故意不给他流量。

我让他把手机掏出来打开他那个地方的网站。

良好家伙，那画面简直了。

图片直接冲出屏幕，按钮较小得跟芝麻似的，点半天没反应。 PUA。 文字排版乱成一锅粥，得不停地左右划拉才能看清一句话。

我说 老铁，你这网站，电脑上再良好看，手机上一团糟，人家点进来3秒就跑了谁还给你贡献流量，哪怕...？

算是吧... 这其实就是当前90%的中较小企业都踩的坑。

你想想，咱们当前谁不是天天抱着手机刷？吃饭看，走路看，蹲坑也看。数据早就明摆着了手机用户访问网站的流量，早就占了七成，甚至更较高。

你辛辛苦苦花钱做推广， 把人引进来最终还是结果是人家一看你手机上的页面嚯，跟车祸现场一样，扭头就走。这钱，不就白花了嘛。

所以今天咱就良好良好唠唠，当前这个移动端适配，到底是个啥玩意儿，中较小企业又该怎么整，整起来。。

别再把移动端适配当成“加分项”了

绝绝子... 说实话， 以前很更多人觉得，网站嘛，最主要是电脑上用，手机能看就行，适配是锦上添花的事。

较大错特错！

哪怕... 当前这年头，移动端适配，是你的及格线，是生存线！

你想想，搜索引擎，不管是百度还是谷歌，早就把手机版的体验当作最十分沉关键的排名依据了。它们会优先看你的手机页面较长啥样，拉倒吧...。

你要是手机版做得稀烂， 加载缓慢，排版乱，弹窗挡得啥也看不见，搜索引擎就会觉得，你这网站不行，用户体验太差，不堪入目。。

然后呢？

它就不给你良好排名，不给你推荐流量。

这就引出一个很更多人天天念叨的问题：

“为哪些百度不收录我的网站？”

哎，你别说很更多时候，还真实不是这是因为你的内容不行， 到位。 或者你用了哪些所谓的“黑科学研究技术手段”。

很有有可能，就是你的移动端适配没做良好。百度蜘蛛在抓取你手机版页面的时候， 发觉一堆报错，CSS加载不出来图片变形，最后再来看它干脆就不抓了或者抓了也不给你良好脸色看。

踩雷了。 所以如果你正为收录发愁，赶紧去查查你的手机网站，是不是坑坑洼洼的。

那到底怎么弄？两条路，选一个

提到这个... 别慌，这事儿没那么玄乎。对于咱们中较小企业无非就两条路。

第一条，也是最推荐的，叫响应式设计。

你听着名字挺唬人，其实道理特简洁。

操作一波... 就是你只做一套网站代码，然后它自己会“变”。你拿电脑看，它体现成电脑的样子；你拿手机看，它自动就变成手机的样子。布局、字体、按钮较大较小，全都自动帮你调整良好。

这就像你买了个变形金刚，能变坦克，能变飞机，但核心还是那个地方的玩具。

良好处太明显了。

省钱啊！你只用维护一套代码，改一个地方，全部设备都跟着变。省心啊！不用管两套内容，不用考虑两套SEO。而且，搜索引擎最喜炎热爱这种的，良好抓取，良好识别，对排名特别友良好。

总结一下。 所以如果你预算有限，也想省点事，听我的，就选响应式设计。

第二种，叫独立移动站。

当前这个也良好明白，就是你弄两个网站。

一个叫www.xxx.com，是给电脑看的。

另一个叫m.xxx.com，是专门给手机看的。

两个网站，两套代码，两套内容，能够彻底不一样，大体上...。

这种方案，灵活性最较高。你能够在手机版上只放最核心的内容，把页面做得极简，加载速度飞迅速。也能够针对手机用户，设计彻底不同的交互方式，太离谱了。。

但不足也很明显。

费钱、费人、费时间段。

你得维护两个网站，内容更崭新得同步，SEO也得做两遍。万一哪天改版，工作岗位量直接翻倍。

所以 除非你的网站内容特别更多，比如像那种较大型崭新闻门户，或者电商平台，PC和手机用户的需求差异巨较大，否则，一般的中较小企业，真实没必不可更少碰独立移动站，你看啊...。

那一些年， 我们踩过的坑

良好了方向定了咱就得说说具体干活的时候，简单掉进哪些坑里。

说句可能得罪人的话... 说实话，这一些坑，我当年都踩过说起来都是泪。

第一个坑，就是弹窗。

很更多老板喜炎热爱在网站上加那种全屏的， 或者半屏的弹窗广告，哪些“扫码关注”、“立刻咨询”、“免费领取资料”。

电脑上还行，还能忍。

我破防了。 手机上，屏幕就那么一丁点较大。你忽然弹出来一个巨较大的窗口，把整个内容都挡住了。用户想关都找不到那个地方的“X”在哪儿，气得直接就把页面关了。

而且，搜索引擎也烦当前这个。它会觉得你这是在故意干扰用户体验，轻巧则降权，沉重则直接不收录你的页面，整一个...。

盘它。 所以手机上的弹窗，能不用就不用。实在要用，也得做成那种较小较小的、不碍事的横幅，或者直接放到底部。

公正地讲... 第二个坑，就是那一些“花里胡哨”的技术手段。

比如Flash，这东西早就是古董了。当前哪款手机浏览器还支持Flash？ PPT你。 你用了手机用户打开就是一片空白，啥也看不见。

还有一些奇怪的JS插件， 或者第三方代码，在电脑上跑得良好良好的，一到手机上就报错，引起整个页面加载不出来，梳理梳理。。

做网站的时候， 一定要跟你的开发说清楚，能用最基础、最通用的技术手段，就别用那一些“较高级货”。平稳，比哪些都十分沉关键，总结一下。。

第三个坑，就是表格和横向滚动。

电脑上，一个较宽表格，看着整有序齐的。

手机上，这表格直接撑破页面。用户需要左右滑动屏幕才能看全，体验极差，基本没人愿意看。

所以手机版上，尽量别用表格。如果非要用，也得改成那种“堆叠”式的，就是一行一行竖着排下来让用户上下滑动就能看完。

几个实在的较小提议

最后再来看，再给你几个马上就能用的提议。

第一，能用HTTPS，就别用HTTP。

真香！ 当前这个不光是为了可靠，也是为了排名。百度早就说了会优先收录HTTPS的网站。而且， 当前很更多浏览器，如果你用的是HTTP，它会直接给你标个“不可靠”，用户心里会咯噔一下信赖感就没了。

第二，图片一定要压缩。

手机上网络信号不平稳，网速也缓慢。你一张图良好几兆，人家加载半天早就不耐烦了。

把图片压缩一积变较小，但画质别差太更多。用那种WebP格式的图片，效果特别良好。

第三，按钮要较大，间距要较宽。

咱们的手指头，比鼠标指针粗更多了。你手机上那个地方的按钮，做得跟米粒一样较小，点都点不准，谁还愿意用？

图啥呢？ 按钮至更少得44x44像素，而且按钮之间要有足够的间距，免得点当前这个，点到那个地方的去了。

第四，测试，测试，再测试。

网站上线前，别只用电脑看。找几部不同型号的手机， 我懵了。 苹果的、安卓的，屏幕尺寸各异的，都打开看看。

好家伙... 看看排版乱不乱，按钮点不点得动，加载速度迅速不迅速。

人间清醒。 记住你自己觉得良好，那不算良好。用户觉得良好用，那才是真实的良好。

害，说了这么更多，其实就一句话。

当前当前这个时代，手机就是你的第一战场。

你的网站，如果不能在手机上给用户一个舒服的体验，那它就是白做了。

把移动端适配做良好，不光是讨良好用户，也是讨良好搜索引擎。 摸个底。 你的排名上去了流量天然就来了。

这是可以说的吗？ 别犹豫了当前就看看你的手机网站，是不是还那么“惨不忍睹”。

赶紧改，别让你的钱，白花了。

---