RWD不是做了就好，方法差很多
现在做网站，RWD网页设计已经是基本配备。没有RWD的网页设计公司，早就被市场淘汰。 但你可能不知道，就算都叫RWD，技术差异却很大。不同的做法，网站呈现的效果完全不同，SEO排名的好坏也会被影响。
〈延伸阅读：网站速度- SEO优化的重要项目〉
是否具备真正的RWD前端能力？
会做RWD网站，不代表就懂RWD技术。 目前常见的做法分两种：
- 套用RWD框架
- 自行撰写RWD代码
前者最常见的就是Bootstrap，后者就是俗称的手刻html。
〈延伸阅读：RWD是什么？RWD跟AWD有什么不同？〉
套用RWD框架
Bootstrap 是最知名的RWD框架，很多免费的套版一搜就有。 好处是快速、省事，但缺点也很明显：
- 设计弹性差
- 载入程序多，速度慢
- SEO 架构不好
因为多余的html和js太多，Google的测试分数往往不理想。这就是为什么只靠套框架的RWD网页设计，看起来有响应式效果，却在SEO上输得很惨。
〈延伸阅读：网站设计最重要的10件事，网页设计公司不会告诉你实话〉
【Google测速工具: Google PageSpeed Insights 】
自行撰写RWD代码
手刻html是从零开始，依照设计稿转换成代码。 虽然耗时、成本高，但优点更关键：
- 完全依需求修改
- 架构干净，速度快
- 可以针对SEO做优化
大型专案、客制化网站特别需要手刻RWD。因为工程师能掌握所有代码，网站才能有真正的「关键字排名能力」。
〈延伸阅读：前端工程师 - 网站架构的重要推手〉
对网站来说哪种比较好？
网站设计的目的，是要「带来客户」。Bootstrap虽然方便，但因为载入多余程序，速度慢、SEO差，尤其在手机端问题更明显。手刻RWD网页设计虽然花时间，但能够让网站更快、更稳，也更符合SEO架构。不要小看这些差异。排名效率上，手刻RWD远远优于套用框架。如果你的目标是自然关键字排名，那就一定要选择手刻RWD。
〈延伸阅读：好的SEO网站架构是什么？这样做SEO成功率才会高！〉
RWD框架 vs 手刻RWD比较表
这张表格很清楚地比较出两种方式的差异。对网站经营者来说，选择什么方式，不只影响设计时间，更直接影响SEO效果与长期价值。
| 比较面向 | 套用RWD框架（Bootstrap） | 手刻RWD代码 |
|---|---|---|
| 建置速度 | 快速完成，适合低预算 | 时间较长，需专业团队 |
| 成本 | 成本低 | 成本高 |
| 设计弹性 | 受限于框架，修改不易 | 完全依需求调整 |
| 网站速度 | 代码多，载入较慢 | 架构干净，速度快 |
| SEO表现 | 架构复杂，测试分数低 | 可精准优化SEO结构 |
| 适用情境 | 小型网站、短期专案 | 客制化网站、需要排名 |
结论
RWD网页设计并不是做了就好，更重要的是「怎么做」。 套用框架虽然快，但在SEO与速度上都有天生的限制。手刻RWD虽然需要时间与成本，但能带来：
- 更快的载入速度
- 更干净的SEO架构
- 更高的关键字排名机会
- 更符合客制需求的弹性
- 更有利于品牌长期经营
对短期专案来说，框架可能够用，但如果你要的是网站长期成效与自然排名，手刻RWD才是真正能帮助你成长的选择。 想找到专业的网页设计公司，重点就是要确认他们能不能提供真正具备SEO能力的RWD网页设计。
〈延伸阅读：网站架设费用有哪些？ 网站费用一次报你知！〉
(本文为达文西数位科技所有，转载文图请注明出处)
