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

2020网页设计要简单，SEO要内容丰富

俗话说“网站是为人和谷歌设计的。”只有SEO友好的网站才能在搜索结果上排名，从而增加网站流量，增加商机。要实现SEO，内容占的比重最大。如果一个网页只有一张图片和几个字，很难得到好的排名。所以很多公司会实施内容营销来争取更好的SEO排名。同时，自从2016年手机上网人数超过台式电脑后，网页的设计都是简单化，人们的耐心一年比一年少。如果他们不能在3秒钟内找到网页上所需的信息，他们将离开网站。SEO网站要求内容丰富，极简网页设计简单直接。站长们应该怎么做？

即使把工作分别交给网页设计公司和SEO公司，最后他们之间的矛盾还是存在的。网页设计公司可能要求简体字，而SEO公司要提交几千字的文案。网站所有者不可能在一个页面上同时满足这两个要求。为了解决这个根本性的网页设计问题，我们试图分析网页的各种元素，找出网页设计和搜索引擎优化中的共同基础，然后整合符合两者的网页设计方法。

回顾:2020年网页设计流程

网站赢在一目了然。

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

最重要的是外观、设计风格和用户体验(UX)。当潜在客户浏览公司网站时，他们会阅读材料，搜索服务或产品等。网页设计师会想尽办法让网页好用，尤其是手机限制太多，很难进行复杂的操作。想象一个网店。例如，如果数百种产品放在同一个页面上，客户根本找不到他们需要的产品。所以网页设计师首先会要求公司根据不同的属性对产品进行分类，比如品牌、用途、目标用户等。，然后按层次分类排列，方便客户查找。如果你上网20多年，应该用过雅虎搜索引擎的雏形。那时候的雅虎不是靠文字搜索，更像是一个目录。但是每个人的分类方法都不一样，很难用一种方法来概括，这也是后来Google以简洁的文本搜索取胜的原因。

因此，要想让网站导航简洁、SEO友好，首先要进行关键词研究，了解大众对相关产品或服务的分类认知，列出各种主要可能性，排列在可折叠菜单中(常见的例子有“汉堡菜单”、“汉堡按钮”、“Mega菜单”等。).不要忽视排列的顺序。就像超市一样，受欢迎的产品或服务要放在比较显眼的位置，让用户一目了然。

无论是网页设计还是SEO，目的都是为了让网站更加透明。客户可以在网站上快速找到产品或服务，然后光顾或联系查询。好的网址导航能带来更好的体验。记住，谷歌会用人工智能来模拟人类浏览网站，以此来检验网站是否简单易用。查网址导航有一个很简单的方法，就是找一个不太懂电脑操作的朋友，试着在网站上找一些具体的信息。如果他找到了，就证明你的网址导航设计是成功的。

网站应该简洁还是详细？

先由广义内容开始，一步步引导用户到针对性内容

首先要说明的是，网站的内容不仅限于文字，还包括图片、剪辑等一切。网站内容有助于潜在客户了解你的服务或产品，直至转化(如网店销售或服务查询等。).在谷歌眼里，并不是所有的内容都是平等的，比如图片上的图文并茂。除非Alt语法另有说明，否则搜索引擎无法解读图片上的文字。平面设计师在初次尝试网页设计时，往往会忽略这一点。另一方面，SEO专家有时很难理解过多的内容会影响网站的设计、观感和使用。优秀的网页设计师和专业销售人员一样，会设计一个“内容漏斗”，然后在每个使用阶段分配合适的内容。比如先把大范围的内容放在最受关注的地方，一步步引导用户吸收更有针对性的信息，直到转化。如果一个网页一次在用户面前铺开很多内容，用户根本无从下手。所以SEO专家在准备文案的时候，会和网页设计师沟通，了解各个页面的内容作用，一起制定出一个用户之旅。

网页设计和SEO还有一个最大的矛盾，就是特殊的交互效果处理。这里需要讲一些技术史。网页的基本写作语言是HTML(中文无意义知道)，加载的是网页元素和内容。这些元素大多是静态的，没有交互功能，所以很多年来，网页只是用来阅读的。到了90年代末，人们期望网站有交互等功能，各种插件应运而生，其中Flash是最著名的一个，有些应用可以直接运行Java(另一种计算机语言)。但是这些插件在手机上消耗了大量的电量，而且由于手机的趋势无法阻挡，这类插件被淘汰，只有内置浏览器支持的网页交互程序语言Javascript (JS)开始流行。

吊诡的是，JS可以很好的交互，但是Google要读取JS生成的内容并不容易。也就是说，在一个网页设计师和JS创造了一个有趣的互动之后，SEO专家会告诉他马上放弃，因为Google根本不知道你想表达什么。我们的建议是多利用CSS(层叠样式表，中文知道没意义)。这种语言最初用于控制网络内容的表达。在最近的版本中，增加了许多动画和交互元素来取代close JS方法。CSS是非常SEO友好的，所以设计师应该只在处理数据或操作时使用JS。

前车之鉴:2019年网站发展新趋势

网页

最后一个矛盾的位置是图像处理。从设计上来说，照片的分辨率越高越精致，但也意味着图片文件越大，会拖慢下载速度，增加手机浏览器的负载，谷歌也会大幅减分，影响SEO性能。这对于网店来说绝不是什么好消息，因为图片越多，顾客越能了解产品。但是SEO专家来说，图片数量和质量真的很难降低。

但是，有三种技术可以解决这个问题。第一，现在的图像压缩工具比以前好，可以大幅度压缩图像文件，失真更小。第二种是按需加载(Load-on-demand)，也称为懒加载(Lazy loading)，只在用户差不多看完内容的时候才下载图片。换句话说，如果网页上有30张产品图，可以先显示其中一部分，需要时再下载显示，可以减少下载等待时间；最后是矢量图像技术。例如，如果图案不是照片，而是设计图，则可以使用SVG等文件格式。因为它不是位图，所以文件会很小，并且不会消耗太多计算资源。这是SEO的一种理性表现。

网页设计和SEO都是网站重要的考虑因素。SEO给网站带来流量，网页设计把流量变成生意。SEO专家说只有丰富的内容才能吸引客户进来，而网页设计师说简单直接的内容才能方便客户做出选择。两者确实有矛盾，但目的只是为了线上推广和营销。我们常说技术是解决类似困境的方法。只有视觉设计比不上SEO，这也是我们认为网页设计相当独特的原因。

如果您需要网页设计服务，请联系崇威私塾网页设计公司。