在网页设计及SEO之间取得平衡-南宁建站公司

在网页设计及SEO之间取得平衡

2020网页设计要简约 SEO又要内容丰富

常言道：「网站是设计给人看的，也是给Google看的」，SEO友善的网站才能排在搜寻结果上，从而提升网站流量，增加生意的机会。要做到SEO，内容占最大的比重，网页如只有一幅图几只字，是很难获得好的排名，所以很多公司都会推行内容营销，争取更好的SEO排名。同时自2016年手机上网数量超越桌面电脑後，网页设计都讲求精简，人们的耐性一年比一年少，如3秒内未能在网页上找到所需资料，就会离网站而去。SEO要求网站有丰富的内容，简约主义网页设计又讲求简单直接，究竟各位网主应何去何从?

即使将工作交给网页设计公司及SEO公司分别处理，最终两者的矛盾仍然存在。网页设计公司可能要求精简的文本，而SEO公司就要提交上千字的文案，网主总不能在一个页面中同时满足两边的要求。为了解决这个根本性的网页设计问题，我们尝试分析网页各项元素，在网页设计及搜寻器优化中找出共同基础，再整合出符合两者的网页设计方式。

网站导航胜在一目了然

将最需客户留意的项目放在当眼位置

做网页最留意的是外观、设计风格及用户体验 (User experience, UX)，潜在客户浏览公司网站，其间会阅读资料、搜寻服务或产品等，网页设计师会尽量令网页容易使用，尤其是手机的限制较多，难以进行复杂的操作。尝试想像一间网店，如将数百款产品一律放在同一版面上，客人根本找不到所需的产品，所以网页设计师会先请公司将产品按不同属性分类，例如牌子、用途、目标用家等，然後就以分层类别 (Hierarchical category)排好，方便客人搜寻。如果大家上网年资超过20年，应该用过 Yahoo搜寻器的原型，当时的Yahoo并非以文本搜索，反而更似是目录 (Directory)，不过人人的分类方式都不同，难以一套方式归纳，这亦是日後Google以简洁的文本搜寻胜出的原因。

故此，网站导航 (Website navigation)要做到精简又SEO-friendly，应先进行关键字研究 (Keyword research)，理解大众对有关产品或服务的分类认知，列出各种主要的可能性，并以可收起的选单排好 (常见的例子有「汉堡式选单」Hamburger button及 「特大选单」Mega menu等)。不要忽视排列次序，正如超级市场，应将热门产品或服务放在更前更当眼的位置，让用户一目了然。

无论是网页设计或SEO，目的都在令网站更透明，客户上到网站可迅速搵到产品或服务，然後光顾或联络查询。良好的网站导航可带来更好的使用经验，记着，Google都会以人工智能模彷人类浏览网站，从而检视网站是否简单易用。有一个很简单去检视网站导航的方法，就是请一位不太懂得电脑操作的朋友，尝试在网站找到一些特定的资料，他找到了，就证明你的网站导航设计成功。

网站内容要精简还是详细

先要讲明，网站内容不限文字，还有图片、片段及其他一切，网页内容协助潜在客户了解你的服务或产品，直至转化 (Conversion, 如网店的销售或服务查询等)。在Google的眼中，不是所有内容都是平等的，例如图片上的文字 (Text-in-image)，除非另以Alt语法说明，否则搜寻器不能解读图上的文字，平面设计师初试网页设计时往往会忽略此点。另一方面，SEO专家有时也会不易理解到太多的内容会影响网站设计、观感及使用，高明的网页设计师会像专业的销售人员一样，设计出「内容漏斗」(Content funnel)，再每一个使用阶段配置适合的内容，例如先在最获注视之处放置较广泛的内容，一步步引导用户吸收更具针对性的资料，直至去到转化为止。如果网页一次过将大量内容铺在用户眼前，用户根本无从入手，所以SEO专家准备文案时，都会与网页设计师沟通，明白每页的内容角色，一起制定用户旅程 (User journey)。

网页设计和SEO亦有一个最大的矛盾位置，就是特殊互动效果处理。在此需要谈一些技术历史，网页的基本编写语言为HTML (Hypertext Markup Language，中文就无谓知道了)，装载着网页元素及内容，本身这些元素大部是静态的，亦没有互动功能，所以有很多年网页都只作阅读之用。到了90年代末，人们期望在网站上有互动和其他功能，各式外挂应运而生，当中最出名的要算是 Flash，亦有部份应用会直接行 Java (另一种电脑语言)，然而这些外挂在手机上很耗电，因手机潮流大可不挡，这类外挂就被淘汰了，只余下Javascript (JS)这种浏览器内建支援的网页互动程式语言大行其道。

矛盾之处是：JS能做到很好的互动，但Google不容易阅读JS产生的内容。亦即是话，网页设计师使用JS创作了有趣的互动後，SEO专家会跟他说马上放弃它，因为Google根本不知你想表达甚麽。我们的建议是多使用CSS (Cascading Style Sheets，中文亦是无谓知道)，这种语言本来是控制网页内容表达，在最近的版本中，多了很多动画及互动元素，取代接近的JS方法，而CSS是非常SEO-friendly的，设计师应只留在处理数据或运算时才使用JS。

网页图片

最後的一个矛盾位置是图片处理，设计而言，相片解象度越高越精致，可是亦代表图片档案越大，这会减慢下载速度，增加手机浏览器的负荷，而Google将对此大减分数，影响SEO表现。这对网店来说绝不是好消息，因为越多的图代表顾客可更了解产品，但SEO专家却走来说要减少图片数量和质量，这的确十分难做。

不过这点有三个技术可以解决，首先是今天的图像压缩工具较以前更好，在减少失真的情况下将图片档案大幅压缩；第二是Load-on-demand，又称Lazy loading，在用户差不多读到内容时才下载图片，换句话说，若网页有30张产品图，可先显示当中的一部份，有需要时才下载并显示，这可减少下载等待时间；最後就是矢量图技术 (Vector image)，如图案不是相片，而是设计图，可使用SVG等的档案格式，由於它不是点阵图 (Bitmap)，档案会很小而且不太耗用运算资源，这都有理SEO的表现。

网页设计和SEO都是网站的重要考虑，SEO为网站带来流量，而网页设计就将流量转化成为生意。SEO专家说只有丰富的内容才能吸引客户进来，而网页设计师却说简单直接的内容才可方便顾客作出选择，两者确有矛盾之处，但目的都只为网上推广及营销。我们常说技术，正是解决类似的两难，只懂视觉设计往往不能配合SEO，这之所以我们认为网页设计相当独特。

如你需要网页设计服务，欢迎联络我们