您是否知道只有三分之一的网站通过了 Core Web Vitals，只有不到 6% 的页面在发布后的一年内会进入前 10 名结果？

如果你想击败这些统计数据，你需要 SEO 网站设计。

任何网站都可以针对 Google 进行优化，但从一开始就考虑到 SEO 进行设计可以带来更好的结构和更快的排名。

在本文中，我将向您展示如果我要构建一个新网站以在 Google 中排名，我会采取的步骤。您将学习正确构建您的网站，整合架构标记等关键 SEO 组件，并针对相关关键字优化网站内容。

什么是 SEO 友好的网站设计？

SEO 的网站设计是构建符合搜索引擎优化最佳实践的网站。Web 开发人员包含如下搜索友好型元素：

• 可编制索引的网站结构
• 移动响应式设计
• 快速加载页面
• Schema markup（一种帮助搜索引擎理解网站的结构化数据形式）
• 最小导航深度
• 大量内部链接

从一开始就包含这些元素有助于您的网站更快地排名，并在其发展过程中保持对 SEO 的友好性。一旦 SEO 友好型结构就位，就坚持使用 SEO 友好的结构比在网站已有几年历史且拥有数百页内容时创建一个结构要容易得多。

为什么您的网站设计对 SEO 很重要？

如果一个漂亮的网站没有在 Google 上排名，它就毫无用处。但是当我们在构建网站时没有考虑到 SEO，就会发生这种情况。

当您在网站开发过程中整合 SEO 最佳实践时，您将获得以下好处：

• 更多搜索流量。搜索引擎发现很容易抓取和理解结构良好、高度优化的网站，从而更快地将您的网站编入索引并排名更高。
• 更好的用户体验 （UX）。SEO 友好的网站具有清晰的结构、快速加载的页面和适合移动设备的设计。这些元素使用户可以轻松浏览网站。
• 关键词被蚕食的机会较小。当你为同一个关键词优化多个页面时，就会发生关键词蚕食。这种情况发生在具有清晰、合乎逻辑的网站结构的网站上，为每个主题提供位置的可能性要小得多。
• 减少对不断的页面 SEO 调整的需求。在开发一个考虑到 SEO 的情况下的网站可以优化您网站的页面和技术 SEO。这意味着你可以花更多的时间在链接建设和其他页外 SEO 策略上。

现在应用这些策略来提升您网站的 SEO。

网站结构的 4 种类型

有四种类型的网站结构分为两类：自上而下和自下而上。

使用自上而下的网站，您从一开始就详细设计了整个结构。这需要仔细考虑您的网站将来将如何扩展。

自下而上的网站更加有机。他们不遵循固定的结构，可以进化。

每个类别都有优点和缺点。例如，自上而下的网站具有逻辑结构，使用户和搜索引擎更容易浏览页面。但是您必须在开始时规划网站的所有内容。一旦建立，就不可能更改整体流程和网站设置。

自下而上的网站更加灵活，并允许营销人员随着时间的推移进行更改。但是，搜索引擎和用户可能更难浏览它们。

以下是当今使用的四种主要网站结构类型的细分，以及每种类型更合适的用例。

1. 分层

分层结构或树结构是最流行的网站结构。它涉及将较大、更通用的类别页面划分为更小的单个页面。

例如，具有高级产品类别（例如上衣）的电子商务网站流入较小的类别（如 T 恤、衬衫、针织衫），这些类别流入单个产品页面。

这是 Nordstrom 的一个很好的例子：

 

请注意 clothing、dresss 和 shoes 等广泛主题是如何形成高级页面的。然后，该网站将这些广泛的类别分解为更具体的产品类型，例如家居服、正装和高跟鞋。

通过概述最通用、最广泛的页面（可能会获得最多流量的页面）来创建层次结构。然后，将这些类别拆分为更具体的小众主题。你可能会针对长尾关键词优化这些页面。

2. 顺序

顺序或线性网站结构遵循简单的页面到页面路径。这在简单的网站或创建具有多个登录页面的营销活动时更为常见。

顺序结构适用于结帐和入职流程。EasyWebinar 有一个简单的三步顺序站点结构，指导用户完成帐户创建过程：

在网站的任何区域采用此结构，其中逻辑、规定的流程将改善用户体验。例如，您可以在结帐流程中使用它来，或者使用突出产品优势的序列。

3. 数据库

数据库网站是最复杂的自下而上的结构之一，依靠搜索和内部链接进行导航。对于拥有大量数据的网站来说，这是一个不错的选择，在这些网站中，预定义的路径可能会限制用户体验——想想大型电子商务商店、在线论坛和社交网络。

Vrbo 是数据库网站的一个很好的例子。该网站是一个巨大的出租物业数据库，用户可以使用搜索栏或一系列类别进行浏览。

数据库站点的自下而上性质意味着您可以随着时间的推移构建它们。您无需担心立即完善它。随着您网站的发展，您以前的数据库文件将在新的更大结构下成为其自身数据集的一部分。

数据库结构的一个挑战是，您的团队中需要具有广泛编程知识的人。

4. 矩阵

矩阵结构连接许多页面，而没有分层和顺序网站中典型的预定义结构或历程。

维基百科是矩阵结构的一个典型例子。请注意，没有传统的导航菜单，只有一个搜索栏。

用户可以采取的下一步有无限的可能性。他们 80% 以上的流量来自自然搜索，这很有效。

矩阵结构允许您以通用格式呈现大量数据和信息。您无需过多担心导航的父子关系。只要你连接有很多内部链接的页面，用户就可以自由导航。

如何选择适合您的网站的网站结构类型

您的网站结构将取决于您构建的网站类型。虽然您可以选择任何您喜欢的结构，但最好选择一种与您的核心思想以及访问者希望与您的网站互动的方式一致的结构。

分层或数据库结构最适合具有大量数据且存在明确类别的网站。

如果您想按时间顺序提供一口大小的数据块，则顺序结构会更好。

矩阵结构对于具有大量内容或链接连接在一起的网站（如 Wikipedia）来说是有意义的。

设计 SEO 友好型网站的技巧

当您从一开始就实施最佳实践时，SEO 的网站设计效果最佳。在开发过程中使用这些技巧来提高您的排名。

1. 构建您的网站以易于索引

通过选择合适的网站结构开始 SEO 网页设计过程。在绝大多数情况下，分层站点结构将是最好的。

分层网站将您的页面组织成易于搜索引擎和用户浏览的类别和子类别。

通过以下方式进一步改进网站的结构：

• 向页面添加标签或描述性标签
• 使用主题中心对相似内容进行分组
• 添加分页和痕迹导航
• 添加页眉和页脚菜单

2. 有效使用内部链接

内部链接是您网站页面之间的链接。它们对 SEO 至关重要，因为它们：

• 提高可抓取性。搜索机器人会通过内部链接来发现您网站上的新页面。他们还鼓励人类访问更多页面。
• 传递链接资产。内部链接在具有大量外链的页面和其他页面之间共享链接资源。
• 描述页面。每个内部链接的锚文本（链接中的可点击词）告诉用户和搜索引擎该页面是关于什么的。提示：这些应该是关键字。

向您的网站添加更多内部链接的一种简单方法是使您的导航菜单尽可能大。包括每个类别和子类别页面，就像 Target 一样：

3. 优化您的元数据

元数据是 Web 开发人员用来描述每个页面内容的 HTML 片段。最常见的是页面的标题标签和元描述标签。

Google 使用两者来了解您的网站，并可能将它们包含在您的 SERP 列表中。

在标题标签和元描述中包含相关关键字来描述您的网站。通过使两个标签尽可能吸引人来鼓励人们点击。

NP Digital 的用户体验经理 Tristan Ackley 表示，优化元数据可以帮助您遵守可访问性指南和 ADA 标准。

例如，他解释说，100+ 无障碍指南中有 9 条侧重于正确实施标题标签，这是 SEO 的生计。另外 13 个标准是为文本链接保留的，SEO 使用关键字丰富的锚点对其进行标记，以便搜索引擎在抓取网站时可以将它们编入索引。

4. 使用导航深度最小的网站架构

您不希望任何重要页面距离主页超过两到三次点击。这对于大型网站来说可能具有挑战性，因此从一开始就拥有清晰的网站结构非常重要。

特别是，设计具有最小导航深度的网站。这意味着应从导航访问尽可能多的页面。

Sephora 在使每个主要类别和子类别都可以通过其巨大的导航栏单击来访问方面做得很好：

虽然没有关于确切点击次数的硬性规定，但尽量将导航深度保持在 4 次或更少。

5. 优化图像

图片是网页设计的重要组成部分，但您必须做几件事才能使它们对 SEO 友好。这包括：

• 使用描述性文件名。 Google 可以读取您的图像文件名。通过为每张图片指定描述性名称，帮助他们理解每张图片的内容。
• 添加替代文本。 替代文本告诉搜索引擎和视障人士您的图像是什么。使这些具有描述性，并尽可能包含关键字。
• 压缩大小。 大图像会增加页面加载时间。使用 TinyPNG 等图像压缩工具使它们更小。

确保您使用的是合适的文件格式，例如 JPG 或 PNG。

6. 跟上关键词研究

您可以拥有世界上最好的网站结构，但如果您未能创建有关人们正在搜索的主题的内容，您将无法获得流量。

关键词研究——你的目标受众搜索短语的过程——应该在网站开发期间开始。这样，您就可以优化您的主页、顶级类别页面以及您计划为高流量、低竞争条款创建的所有其他页面。

使用像 Ubersuggest 这样的关键词工具来选择正确的词。它提供广泛的关键词数据和洞察力，以提高流量和反向链接机会。

例如，假设我正在为一个户外品牌开发一个网站。在这种情况下，我可能会在 Ubersuggest 中输入 “hiking” 以生成相关关键词列表并将它们分成不同的类别：

我还可以找到子类别的关键词，比如 “Hiking boots for men” 和 “hiking boots for women”。

如果 Ubersuggest 提供大量出色的关键字，请选择搜索量高且搜索难度 （SD） 低的关键字。

7. 包括架构标记

结构化数据（如架构标记）可让 Google 更轻松地抓取和了解您的网站。

有几种类型的架构标记。在此处查找完整列表，但它们包括：

• 文章架构
• 产品架构
• 本地业务架构
• 事件架构
• 审阅架构

Google 甚至可以将 Schema 数据直接添加到网页上。这些被称为富媒体搜索结果，看起来像下面的 REI 的 SERP 列表：

借助 Google 的结构化数据标记帮助程序，向您的网站添加结构化数据非常简单。或者，您可以使用WP和AMP WordPress插件的架构和结构化数据。

8. 确保构建响应式、适合移动设备的设计

近三分之二的 Web 流量来自移动设备，92.3% 的用户使用智能手机访问互联网。

不过，创建一个适合移动设备的网站不仅仅是为这些用户提供出色的体验。

它还可以提高你的 SEO，因为 Google 使用移动优先索引。Google 将网站的移动版本排在桌面版本之前。因此，如果您没有适合移动设备的网站，Google 可能会在 SERP 中惩罚您。

确保您的网站适合移动设备：

• 使用根据用户设备而变化的移动响应式设计
• 压缩图像以提高网站速度
• 避免弹出窗口以改善用户体验
• 更改文本大小和按钮位置，使您的网站更易于导航
• 添加更多空白区域以整理您的网站

9. 牢记 Core Web Vitals

您网站的性能很重要。近 70% 的用户表示页面速度会影响他们的购买意愿。

Core Web Vitals 是一组 Google 性能指标，用于衡量您网站的用户体验，包括其速度。这些指标也是排名因素，因此在开发网站时注意它们很重要。

Core Web Vitals 由三个不同的指标组成：

• Largest Contentful Paint（LCP） 衡量加载性能，或页面完全呈现所需的时间。
• Interaction to Next Paint（INP） 衡量用户通过单击按钮或填写字段与网站交互时网站的响应能力。
• Cumulative Layout Shift（CLS） 衡量视觉稳定性，即当用户在页面上时布局是否移动。

借助 PageSpeed Insights，Google 可以轻松优化这些指标。使用此工具了解您的分数以及您可以采取哪些措施来提高分数。

确保在上线之前检查您网站的 Core Web Vitals。如果您未通过测试，请让开发人员实施 Google 的建议。

如何为 SEO 规划网站结构

准备好规划新的 SEO 友好型网站结构了吗？按照我下面的七步计划保证您的成功。

步骤 1、进行市场研究

通过向您的 SEO 竞争对手寻求灵感来开始这个过程。没有必要在这里重新发明轮子。您的 SERP 竞争对手已经为您完成了艰苦的工作，以找到最佳的网站结构。

如果每个人都以相同的方式构建他们的网站，那么您可以打赌 Google 和用户都希望您的利基市场中的所有网站都这样做。

谷歌你的主要关键词。研究前 10 个网站，了解它们的结构。记录每个结构，以便您知道哪种结构最常见。

步骤 2、开发和分析您的目标受众

目标受众的期望甚至比竞争对手更重要。在决定您的网站结构之前，了解您的受众是谁、他们访问了哪些网站以及他们对用户体验的期望。

为什么？

因为如果用户不喜欢您网站的结构，那么他们就会跳出。跳出率和其他指标（如停留时间短）可能是一个排名因素，这意味着糟糕的用户体验可能会导致排名降低。

所以，不要急于规划过程的这一步。这是了解您的访问者如何浏览竞争对手网站的最佳机会。

与您的消费者举行焦点小组讨论，了解他们对竞争对手网站的看法以及他们将如何改进每个网站的布局。

一旦你确定了你网站的优势和劣势，你就可以改善用户体验。

步骤 3、选择您的网站结构和层次结构

使用步骤 1 和 2 中的研究来选择合适的网站结构。您会选择：

• 等级结构？这是电子商务网站的绝佳选择。
• 顺序结构？这是登陆页面的绝佳选择。
• 数据库结构？这是在线市场的绝佳选择。
• 矩阵结构？对于拥有数千页松散相关内容的网站来说，这是一个不错的选择。

如果您不确定哪种结构有意义，请聘请经验丰富的 UX/UI 设计师。他们可以为您的内部开发人员提供有价值的见解，即使他们不参与整个项目。

步骤 4、选择 URL 结构

SEO 友好的 URL 结构，关键字丰富且易于理解。它应该清楚地描述页面的内容。

确保您的 URL 也反映了您的网站结构。

对于具有高级类别页面、低级类别页面和产品页面的分层网站结构，简单有效的 URL 结构如下所示：

www.example.com/top-category/bottom-category/product-page

此 URL 结构为用户提供了可遵循的逻辑路径。它与许多分层网站使用的痕迹导航非常相似。

矩阵式网站结构的 URL 结构如何？

如果内部链接如此之多，创建如上所示的逻辑 URL 结构是不可能的。在这些情况下，一种解决方法是使用指向页面主题的简单直接链接。以下是 Wikipedia 如何做到这一点的一个例子：

步骤 5、制定内部链接策略

内部链接使人类和搜索引擎更容易浏览您的网站。它们提高了可索引性并将链接汁从一个页面传递到另一个页面。

从一开始就制定内部链接策略，以便在您向网站添加新页面时轻松快速地创建内部链接。

以下是您可以使用的一些准则：

• 为每个页面添加至少一个内部链接
• 使用描述性、关键字丰富的锚文本
• 创建主题集群并在相关内容之间建立联系
• 使用像 Link Whisper 这样的工具快速找到内部链接机会

请记住，内部链接不必基于文本。您也可以使用导航栏和按钮创建内部链接。

步骤 6、创建站点地图文件

如果您希望搜索引擎快速有效地抓取您的网站，您需要一个站点地图。

站点地图文件是搜索引擎可以用来导航您的网站的地图。它告诉爬虫机器人哪些页面很重要以及它们是如何连接的，通过使您的网站更容易爬取来提高可索引性。

创建站点地图很快——通常只需不到 20 分钟。您可以使用以下方法执行此作：

• Screaming Frog
• Yoast
• An online sitemap generator

不要忘记将您的站点地图提交给 Google（通过 Search Console）和 Bing（通过 Bing Webmaster Tools）。

步骤 7、跟踪您网站的性能

网站上线后，您的工作并未完成。这才刚刚开始。通过监控 SEO 指标来跟踪您网站的性能并保持其对 SEO 友好。

我建议跟踪以下 KPI：

• 使用 Google Analytics 的自然流量。这将监控您网站的排名。
• 使用 Google Search Console 索引页面。这将监控您网站的可抓取性。
• 使用 PageSpeed Insights 的核心 Web 指标。这将监控用户体验。
• 使用 Pingdom 的页面速度。这将监控加载时间。

您还可以使用 Ubersuggest 的排名跟踪工具来跟踪特定关键字的排名：

排名的变化并不一定意味着你的网站对 SEO 变得不那么友好。但是，如果它与性能下降或页面索引相吻合，您将需要进行调查。

常见问题

什么是线性网站结构？

线性网站结构按从一个页面到下一个页面的顺序显示内容。结帐和入职流程是这种网站结构的最佳示例。

哪种类型的网站结构最适合 SEO？

当谈到 SEO 时，最好的网站结构是分层的。这是一个易于搜索引擎机器人抓取的逻辑结构。

网站设计和 SEO 有什么关系？

网站设计对 SEO 有重大影响。即使内容很棒，不适合移动设备、结构不佳且加载速度慢的网站也不会获得良好的排名。

在所有条件相同的情况下，Google 会将设计良好的网站排名更高。具有清晰层次结构、优化页面和大量内部链接的网站很容易抓取。用户也会喜欢它。

你如何建立一个对 SEO 友好的网站？

通过使用 SEO 最佳实践从头开始开发您的网站，使您的网站尽可能对 SEO 友好。这包括：

• 创建可编制索引的网站结构
• 优化图像
• 添加内部链接
• 使用结构化数据
• 使其适合移动设备
• 确保它快速加载

更改网站设计会影响 SEO 吗？

是的，更改您的网站设计会对排名产生积极和消极的影响。例如，使您的网站适合移动设备或最小化其导航深度可以提高排名。

但是，删除高性能内容或添加大量未优化的图像可能会损害您的排名。

最后

对 SEO 友好的网站设计可以帮助您的网站排名更高并提供更好的用户体验。您可以使现有网站对 SEO 友好，但从一开始就实施 SEO 网站设计要强大得多。

因此，请仔细规划您的 SEO 网站结构，进行关键字研究，然后按照我上面的建议设计最适合 SEO 的网站。

但是，一旦你上线，工作就不会停止。通过优化新内容、为每张图片添加替代文本以及保持您的网站快速运行，努力保持您的网站对 SEO 友好。

优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！

优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。