SEO和网站设计：您需要知道的一切

您的网站是您数字营销世界的中心-所有数字河流都奔向它的地方。 当然，它的最大流量来源通常是自然搜索。

然而，很多时候，企业直到设计了（或重新设计）网站后才考虑SEO，而可悲的是，这些网站通常在SEO和数字营销方面缺乏。 它们可能看起来很光亮，但是如果在设计时没有煮熟营销技巧，那么您将用木腿进行营销竞赛。 或至少要面对回到绘图板上并浪费大量时间和金钱的问题。

我们最近在Bowler Hat上考虑了SEO和Web设计的联系，并刚刚发布了一个网站设计计划指南，以帮助解决复杂的过程。 这是该指南的配套篇，实际上更详细地介绍了SEO注意事项。

在本文中，我将介绍SEO如何成为您网站设计（或重新设计）过程中不可或缺的一部分。 我们将研究为网站建立用于搜索营销和潜在客户生成的网站时需要考虑的问题，以及关注快乐用户如何使Google众神支持。

我们还将介绍一些可能导致企业希望建立新网站的常见陷阱，这些网站对于您的数字营销工作至关重要。

简而言之，我将帮助您确保您的下一个网站是精益，卑鄙的SEO和数字营销机器。

通常会发生什么...

一个电话在圆顶硬礼帽总部响。

马库斯： “嘿，礼帽在这里。 我们能帮你什么吗？”

来电者： “你好。 我们刚刚建立了一个网站，并且……我们似乎已经损失了相当多的流量。” 或“ ...我们没有为过去可见的关键字排名。” 或“……我们只是没有得到任何询问。” 或者“……我们想看看我们可以做些什么来改善我们的SEO。”

马库斯： “啊，好吧。 如果您可以让我知道您的URL和电话号码，我可以看看并提出一些建议。”

这里有问题。 SEO并不是创可贴，您可以将其粘贴到现有站点上。 网站SEO对于大多数企业而言，在线成功都是至关重要的。 推动可靠的SEO的相同概念也有​​助于付费搜索，社交和任何其他入站营销工作。 弄错了，您肯定会无法实现数字营销目标。

开发一个SEO友好的网站

从根本上讲，SEO友好型网站是一个允许搜索引擎浏览和阅读整个网站页面的网站。 确保搜索引擎可以轻松地爬网和理解您的内容是确保在搜索引擎结果页面中可见度的第一步。

搜索引擎利用网络爬虫来完成此任务，我们正在尝试使用搜索引擎而不是与之对抗。 不幸的是，有很多方法可以创建网站，并且并非所有技术都是在考虑搜索引擎优化的情况下构建的。

建立一个对SEO友好的网站需要仔细的计划和结构化的方法来代表您的业务和所提供的服务。 对于许多企业而言，这可能很复杂-准确记录您的工作并不总是那么容易。

作为一种营销工具，您的网站应建立在具有明确业务模型和价值主张的可靠数字营销计划的基础上。 如果不清楚，那么您需要首先重新进行检查。

假设您已经准备好所有好东西，让我们深入。

基本原理

有几个核心要素为精心设计的网站设计流程奠定了基础。

域

您的企业可以将example.com用作主域。 但是您可能还有其他人。 确保您的领域有意义，并且与您所做的事情相关非常重要。 确保所有变体和子域正确指向主站点并重定向到站点的单个规范版本非常重要。

我们的业务称为圆顶硬礼帽。 我们在英国经营。 我们是一家基于网络的公司。 当然，我们的域名是www.bowlerhat.co.uk。 所有子域301重定向回主URL www.bowlerhat.co.uk 。 我们几乎没有将301重定向回主URL的域变体。 这一切都说得通。

不要愚蠢地认为在my-domain.com中使用我的关键字会有所帮助。 看起来很傻。 它可以对本地企业有所帮助，但可以确保您映射到真实世界。 懂事

代管

您的托管也很重要。 网站运行缓慢会使用户不满意。 您的托管应遵循常识性规则。 位于观众所在的位置。 快点如有必要，请针对特定平台。 WP Engine是一个很好的例子，因为它提供了一个适合WordPress网站的平台。

内容管理系统

您为企业选择的CMS（内容管理系统）会极大地影响您的成功程度。 在许多情况下，WordPress是一个不错的选择，但它并不是唯一的选择。 当然，它以Google可以理解的方式在基本层次上进行连接。 这并不是说它是所有情况下的最佳选择，但是可以肯定的是，对于大多数企业而言，这是一个很好的起点。 只要确保您选择的CMS是适合您的情况的合适的方式，而不是您选择的网络公司更喜欢使用的CMS。

爬行和可访问性

第一步是确保搜索引擎可以对您的网站进行爬网，并了解您的工作（以及在何处进行）。

索引化

要了解您的网站，他们必须能够阅读页面的内容。 这意味着您的网站的主要内容应在幕后基于文本。 没有图像。 没有Flash或视频。 即使在这个不断发展的世界中，您的主要内容仍应基于文本。 有一些很棒的工具，例如网络字体，这意味着您仍然可以看到零件，并且图像中有位置，但是请务必以清晰的语言谈论您的工作，以便搜索引擎可以阅读和理解您的产品。

图片，视频，PDF和内容也很重要，并且可能成为搜索引擎流量的来源。 同样，这些必须是可发现的和可索引的。

链接结构

要将内容索引到主页之外，您需要搜索引擎可以抓取的内部链接。 您的主要导航，搜索引擎指令和XML网站地图之类的工具都可以帮助搜索引擎抓取您的网站并发现新页面。 Screaming Frog之类的工具可以帮助您确保搜索引擎可以轻松地对您的网站进行爬网。

信息架构和网站结构

我一直喜欢网站结构的文件柜类比。 您的站点是文件柜。 主要类别是抽屉。 子类别是抽屉中的文件夹。 这些页面是文件夹中的文档。

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

上下文不仅由其所在的站点指示，而且由该站点中的位置指示。 我们自己的站点上有一个服务抽屉，每个服务的文件夹中都有子服务。 您的网站大致相同。

如果我们以Bowler Hat网站的以下结构为例：

家

- 服务

- - 服务区

– – –个人服务

家

- 服务

– – SEO

– – – SEO审核

因此，此信息体系结构中有一个页面就是/ audits /。

/ audits /页面位于服务抽屉中的SEO文件夹中。 尼斯和有条理。 这可以与其他SEO元素一起进行，以清楚地表明上下文，远远超出了仅文档可以表明的范围。

这与博客文章，文章，常见问题解答内容，服务，位置以及您企业中所有实体有关。 您正在以一种易于理解的方式来组织有关您的业务的信息。

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

这样的三层到四层方法可以确保大多数内容可以轻松地导航到四次单击中，并且比深层次的网站导航方法（对于用户和搜索引擎）更容易工作。

网址

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

以下是两个假设的URL集，它们可以映射到上面列出的“服务”>“ SEO”>“ SEO审核”路径-但是一个有意义，而另一个则无济于事。

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

www.example.com
www.example.com/s123/
www.example.com/s123/s1/
www.example.com/s123/s1/75/

当然，第二组URL是一个故意的例子，但它有一点意义–第一个URL命名约定既有助于搜索引擎，也有助于用户，而第二个URL约定则不利。

导航

您的导航同样重要。 网站结构良好时，导航将与结构，URL和其他组件（例如XML网站地图）一起使用，以帮助巩固每个页面或内容的内容。

导航不只是网站顶部的菜单。 通过这种方式，用户可以将用户指向站点中最相关的部分。 导航可以成为提高人们对其他服务意识的工具，不仅包括文本链接，还包括网站所有页面和模板化设计元素中的内容。

我一直喜欢路标的比喻。 我走进一家超市，寻找可以找到所需物品的路标。 您的网站也不例外。 如果引荐用户并搜索您的品牌名称，那么他们将登陆您的主页。 然后，他们需要一个路标，以使他们进入相关服务。 而且最好是容易找到！

这很容易出错，在构建站点之前，必须仔细考虑用户的需求。 网站是数字组件，应执行您的营销计划中的策略。 在这里了解用户至关重要，因此您可以确保满足他们的需求。

导航不需要任何真正的认知-不应使用户思考。 下图是我当地的家装店的招牌。 哪个方向将您带到停车场，哪个方向将您带到送货入口？

我的大脑从左到右遵循“客户停车场”的路线，因此我当然会向右转。 但是，客户停车场在左侧。 没有任何东西可以清楚地说明对与错。

我必须想一想。 或者在实践中，在学习之前，我几次走错了方向。 但是，如果用户在网站上找不到他们想要的东西，他们将回到Google搜索结果所代表的巨大竞争海洋。

确保您的导航清晰明了-如果一个用户可能犯错，那么其他许多人也可以。

常见问题

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

• 找不到的孤立内容
• 内容仅可通过网站搜索获得
• Flash文件，Java程序，音频文件，视频文件
• AJAX *和华丽的现场效果
• 框架-从其他站点嵌入的内容可能会出现问题。
• 子域-内容分为子域而不是子文件夹

* Google在阅读AJAX页面方面已经有了很多进步，但是仍然可以用毫无意义的效果掩盖内容。

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

概要

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

移动友好型设计

用于进行互联网搜索和浏览网站的最流行的设备是手机。 我们生活在移动时代。 针对搜索引擎进行了优化的网站应同等考虑其网站的移动版式（而不是仅仅依靠简单的响应式网站设计）。

然而，在2017年，响应式设计还远远不够。 我们在谈论2012年自适应网站设计的重要性。 五年后，随着巨大的技术进步和大大改进的移动数据网络，您的未来客户正在将移动设备用作与您的业务进行交互的第一个（通常是唯一的）设备。

要创建真正的移动友好型设计并最大程度地提高移动搜索的结果，您必须考虑移动用户的需求。 用户在电话上的操作通常与计算机上的操作有很大不同。 即使您的转化倾向于在台式机上进行，但至关重要的第一手触摸很可能是在移动设备上。

几个月前，我研究了创建移动SEO友好型网站的28个关键因素，这些网站将帮助您超越简单的移动友好型响应式设计。

从SEO角度来看，值得注意的是，移动友好性是确定的移动搜索排名因素，并且搜索引擎将使用您网站的移动版本来对其进行评论和排名。 但是，更重要的是，移动设备是潜在客户搜索和浏览您的网站的方式。

努力优化移动用户的用户体验，您将在流量和用户参与度方面获得回报。

页面速度

移动时代的另一个关键考虑因素是页面速度。 用户可能没有耐心，或者他们可能并不总是拥有良好的移动数据连接。 在现代SEO友好型网站设计中，确保页面精简和刻薄是关键因素。

谷歌的移动友好测试是一个很好的起点。 该工具将为您提供有关移动设备友好性，移动速度和台式机速度的反馈。 它还将所有内容汇总到一个方便的小报告中，详细说明了您可以采取哪些措施来加快处理速度。

在最近的移动优化专栏中，我更详细地介绍了如何优化速度。 可以说，页面速度是另一个重要的考虑因素，它涉及网站的构建方式以及所使用托管的质量和适用性。

易用性

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

要考虑的关键因素包括：

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

这仅仅是在表面上摸索，可用性确实必须针对各个站点进行定制。 我要检查的一些资源是史蒂夫·克鲁格（Steve Krug）和我的移动优化清单所著的《别让我思考： Web可用性的常识方法》一书。

内容营销渠道

您的网站工作艰巨：必须帮助您的企业在搜索引擎上赢得潜在客户的青睐，然后才能吸引并转化这些客户。

您的站点需要内容来帮助客户完成所有这些旅程。 内容和SEO在这里是重要的组合，因为您可能会在客户面前寻找他们正在考虑的另一家公司提供的类似服务。

一种结构化的方式来考虑这里所需的内容是一个典型的营销渠道：

意识—漏斗的顶部

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

• 博客文章
• 信息文章
• 网络研讨会
• 综合指南
• 常见问题

注意事项-渠道中间

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

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

转化-渠道底部

渠道底部的内容可促进转化，并应轻轻鼓励销售或销售机会。

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

请记住，客户将在整个内容类型范围内进行搜索。 因此，确保涵盖所有这些区域，可以通过搜索引擎，考虑和转换来帮助发现。

SEO螺母和螺栓

如您所见，在我们进一步探讨优化您的网站和页面的更为熟悉的元素之前，还有很多事情要考虑。 有了坚实的基础之后，我们才应该真正开始考虑关键字和基本的页面优化。 并且希望，如果我们正确地构造了所有内容，那么页面的实际优化将变得容易得多。

关键字定位

一旦您拥有牢固的结构而没有内部重复，那么钉住关键字策略就容易得多。 如果我们看一下前面有关站点层次结构和结构的示例，则添加关键字相对简单（这是我们在电子表格预设计中经常要做的事情）。

- 服务
– – SEO
– – – SEO审核

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

如果以这些页面为例，从宽泛的关键词到更精细的搜索词，我们自然而然地发展了。 如果我们是本地公司，我们甚至可以考虑使用基本修饰符，例如位置。

家

–数字营销代理

–数字营销公司

+伯明翰

+英国

服务

–营销服务

–数字营销服务

+伯明翰

+英国

搜索引擎优化

– SEO

- 搜索引擎优化

+公司

+代理商

+伯明翰

+英国

SEO审核

– SEO审核

–技术SEO审核

+代理商

+公司

+伯明翰

这里的要点是，结构良好的网站可以帮助您确定关键字策略。 您仍然需要进行研究和文案写作，但是可以确保您有一个针对更广泛更详细的术语的可靠策略。

HTML标题标签

<title>标签是主要的幕后标签，可能会影响您的搜索引擎结果。 实际上，这是唯一直接影响位置的元标记。

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

• 将关键字放在标签的开头。
• 长度应保持在50到60个字符之间。
• 以自然的方式使用关键字和关键词。
• 使用分隔符分隔类别和品牌等元素。
• 关注点击型和最终用户。
• 在整个站点上采取一致的方法。

即使在2017年，我们仍然会看到很多过度优化的页面标题。 我们希望在title标签中使用关键字，但不要以点击率和可读性为代价。 搜索引擎可能会对您的内容进行排名，但是人们会点击它，因此请记住这一点。

元描述标签

元描述不会直接影响排名。 我们都知道，对不对？ 但是，当然，这完全没有要点。 您的元描述是一组搜索引擎结果中该页面广告的内容。 您的元描述是赢得点击的动力。 赢得这些点击可以帮助提高可见度，这对于吸引更多用户访问您的页面至关重要。

元描述必须：

• 真实地描述页面内容。
• 在网页上做广告并提高点击率。
• 考虑用户的思考过程以及他们为什么会单击此页面。
• 在相关且自然的地方添加关键字。

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

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

标题标签

标题标签有助于组织页面并指示文档中的层次结构：H1，H2，H3等。 标题标签中的文字与排名的提高相关（尽管稍有提高），但真正重要的是网站结构之间的对齐，幕后标题（如页面标题和元描述）以及内容本身的优化。 整理所有内容，使事情对用户更有意义，并且我们帮助搜索引擎对内容进行分类，同时尽力完成所有可能的简单页面优化。

切记将标题标签与可视层次结构对齐。 意味着页面上最重要的标题（通常为<h1>）也应该是页面上最大的text元素。 您在这里使文档在视觉上易于理解，并进一步确保设计和内容可以协同工作以达到最佳最终结果。

页面内容

内容通常应该是页面中最重要的部分。 但是，我们仍然看到过时的SEO做法，例如明显的关键字密度和搜索词，而副本中缺少连接词。 这是行不通的。 它当然对您的SEO没有帮助。 而且这会带来糟糕的用户体验。

我们要确保页面的上下文清晰。 我们的导航，URL，页面标题，标题等都应该在这里有所帮助。 但是，我们希望使用同义词和自然语言来自然书写。

专注于创建吸引用户的优质内容。 注意关键字，但一定不要过度使用它。

页面内容的注意事项：

• 内容中的关键字（但不要过度使用）
• 页面结构
• 关键字在内容中的位置-越早越好
• 同义词和替代
• 关键字的同时出现-其他高质量文档还包括哪些内容？

丰富的摘要

丰富网页摘要是提高点击率的强大工具。 我们自然会被在搜索引擎结果中脱颖而出的列表所吸引。 您可以采取任何提高点击率的方法来吸引更多用户，并使您的搜索引擎列表更难工作。 参与度的提高可能会影响排名的提高，您可以采用低投入，高投入的SEO策略。

与您的业务最相关的代码段取决于您的工作，但是schema.org是一个不错的起点。

图像优化

在适当的情况下，图像SEO可以吸引大量流量。 同样，我们对上下文的想法在这里很重要。 Google尚未使用图片的内容，因此网站和页面中的上下文以及基本的优化在这里至关重要。

举例来说，我正在寻找一个五岁的哈比人洞游戏室，搜索会显示图像结果：

我可以直接浏览这些图像结果并找到多种选择，然后使用图像将我带到销售剧场的网站。 优化图像可增加改善图像搜索结果突出性的机会。

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

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

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

常见问题

Bowler Hat的SEO项目通常将SEO审核作为第一个停靠港。 我们无法在这里介绍所有可能发生的情况，但以下是通常引起人们怀疑的问题，因此Web设计师应该注意这些问题。

内容重复

重复内容通常有两种：真实重复和近乎重复。 真正的重复项是内容存在于多个位置（不同的页面，站点，子域等）的地方。 几乎重复的内容可以是稀疏内容，也可以是实质上相似的内容-假设一家企业在一个独特的页面上以不同的大小列出了多个地点或鞋子。

关键字蚕食

关键字蚕食是指多个页面定位相同关键字的情况。 这会影响您的网站拥有一个以给定术语为目标的页面的能力。

如果已经仔细规划了站点的体系结构和层次结构，则应在规划和设计阶段消除这种情况。

域，子域和协议

重复出现的另一个潜在问题是该站点在多个域，子域和协议上都可用。

考虑具有两个域的企业：

• Example.com
• Example.co.uk

对于www和非www版本：

• Example.com
• Example.co.uk
• www.example.com
• www.example.co.uk

该站点在HTTP和HTTPS上运行：

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

不久之后，我们就会发现该站点具有八个潜在的变化。 考虑将网站解析为任何子域和一些duff内部链接，我们通常可以在上面的列表中添加“ ww.example.com”之类的内容。

这类问题可以通过URL重定向简单地解决，但是同样，任何负责托管并且认真对待其客户的SEO的网站设计机构都应考虑这些问题。

僵化的规范网址

我们看到的另一个常见问题是规范URL的实现不正确。 通常，这里发生的是，构建网站的人员将规范URL视为SEO清单工作。 通过将地址栏中的URL动态插入到规范URL中来实现它们。

从根本上来说，这是有缺陷的，因为我们可以使站点最终运行在多个URL上，每个URL都有一个规范的URL，声称它们是权威版本。 因此，规范的实施会加剧而不是解决问题。

规范地使用URL是一个强大的工具，但必须正确使用它们，否则可能会使情况更糟。

有疑问或意见吗？

网站设计和SEO有很多活动部件。 但是要被预先警告就是要被预先警告。 我在这里的目标是为您提供在网站设计项目之前，之中和之后要考虑的关键SEO元素。

我希望在Twitter或LinkedIn上听到任何问题或评论。

本文中表达的观点是来宾作者的观点，不一定是Search Engine Land。 工作人员作者在此处列出。