SEO 和网站设计：如何构建对搜索引擎友好的网站

您的网站是数字营销世界的中心。 这是您最能控制的地方，也是所有数字营销河流的流向。

通常，这些流量来源中最大的是有机搜索。

然而，很多时候，在设计（或重新设计）新网站时，SEO 并没有深入嵌入，而且 SEO 思想通常只在网站启动后才得到解决。

这是个问题。

在构建新网站作为您的业务营销工具时，SEO 考虑因素应包括在编写代码行之前的规划阶段。

我和我的团队已经帮助数百家企业设计和构建网站，将他们的 SEO 和营销提升到一个新的水平。

不幸的是，我们还帮助许多企业在未能考虑 SEO 的拙劣网站重新设计后恢复 SEO 流量。

本文探讨了 SEO 为什么以及如何在网站设计过程中发挥不可或缺的作用。

它详细说明了在构建用于搜索营销和潜在客户生成的网站时需要考虑的事项，以及如何专注于用户想要帮助保持 Google 上帝支持您的内容。

我们还将深入探讨寻求建立新网站和维持 SEO 流量的企业可能遇到的常见陷阱。

1. 如何开发一个 SEO 友好的网站

以下是构建真正优化的网站时需要考虑的关键领域。

• 基础知识：域、托管和 CMS。
• 爬行：技术位。
• 信息架构：如何构建您的 SEO 友好网站。
• 移动：移动友好型网站需要的不仅仅是响应式设计。
• 页面速度：快速的网站让用户满意。
• 可用性：混淆它们并丢失它们。

本文的其余部分将详细探讨这些要点中的每一个。

基础知识

有几个核心元素为优化的网站设计过程奠定了基础。

域

您的域名是您网站的入口点，应该有一个（规范的）域。 你可能有其他人，但他们应该都指向（重定向）到这个。

我们的业务称为 Bowler Hat。 我们在英国运营。 我们是一家基于网络的企业。 自然而然地，我们的域名是 www.bowlerhat.co.uk。 所有子域 301 重定向回主 URL www.bowlerhat.co.uk。 我们有几个域变体，它们 301 重定向回主 URL。 这一切都是有道理的。

在大多数情况下，您的域名应该以品牌为导向，拥有 www.crammed-my-keywords-in-here.com 不会帮助您今天的排名（1999 年刚刚致电并希望恢复其 SEO）。

托管

您可以每月花 1 美元购买托管服务——但您猜怎么着？ 这不是很好。

缓慢、粗糙的托管会造成糟糕的用户体验，并最终创建一个谷歌不太愿意在搜索结果中显示的网站。

购买您能负担得起的最好的托管服务，并确保您的网站有良好的正常运行时间并在其上运行良好。

在大多数情况下，托管应遵循常识性规则：

• 位于您的观众所在的位置
• 快速且理想地特定于平台（例如，WordPress 的 WordPress 托管）

内容管理系统

您为企业选择的 CMS（内容管理系统）可以极大地影响您的成功程度。 WordPress 是一个很棒的平台，但还有其他选择。

尝试为您的 CMS 选择使用阻力最小的路径。 如果无处不在的 CMS 平台之一可以满足您的需求，那就去吧。 谷歌必须了解大玩家，他们在技术上是可靠的并且易于优化。

此处的最终选择取决于您完全独特的要求，但请确保您了解您使用给定平台的原因，而不是最终选择您的网络代理商喜欢使用的平台。

抓取和可访问性

第一步是确保搜索引擎可以抓取您的网站并了解您在做什么（以及在哪里做）。

索引

要了解您的网站，他们必须能够阅读页面的内容。 这意味着您网站的主要内容应该是基于文本的。

即使我们正朝着并拥有具有 AI 功能的搜索引擎前进，书面文字是搜索引擎友好网站的支柱，因此请确保您的文本写得很好并且经过合理优化。

图片、视频、PDF 和内容也很重要，可以成为搜索引擎流量的来源。 同样，这些需要有良好的命名、组织和可发现的索引。

链接结构

要为主页之外的内容编制索引，您需要搜索引擎可以抓取的内部链接。

您的主要导航、搜索引擎指令和 XML 站点地图等工具都有助于搜索引擎抓取您的网站并发现新页面。

信息架构和构建您的站点

我一直喜欢网站结构的文件柜类比。

您的站点是文件柜。 主要类别是抽屉。 子类别是抽屉中的文件夹。 这些页面是文件夹中的文档。

• 内阁：您的网站
• 抽屉：高级类
• 文件夹：子类别
• 文件：单个文件/页

这有助于提供有关任何给定页面上内容的附加上下文信息。

如果你的柜子里有一个抽屉用于服务，那么抽屉里的任何东西都是服务——在分析单个字符之前。

这对 Google 和您的用户都有好处，这是 Google 真正关心的（并且是一个比 SEO 有时深奥的细微差别更直接的概念）。

许多网站具有以下结构：

• 家
  • 服务
    • 服务区
      • 个性化服务

对于我们公司的网站，即：

• 家
  • 服务
    • 搜索引擎优化
      • 搜索引擎优化审核

所以，在这个信息架构中有一个页面就是/audits/。

• 我们有服务。
• 我们有搜索引擎优化服务。
• 我们有 SEO 审核服务。

这一切都是有道理的，您网站的结构组织可以帮助提供页面本身之外的上下文和相关性信号。

这与博客文章、文章、常见问题解答内容、服务、位置以及您企业中的任何其他实体相关。

您希望以一种（对人和机器人）可以理解的方式构建有关您的业务的信息。

一些网站可能会采用深入的方法来构建内容。 其他人可能会采取广泛的方法。 重要的是，事物的组织方式应该有意义并简化导航和发现。

像这样的三到四级方法确保大多数内容可以在三到四次点击内轻松导航，并且往往比更深入的站点导航方法（对于用户和搜索引擎）更有效。

网址

URL 进一步指示上下文。 明智的命名约定有助于为人类和搜索引擎提供更多上下文。

以下是两组假设的 URL，它们可以映射到上面列出的服务 > SEO > SEO 审核路径——但一个有意义，另一个没有任何帮助。

• 示例 1：
  • www.example.com
  • www.example.com/services/
  • www.example.com/services/seo/
  • www.example.com/services/seo/audits/

• 示例 2：
  • www.example.com
  • www.example.com/s123/
  • www.example.com/s123/s1/
  • www.example.com/s123/s1/75/

第二组 URL 是一个故意愚蠢的例子，但它说明了一点——第一个 URL 命名约定对搜索引擎和用户都有帮助，而第二个则是阻碍。

这进一步建立在文件柜结构的上下文信号之上。

导航

构建一个 SEO 友好的网站导航还可以帮助指示给定页面（在页面集中）的相关重要性并提供额外的上下文。

您的导航应该是基于文本的，因此有助于发送有关您希望给定页面排名的关键字的信号。

我一直喜欢导航的路标类比。 我走进一家超市，寻找标志以找到我需要的东西。 您的网站也不例外。

用户登陆您的网站，必须在尽可能快的时间内找到他们需要去的地方。 然后他们需要一个路标才能到达那里。

不过，SEO 思维在这里可能很危险。 包含数百个垃圾页面链接的大型菜单——这不是方法！

黄金法则是保持导航简单。 不要让用户不得不思考。

下图是我当地的家装店的标志。 哪个方向带你到停车场，哪个方向带你到送货入口？

我的大脑从左到右跟随“客户停车场”线，所以我向右转。 但是，客户停车场在左侧。

没有什么可以清楚地说明对错，我从右到左阅读——在中间用一条简单的线将它们分开会改善这一点。

作为一种脑力活动，浏览网站就像开车一样。 这是一项复杂的任务，但在某种程度上，大脑处于自动驾驶状态。

在你的网站导航中利用这一点，给人们他们所期望的，让它变得简单，并消除任何可能的混淆，否则他们会反弹回 SERP 并进入你的竞争的张开双臂。

确保您的导航易于使用，宣传您最重要的页面并且不会让您的用户想太多（如果有的话）。

常见问题

搜索引擎无法找到或理解可能对您不利的内容，存在许多潜在问题。 例如：

• 无法找到的孤立内容。
• 内容只能通过网站搜索获得。
• Flash 文件、Java 程序、音频文件、视频文件。
• AJAX 和华丽的网站效果。 （谷歌在阅读 AJAX 页面方面做得更好，但仍然有可能用无意义的效果掩盖内容。）
• 框架：从其他站点嵌入的内容可能会出现问题。
• 子域：内容分为子域而不是子文件夹。

确保重要内容易于发现、易于理解，并以合理的方式位于网站的整体结构中。

概括

如果一切都做得很好，那么人类和搜索引擎在查看页面之前就应该对页面的内容有一个很好的了解。 然后，您的典型 SEO 只是建立在您的信息架构和站点结构所奠定的坚实基础之上。

移动友好的设计

对 SEO 友好就是拥有一个可以按照用户的意愿运行的网站——在许多情况下，这意味着可以移动。

您的许多未来客户使用移动设备作为与您的业务互动的第一个，而且通常是唯一的设备。

许多企业的另一个重要考虑因素是多设备交互。 即使您的转化往往来自桌面，这些初始交互也可能来自移动设备。

移动友好不仅仅意味着响应式设计。 我之前研究了创建对移动 SEO 友好的网站的 28 个关键因素，这些因素将帮助您超越简单的响应式设计，走向真正的移动友好网站。

从 SEO 的角度来看，值得注意的是，移动友好性是移动搜索的一个确定排名因素，搜索引擎将使用您网站的移动版本来审查和排名您的网站。

然而，更重要的是，移动是您的潜在客户搜索和浏览您网站的方式。

像移动友好这样的功能对于 SEO 有多重要是有争议的，但它完全没有实际意义。

做对您的用户有用且对 SEO 有利的事情。

页面速度

移动时代的另一个关键考虑因素是页面速度。 用户可能不耐烦，或者他们可能并不总是拥有良好的移动数据连接。

确保您的页面简洁明了是现代 SEO 友好型网站设计的关键考虑因素。

一个很好的起点是谷歌的移动友好测试。 该工具将为您提供有关移动友好性、移动速度和桌面速度的反馈。 它还将所有内容打包成一份方便的小报告，详细说明您可以采取哪些措施来加快速度。

页面速度是另一个重要的考虑因素，它涵盖了您网站的构建方式以及您使用的托管服务的质量和适用性。

可用性

Web 可用性是其他因素的组合：特定于设备的设计、页面速度、设计惯例以及将站点与最终用户放在一起的直观方法。

需要考虑的关键因素包括：

• 页面布局：重要的元素应该更加突出。
• 视觉层次：让更重要的元素变大！
• 主页和站点导航：为用户提供清晰的路标指示。
• 站点搜索：大型站点需要一个合理定位的搜索选项。
• 表单输入：使表单尽可能轻巧且易于填写。
• 设计：出色的设计让一切变得更简单。

这只是表面现象。 可用性确实必须针对各个站点进行定制。

我建议检查一些资源：

• 史蒂夫·克鲁格 (Steve Krug) 的书“别让我思考： Web 可用性的常识性方法”。
• 我的移动优化清单。

内容营销漏斗

构建排名网站的另一个关键考虑因素是如何构建网站上的内容以映射到潜在客户将经历的不同阶段。

您网站的目标是帮助您的企业在搜索引擎上出现在潜在客户面前，然后吸引并转化这些客户。

解决这个问题的一个好方法是构建您的内容以匹配标准营销渠道中的阶段：

意识：漏斗顶部

意识内容通常是您的博客和信息性文章。 我们正在帮助您的潜在客户了解他们面临的问题，并说明您在解决这些问题时的经验和可信度。

• 博文
• 资料性文章
• 网络研讨会
• 综合指南
• 常见问题

考虑因素：漏斗的中间

考虑阶段的内容有助于您的潜在客户将您与其他产品进行比较。 这往往是帮助客户做出决定的实用内容。

• 实例探究
• 产品或服务信息
• 产品演示视频
• 用户指南

转换：漏斗底部

漏斗底部的内容会推动转化，并且应该温和地鼓励销售或潜在客户。

• 点评
• 感言
• 免费试用
• 免费咨询

请记住，客户将搜索整个范围的内容类型。 因此，确保涵盖所有这些领域有助于通过搜索引擎发现并帮助您赢得更多业务——双赢。

这是涵盖的基础知识

那里发生了很多事情，但并非没有充分的理由，并确保您在新站点的规划中给予了这些魔鬼中的每一个他们应得的。

获取搜索营销人员所依赖的每日时事通讯。

处理中……请稍候。

订阅

见条款。

2. SEO：如何优化您的网站

好的，现在你已经有条不紊地规划和开发了你的网站，奠定了你的 SEO 基础，你可以开始实际的优化了。

使用结构良好且考虑到上述所有要点的网站来优化该网站变得更加容易。

关键字定位

一旦您拥有没有内部重复的可靠结构，确定您的关键字策略就会容易得多。

如果我们查看之前的站点层次结构示例，那么添加关键字相对简单（这是我们在电子表格预设计中经常做的事情）。

• 服务：www.example.com/services/
  • 搜索引擎优化：www.example.com/services/seo/
    • SEO 审核：www.example.com/services/seo/audits/

• www.example.com/services/
  www.example.com/services/seo/
  www.example.com/services/seo/audits/

如果我以这些页面为例，我们会自然而然地从广泛的关键字到更精细的搜索词。 如果我们是本地企业，我们甚至可以考虑基本的修饰符，例如位置。

家
– 数字营销机构
– 数字营销公司
+ 伯明翰
+ 英国

服务
– 营销服务
– 数字营销服务
+ 伯明翰
+ 英国

搜索引擎优化
– 搜索引擎优化
- 搜索引擎优化
+ 公司
+ 代理
+ 伯明翰
+ 英国

搜索引擎优化审核
– 搜索引擎优化审计
– 技术 SEO 审核
+ 代理
+ 公司
+ 伯明翰

这里的要点是，结构良好的网站为您提供了确定关键字策略的好方法。

您仍然需要进行研究和撰写文案，但可以确定您有一个可靠的策略来定位更广泛和更详细的术语。

专业提示：到目前为止完成的网站结构工作应该使这方面变得轻而易举——如果您仍在苦苦挣扎，请考虑重新访问页面结构。

HTML 标题标签

<title> 标签是可以影响搜索引擎结果的主要幕后标签。 事实上，它是唯一真正直接影响位置的元标记。

标题标签的最佳做法如下：

• 将关键字放在标签的开头。
• 将长度保持在 50 到 60 个字符左右。
• 以自然的方式使用关键字和关键短语。
• 使用分隔线分隔类别和品牌等元素。
• 关注点击率和最终用户（考虑号召性用语）。
• 在整个网站上采用一致的方法。

请记住，不要过度优化页面标题。 我们希望我们的关键字出现在标题标签中，但又不会以牺牲点击率和可读性为代价。 搜索引擎可能会对您的内容进行排名，但人类会点击它，所以请记住这一点。

专业提示： Google 已开始（再次）在搜索结果中包含品牌名称和徽标，因此您现在可以使用任何用于品牌宣传的空间来呼吁采取行动或进行更多优化。

元描述标签

当然，元描述不会直接影响排名。 我们都知道，对吧？

但这完全没有抓住重点。 您的元描述是一组搜索引擎结果中该页面的广告内容。

这就是为您赢得点击的原因。 赢得这些点击有助于提高知名度，并且对于吸引更多用户访问您的页面绝对至关重要。

元描述必须：

• 如实描述页面内容。
• 为页面做广告并提高点击率。
• 考虑用户的思维过程以及他们点击此页面的原因。
• 在相关且自然的地方包括关键字。

搜索引擎将在您的页面标题和元描述中突出显示搜索词，这有助于用户扫描页面。 但是，不要以此为借口向元描述发送垃圾邮件，否则 Google 可能会忽略它，并且它不会导致最重要的点击！

在某些情况下，不创建元描述并让搜索引擎从页面中提取内容以形成更准确地映射到用户搜索的描述也是有意义的。 您的简短元描述不能总是涵盖较长内容的所有选项，因此请记住这一点。

提示：有大量的元描述要写吗？ 这是 ChatGPT 真正可以提供帮助的 SEO 工作之一。

标题标签

标题标签有助于构建页面并指示文档中的层次结构：H1、H2、H3 等。

标题标签中的文本与提高的排名相关（尽管轻微），但重要的是网站结构、页面标题和元描述等幕后优化与内容本身之间的对齐。

把所有东西都排好，这样对用户来说就更有意义了，我们帮助搜索引擎对我们的内容进行分类，同时竭尽全力进行最后一点简单的页面优化。

请记住将标题标签与视觉层次结构对齐。 这意味着页面上最重要的标题（通常是 <h1>）也应该是页面上最大的文本元素。

您在这里使文档在视觉上易于理解，并进一步确保设计和内容协同工作以获得最佳结果。

提示：这里的魔力几乎总是在过程本身。 考虑与信息层次结构相关的内容并将其映射到视觉层次结构几乎肯定会推动修订和改进内容——这才是真正的 SEO 胜利！

页面内容

内容通常应该是页面中最重要的部分。 然而，我们仍然看到过时的 SEO 做法，如明显的关键字密度和散落在影响可读性的副本中的搜索词。

这是行不通的。 它让你看起来文盲，当然对你的搜索引擎优化没有帮助。 不要这样做。

我们要确保页面的上下文清晰。 我们的导航、URL、页面标题、标题等都应该在这里有所帮助。 然而，我们想要自然地写作，使用同义词和自然语言。

专注于创建吸引用户的精彩内容。 注意关键字，但绝对不要过度使用。

页面内容的注意事项：

• 内容中的关键词（但不要过度）。
• 页面的结构。
• 关键词在内容中的位置——越早越好。
• 同义词和替代词。
• 关键字的共现——人们还怎么谈论这个话题？

提示：查看 Google Search Console 中的各个页面，了解该页面在较低位置排名的关键字。 使用展示次数与点击次数，您可以在这里轻松获胜。

丰富的片段

丰富网页摘要是提高点击率的强大工具。 我们自然会被在搜索引擎结果中脱颖而出的列表所吸引。

您可以采取任何措施来提高点击率，从而吸引更多用户并使您的搜索引擎列表更加有效。

考虑到参与度的提高可能会提高排名，您可以采用低输入、高输出的 SEO 策略。

与您的业务最相关的片段将取决于您的工作，但 schema.org 是一个很好的起点。

图片优化

图像搜索引擎优化可以在适当的情况下带来大量流量。 同样，我们对上下文的想法在这里很重要。

谷歌（还）不使用图像内容，因此网站和页面内的上下文以及基本优化在这里至关重要。

例如，我正在为我最小的孩子寻找一个霍比特人洞剧场，搜索结果显示图像：

我可以直接进入这些图像结果并找到大量选项，然后使用图像将我带到销售剧场的网站。

优化您的图像会增加在图像搜索结果中提高突出度的机会。

图像优化在技术上很简单：

• 提供清晰描述图像内容的图像名称。
• 使用描述性替代文本来帮助那些看不到图像的人加强图像内容。
• 添加 OpenGraph 和 Twitter 卡片，以便在社交分享中使用图像。
• 使用正确物理尺寸的图像以确保快速下载。
• 优化图像的文件大小以缩短加载时间。
• 考虑将图像添加到您的 XML 站点地图。

图像优化相对简单。 保持图像相关。 不要使用关键字向文件名和替代文本发送垃圾邮件。 具有描述性。

提示：使用说明、标题和替代文本来提供尽可能多的关于图像的上下文信息。

最优优化

您始终可以优化其他内容，但如果您构建和规划您的站点，然后优化这些关键区域，您将通过 20% 的努力获得 80% 的结果。

提示：优化永远不会完成。 因此，请专注于移动表盘的因素，然后继续前进。

三、常见问题

知道要优化什么是必不可少的，也是我们的目标。

了解影响 SEO 的常见问题并将其用作逃避问题同样重要！

通常，每个 SEO 项目都从审核开始，虽然我们不能在这里涵盖所有可能发生的情况，但以下是一些关键点。

重复内容

往往有两种重复内容：真正的重复和近似重复。

真正的重复是指内容存在于多个地方（不同的页面、站点、子域等）。

近乎重复的内容可以是稀疏的内容或基本相似的内容——想想一家有多个地点的企业，或者在一个独特的页面上列出不同尺寸的鞋子。

关键字蚕食

关键字蚕食是指多个页面针对相同关键字的情况。 这可能会影响您的网站是否有一个页面强烈针对给定术语。

如果站点体系结构和层次结构经过仔细规划，则应在规划和设计阶段将其消除。

域、子域和协议

当站点在多个域、子域和协议上可用时，也会出现重复。

考虑一个有两个域的企业：

• 示例.com
• 示例.co.uk

使用 www 和非 www 版本：

• 示例.com
• 示例.co.uk
• www.example.com
• www.example.co.uk

该站点在 HTTP 和 HTTPS 上运行：

• https://example.com
• https://example.co.uk
• https://www.example.com
• https://www.example.co.uk
• https://example.com
• https://example.co.uk
• https://www.example.com
• https://www.example.co.uk

不久之后，我们就会遇到网站有八个潜在变体的情况。 考虑到站点在任何子域上的解析和一些无意义的内部链接，我们通常可以在上面的列表中添加诸如“ww.example.com”之类的东西。

这些类型的问题通过 URL 重定向得到解决。

尽管如此，他们仍然值得任何负责托管并认真对待客户网站 SEO 的网页设计机构考虑。

拙劣的规范 URL

我们看到的另一个常见问题是规范 URL 的不正确实现。

通常，构建网站的人将规范 URL 视为 SEO 清单类型的工作。 它们是通过将地址栏中的 URL 动态插入规范 URL 来实现的。

这是一个根本性的缺陷，因为我们最终可能会在多个 URL 上运行站点，每个 URL 都有一个规范的 URL，声称它们是权威版本。

因此，规范的实施加剧了而不是解决了问题（嘘）。

如果使用得当，规范 URL 是一个强大的工具，但必须正确使用它们，否则它们会使事情变得更糟。

现代网页设计考虑 SEO 最佳实践

SEO 不是你可以贴在现有网站上的绷带。

每个网站开发人员或 CMS 都会列出 SEO 凭据。 没有人说他们建立的网站会在搜索结果中崩溃。 搜索引擎优化，今天及以后，不仅仅是一份枯燥的技术必备清单。

像所有好的营销一样，它最终是为了帮助您的潜在客户实现他们的目标。

SEO 应该融入您营销的各个方面，而其中心应该是您的（优化的）网站。

网站设计和搜索引擎优化有很多活动部分。

• 第一步是仔细规划您的站点，使其具有合理的文件柜结构来存放您的产品和/或服务。
• 然后，优化关键领域以确保 Google（和您的潜在客户）能够清楚地了解他们下一步应该做什么。
• 最后，仔细检查典型问题并确保消除任何可能阻碍您的领域。