2020 年网站设计和优化综合指南

“网站 24/7 全天候宣传你，没有员工会这样做。”

大多数消费者在网上搜索有助于他们做出更明智购买决定的信息。 事实上，根据电子商务基金会的数据，88% 的消费者会在在线或实体店购物之前研究产品信息。 这种购买行为趋势强调了网站对当今企业的重要性。

97% 的消费者在线搜索品牌和服务。 网站帮助品牌建立信誉。 如果没有网站，客户会一直想知道业务或品牌是关于什么的，最终可能会选择退出或与意图更明确的其他品牌合作。 网站是最重要的营销工具之一，可以服务和留住品牌的现有客户，并在寻找新客户方面发挥影响力。

没有网站的品牌可能会失去重要的商业机会。 然而，仅仅拥有一个网站并不意味着工作已经完成。 在 HubSpot 的一项调查中，76% 的受访者表示，对他们而言，访问网站时最重要的因素是“网站是否让我很容易找到我想要的东西”。

优化网站的 UI/UX 设计技巧

UI（用户界面）和 UX（用户体验）主要关注客户满意度，这是任何机构、组织或业务成功的重要因素。 今天，最成功的网站和应用程序是那些拥有轻松响应和效率的网站和应用程序。 快速导航功能和易于理解可提高用户满意度，从而带来满意的客户，从长远来看有助于增加收入。 适当的网站体验可以提高客户对品牌的信心，进而有助于业务增长。

以下是一些重要的网站优化 UI/UX 设计技巧——

简单是关键

当访问者来到一个网站时，他们要么是在寻找一些特定的信息，要么是为了完成一个特定的操作。 因此，添加不必要且没有任何功能目的的设计元素会使网站导航变得困难。 从用户的体验和可用性的角度来看，一个网站应该是简单的。

例如，为设计网站而选择的品牌颜色应该与品牌主题一致，并且应该是同一调色板的一部分。 品牌选择的字体最多应为 3 种，并且大小不一。 只有在帮助用户完成访问网站的意图时，才应将图形纳入网站设计。

导航和搜索栏

访问网站的人应该能够轻松访问它，而不必考虑下一步要点击什么。 网站上的本能导航对于确保访问者可以找到他们正在搜索的内容非常重要。

因此，保持主要导航结构简单易懂是至关重要的。 页面底部的导航很有帮助。 建议在网站的所有页面以及主页上使用面包屑导航，因为它可以让访问者了解他们的搜索轨迹。

在页面顶部添加“搜索”栏，以便人们轻松查找产品或服务。 此外，在页面副本中包含链接，并清楚地显示这些链接指向的位置。

社交媒体分享按钮

如果网站的访问者没有自由分享内容，内容的影响就会减弱。 社交分享按钮是可点击的小按钮，位于网页的顶部、底部或侧边栏。 这些按钮描绘了不同社交媒体网站的图标，如 Facebook、Twitter、LinkedIn、Instagram 等，允许访问者直接在他们的社交媒体渠道上分享他们选择的页面。 没有这些按钮的网站往往会失去大量来自社交媒体的流量，这些流量是由访问者阅读内容、博客或执行任何其他操作而产生的。

号召性用语

号召性用语按钮可帮助或指导用户在页面上执行下一步。 品牌应该包含适当的号召性用语按钮，引导访问者访问可以教育他们并帮助他们解决问题的内容。 一些有用的号召性用语是“单击此处”、“观看视频”、“注册网络研讨会”、“立即购买”等。

移动友好

根据研究， “80% 的互联网用户拥有智能手机，根据谷歌的数据，“61% 的用户不太可能返回他们无法访问的移动网站，而 40% 的用户将访问竞争对手的网站” 。

网站应该针对不同的设备（如手机、平板电脑以及操作系统和网络浏览器）进行优化，以实现易用性并提供更好和改进的用户体验。 因此，这表明网站的设计应具有响应性和灵活性。

品牌可以在图像中添加替代文本，这将帮助页面上的访问者即使无法查看图像也能理解内容。 遵守特定于平台的设计约定，而不是填充可能不适用于特定平台的随机元素。

使网站导航更容易的提示

通过有计划的网站导航建立易于遵循的方向将帮助品牌的客户轻松浏览他们的网站。 良好的网站设计和体验不仅在于拥有有用且真实的信息，还在于以有组织且吸引人的方式呈现信息。 在您的网站上保留一个标签并不时进行改进以获得更好的用户体验非常重要。

请记住以下提示，以使访问者更轻松地进行网站导航 -

使用清晰简单的标题

“平均而言，十分之八的人会阅读标题，但只有十分之二的人会阅读其余内容。”

用户在访问品牌页面时首先注意到的是“标题”，因此品牌应该能够不辜负期望，并且不能在这方面犯错。 品牌应确保其所有标题和副标题清晰明了。 将所有标题保持相同的长度和平行结构在美学上也更好。 正确的标题和副标题对于更好的SEO和网站导航也很重要。

当标题和副标题清晰、清晰、易于理解并直接解决访问者在品牌网站上寻找的问题时，它会使网站更容易导航、更舒适。

添加相关图像

图片是让网站看起来更吸引人、更有趣和更有吸引力的好方法，但前提是它们具有相关性并经过仔细选择。 在网站上使用库存照片是品牌在这方面犯下的一个大错误。 虽然使用库存照片既简单又便宜，而且看起来也很专业，但它通常被观众认为是客观的、无趣的和不相关的。

众所周知，人脑可以在近 100 毫秒内识别图像。 因此，选择能够完美反映品牌产品或服务的图片可能是吸引观众的绝佳机会，即使他们跳过了网站上的内容阅读。

互动网站

交互式网站最有可能使用户浏览您的网站更长的时间，并鼓励他们不断回来。 为了实现这一点，品牌可以使网站上的文本和图像具有交互性、吸引力，或者可以添加一些关于特定产品或服务的详细文本信息。 交互式网站的其他创意选项包括在网站上嵌入民意调查和测验。

有趣的 404

如果访问者在网站上遇到 404 错误，则可能对该特定网站产生负面影响，从而可能将用户赶走。 但是，有时不可避免地会出现这个问题，因此品牌可以做的最好的事情就是为此做好准备。

品牌应定期对其网站页面进行彻底检查，以便能够在用户发现错误之前发现错误。 除此之外，品牌还可以自定义错误页面，使其友好、有吸引力或幽默，而不是一般的页面。 另一种让页面观众保持愉悦而不是烦恼的有趣方法是在 404 错误页面中集成某种游戏。

图片来源：Pinterest

内容选择

对于一个品牌来说，如果他们网站上的内容枯燥、单调、难以掌握或没有必要，那么观众更有可能跳过页面而没有阅读任何内容。 风格和语气在写作中非常重要，格式和视觉吸引力也很重要。 品牌应该在短段落中发布相关、引人入胜和有趣的内容，将其分解为小标题和要点，而不是长段落。

网站优化的页外 SEO 策略

一项有助于为网站产生流量的非常重要的技术是搜索引擎优化。 这可以通过在 Google 搜索引擎或其他搜索引擎结果页面 (SERP)（如 Bing、Yahoo 等）的首页上获得高排名来完成。

一些著名的用于网站优化的页外 SEO 策略是 -

客座博客

访客发帖是指发布由另一个网站管理员作为访客帖子撰写的文章，被认为是一种流行的链接构建方法。 有很多这样的优质博客网站允许作者以访客身份发表文章。 作者在来宾帖子中合并或插入另一篇文章的链接，从而创建指向作者网站的反向链接。 但是，应尽量避免在同一个访客博客网站上发布多个帖子。

图片提交

为了更好地优化，品牌应该经常在流行的图片提交网站上分享照片以提高知名度。 这些图像应使用正确的 URL 和标题标签进行适当优化。 为了让访问者轻松理解上下文，图像还应该有适当的标题、描述和标签。 一些流行的图片提交网站是 Pinterest、visually、flickr.com、tumblr.com、imgur.com、picasa.google.com 和 mediafire.com。

谷歌我的商家

品牌可以利用这个免费平台来优化并获得最佳的本地 SEO 排名。 它有助于管理整个 Google 的在线状态，包括搜索和地图。 使用此技术时应遵循的一些基本事项是：

• 将描述保持在 250 个字符以内
• 确保每个列表都有一个主要所有者
• 密切关注评论并准备好快速回复
• 在相关类别中发布真实图像
• 定期更新画廊、帖子、产品或优惠

网络 2.0

在这里，品牌可以在 Medium.com、Tumblr、 WordPress 、Blogger 和 Weebly等高域权威网站上创建子域。 通过结合 Web 2.0，品牌可以创建更多的链接建设并提高网站排名。 默认情况下，这些网站具有较高的页面排名和域权限。 如果以正确的方式完成，此方法非常适合构建链接。 使用 Web 2.0 技术的最大优势之一是品牌可以完全控制链接的处理。 有了这个权限，品牌将能够更改链接、修改锚文本以及添加或删除反向链接。

目录提交

高公关目录网站提供品牌可以利用的 dofollow 链接以获得有效和高质量的反向链接。 在目录上列出网站是 SEO 的一部分，它有助于获得强大的网站反向链接。 使用正确的标题和描述在正确的类别中列出网站非常重要。 一些流行的目录提交网站是 boingboing.net、thewebdirectory.org、dmoz.org、einternetindex.com 和 elecdir.com。

网页设计中应避免的常见错误

在开发一个可以提高转化率并产生收入的网站时，几家商业公司仍在苦苦挣扎。 品牌的网站需要吸引人，但也需要赚钱。 设计一个网站不仅仅是为了改变审美，还涉及很多其他方面。 不管它的设计多么有创意——如果观众无法在谷歌的搜索引擎上找到一个网站或导航有困难，这对这个品牌来说就是一种损失。 因此，品牌在设计网站时需要考虑 SEO、排版、设计、内容、可用性、导航、图形、性能等。 如果这些方面没有得到美化，那么它们以后可能会对网站产生不利影响。

以下是设计网站时应避免的一些常见错误 -

非响应式设计

“40% 的用户会在移动体验不佳后访问竞争对手的网站。”

Google 更喜欢针对移动设备优化的网站，因此，响应式网站设计是为用户提供出色浏览体验的最佳方式之一。 大多数消费者在智能手机、iPad 或平板电脑上的浏览速度远高于使用台式机的速度。 响应式设计使用户可以访问品牌的网站，无论他们使用什么设备。 它使网站的 URL 在具有相同 HTML 代码的每台设备上都相同。 此配置可帮助 Google 轻松抓取网页并检索内容。 因此，谷歌建议品牌针对移动设备、平板电脑、台式机和其他设备优化其网站。

内容质量差

“内容为王”——比尔·盖茨

陈旧乏味的网站将无法与潜在客户或回头客建立牢固的关系。 品牌需要为其受众提供独特、信息丰富且新鲜的内容。 经常分享相关和优质的内容现在被高度重视为一种SEO实践。 在网站上发布博客将使品牌能够分享有关行业趋势、产品、服务和有用的专业知识的内容。

品牌的潜在客户需要价值，而价值反过来又有助于赢得他们的信任并建立品牌。 选择提供有用、相关信息的主题，让读者保持参与，并以精心编写的格式呈现。 除了编写内容，以自然的方式注入正确的关键字也非常重要。 品牌需要识别出用户更有可能使用的关键词，并将其包含在相关页面中。

加载时间慢

据谷歌称，他们在研究中调查的70% 的网站需要 7 秒或更长时间才能加载。” 完全加载需要超过 3-4 秒的网页或网站被认为是缓慢的。 网站速度越慢，跳出率越大。 它还可能显着影响品牌的搜索引擎排名。 因此，谷歌接受的最佳实践是希望将访问者留在其网站上的品牌的加载时间为 3 秒。

选择不清晰的字体

草书字体、手绘脚本和符号可能难以让访客阅读。 不可读或难以阅读的字体会降低认知流畅性。 认知流畅度是指访问者的易用性。 人们更喜欢易于阅读且易于思考的内容。 不明确的字体会增加认知负荷并降低理解力。

没有网站图标

许多网站访问者喜欢在浏览时使用大量标签。 一些用户将选项卡保持打开状态，以便他们以后能够查看它们。 Favicon 是代表品牌网站的小型标志性图像，可在网络浏览器的地址栏中找到。 它为访问者提供了他们定位自己所需的视觉提示，在查找他们正在寻找的网站时节省时间，并在浏览时返回您的标签。

在当今即时满足的时代，最成功的网站是那些快速、响应迅速和高效的网站。 设计和软件现在在很大程度上基于用户体验，因为它主要是关于商业中的消费者。 即使用户只是浏览，品牌也有责任让用户以最有效的方式浏览他们的网站，以便他们获得所需的产品或服务。

品牌必须在其网站上保留标签并不时进行改进以获得更好的用户体验。 记录上述重要指标将有助于分析网站需要在哪里工作，并据此对其进行设计。 要了解有关网站设计和优化的更多信息，请给我们留言，我们会尽快回复您。