网站制作之搜索引擎优化和网站设计：您需要知道的一切

SEO对于在线运营的任何业务都很重要，许多人不了解它需要被内置到网页设计过程中，而不是在以后添加。在这里，专栏作家Marcus Miller为SEO和网页设计提供了全面的指南。

网站制作

您的网站是您的数字营销世界的中心 – 所有数字化河流的地方。当然，其最大的交通来源通常是有机搜索。

然而，经常，企业在设计（或重新设计）网站之后，不要考虑SEO，而且这些网站经常在SEO和数字营销方面很难受。他们可能看起来很闪亮，但是如果营销聪明人在设计时没有煮熟，那么您将会用木腿进行营销比赛。或者至少，面对回到绘图板，浪费了一大笔的时间和金钱。

我们最近在Bowler Hat一直在考虑搜索引擎优化和网页设计连接，并刚刚发布了一个网站设计规划指南，以帮助可以复杂的过程。这是该指南的一个配套，真正涵盖了更详细细节的SEO考虑。

在这篇文章中，我将看看SEO如何成为网站设计（或重新设计）流程的一个组成部分。我们将看看您需要考虑的一个网站是为搜索营销和潜在客户创造的，并且如何专注于快乐的用户将Google的神力保留在您的身边。

我们还将看看一些常见的陷阱，可能是企业希望建立一个新的网站，这是您的数字营销工作的核心。

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

通常会发生什么…

鲍尔帽总部有一个电话响起。

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

来电：  “你好。我们刚刚建立了一个网站，…我们似乎已经失去了相当多的流量。“或”…我们不为我们以前看到的关键字排名。“或”…我们只是没有得到任何查询“或”…我们想看看我们可以做些什么来改进我们的搜索引擎优化。“

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

这里有一个问题。搜索引擎优化不是一些帮助，你可以只是石膏到现有的网站。网站SEO是大多数企业成功上线的关键。同样的理念，可以帮助实体搜索引擎优化帮助付费搜索，社交和任何其他入站营销工作。弄错了，你一定不会打你的数字营销目标。

开发一个SEO友好的网站

在一个基本层面上，一个SEO友好的网站是允许搜索引擎浏览和阅读整个网站的页面。确保搜索引擎可以轻松抓取并了解您的内容是确保您在搜索引擎结果页面中的可见性的第一步。

搜索引擎利用网页抓取器执行此任务，我们正在尝试使用搜索引擎，而不是针对它们。不幸的是，有很多方法来制作一个网站，并不是所有的技术都是用搜索引擎优化构建的。

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

作为营销工具，您的网站应建立在坚实的数字营销计划之上，具有明确的商业模式和价值主张。如果这不清楚，那么你需要首先重新审视。

假设你有一切好的东西到位，让我们来吧。

基础知识

有一些核心元素为优化网站设计过程打下了基础。

域名

您的业务可能会使用example.com作为主域。但你可能有别人。确保您的域名是有意义的，与您所做的工作相关是非常重要的。确保所有变体和子域正确指向主站点并重定向到站点的单一规范版本是重要的。

我们的业务叫做Bowler Hat。我们在英国经营。我们是一个基于网络的业务。自然地，我们的域名是www.bowlerhat.co.uk。所有子域301重定向到主网址www.bowlerhat.co.uk 。我们有很少的域变体，301重定向到主要的URL。这一切都是有道理的。

不要被愚弄，认为有–my-keywords-in-my-domain.com有帮助。它看起来很笨 它可以帮助当地企业，但确保您映射到现实世界。明智的

托管

您的托管也很重要。一个缓慢的网站使不愉快的用户。您的托管应遵循常识规则。位于您的观众所在的地方。快点 如果有必要，请参考平台。WP Engine是一个很好的例子，因为它提供了一个针对WordPress网站的平台。

CMS

您为您的业务选择的CMS（内容管理系统）可以极大地影响您的成功。WordPress在许多情况下是一个很好的选择，但它不是唯一的选择。它肯定是在一个基本的水平，以一种Google可以理解的方式。这并不是说它是所有情况的最佳选择，但肯定是大多数企业的一个很好的起点。请确保您选择的CMS是适合您的情况的CMS，而不是您选择的网络公司喜欢使用的CMS。

爬行和无障碍

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

索引

要了解您的网站，他们必须能够阅读该页面的内容。这意味着你的网站的主要内容应该是幕后文字。不是图像。不闪光或视频。即使在这个不断发展的世界中，你的主要内容仍然应该是基于文本的。有一些伟大的工具，如网络字体，这意味着你仍然可以看看部分，你的图像有一个地方，但一定要用清晰的语言谈论你做什么，这样搜索引擎可以阅读和理解你的产品。

图像，视频，PDF和内容也很重要，可以作为搜索引擎流量的来源。再次，这些需要是可发现和可索引的。

链接结构

要将您的内容编入主页之外，您需要搜索引擎可以抓取的内部链接。您的主要导航，搜索引擎指令和工具（如XML网站地图）都可帮助搜索引擎抓取您的网站并发现新的网页。像尖叫青蛙这样的工具可以帮助您确保您的网站可以轻松地被搜索引擎抓取。

信息架构并构建您的网站

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

• 柜：你的网站
• 抽屉：高级别
• 文件夹：子类别
• 文件：单独的文档/页面

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

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

家

– 服务

– – 服务区

– – – 个人服务

家

– 服务

– – 搜索引擎优化

– – – SEO审核

所以，这个信息架构中有一个简单的/ audits /的页面。

/ audits / page存在于服务抽屉中的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友好的网站设计的关键考虑。

Google的移动设备适用测试是一个很好的出发点。 此工具将提供有关移动设备友好性，移动速度和桌面速度的反馈。它还将所有内容都包含在一个方便的小报告中，详细说明可以做些什么来加快速度。

我在最近的移动优化专栏中详细介绍了如何优化速度。只需说，页面速度是跨越您的网站构建以及您使用的托管的质量和适用性的另一重要考虑因素。

可用性

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

要考虑的关键因素包括：

• 页面布局。 重要元素应该更突出。
• 视觉层次结构。 使更重要的元素更大！
• 主页和网站导航。 明确路标指示给用户。
• 网站搜索  大型网站需要一个明智的定位搜索选项。
• 表单输入。 使表单尽可能轻便，易于填充。
• 设计。 伟大的设计使一切都更容易

这只是在这里划伤表面，可用性实际上必须定制到单个站点。我会检查出来的几个资源将是Steve Krug和我的移动优化清单这本书“不要让我想象： Web可用性的常见方法”。

内容营销漏斗

您的网站有一个工作要做：它必须帮助您的业务在搜索引擎的潜在客户面前，然后必须参与并转换这些客户。

您的网站需要内容来帮助客户旅程的所有这些阶段。内容和搜索引擎优化是一个重要的组合，因为您可能会在客户面前找到他们已经在考虑的另一家公司提供类似的服务。

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

意识 – 渠道顶部

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

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

考虑 – 漏斗的中间

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

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

转换 – 漏斗底部

底层底层的内容推动了转化，并应轻轻鼓励销售或领先。

• 评论
• 见证
• 免费试用
• 免费咨询

请记住，客户将搜索整个内容类型。因此，确保所有这些领域都通过搜索引擎，考虑和转换来覆盖艾滋病发现。

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年，我们仍然看到很多过度优化的页面标题。我们希望我们的关键字在标题标签中，但并不是以点击和人为可读性为代价。搜索引擎可能会对您的内容进行排名，但是人们会点击它，因此请记住。

元描述标签

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

元描述必须：

• 真实地描述页面内容。
• 宣传页面并提高点击率。
• 考虑用户的思维过程，以及为什么他们会点击此页面。
• 包括有关和自然的关键字。

搜索引擎将突出显示您的页面标题和元描述中的搜索字词，帮助用户扫描页面。不要将此作为借口来垃圾邮件的元描述，但Google可能会忽略它，并不会导致这一重要的点击！

还有一种情况是，不要创建元描述，让搜索引擎从页面中提取内容，形成更准确地映射到用户搜索的描述。您的简要元描述不能总是涵盖更长形式的内容的所有选项，因此请牢记这一点。

标题标签

标题标签有助于构建页面并指示文档中的层次结构：H1，H2，H3等。标题标签中的文字与改进的排名相关（虽然略有），但真正重要的是网站结构，幕后优化（如页面标题和元描述）与内容本身之间的一致性。将所有东西都放在一边，让用户更有意义的是，我们可以帮助搜索引擎对我们的内容进行分类，同时我们可以进行最简单的页面优化。

记住将标题标记与视觉层次结构对齐。意思是页面上最重要的标题（通常是<h1>）也应该是页面上最大的文本元素。您正在使文档在视觉上容易理解，并进一步确保设计和内容正在一起工作以获得最佳结果。

页面内容

内容通常应该是页面最重要的部分。然而，我们仍然看到古老的搜索引擎优化实践，如公开的关键字密度和搜索词，缺乏连接词在副本中使用。这不行。它肯定不会帮助你的SEO。而且它使用户体验不佳。

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

专注于创造与用户互动的精彩内容。注意关键字，但绝对不要过分。

页面内容的注意事项：

• 内容中的关键字（但不要过度）
• 页面的结构
• 关键字在内容中的位置 – 早期可以更好
• 同义词和替代品
• 关键字的共同发生 – 其他高质量文件还会包括哪些？

丰富的片段

丰富网页摘要是提高点阅率的强大工具。我们自然被吸引到搜索引擎结果中突出的列表。您可以做的任何事情可以提高点击率，从而吸引更多用户，使您的搜索引擎列表更加努力。在增加参与度的可能排名改进中的因素，您可以拥有低投入，高产出的SEO策略。

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

图像优化

图像SEO可以在正确的情况下驱动大量的流量。再次，我们对于情境的想法在这里很重要。Google还没有使用图片的内容，因此网站和页面中的上下文以及基本优化在这里至关重要。

作为一个例子，我正在寻找一个五岁的霍比山洞剧场，搜索显示图像结果：

网站制作

我可以直接在这些图像搜索结果中找到许多选项，然后使用该图像来驱动我到销售剧场的网站。优化图像可以提高图像搜索结果中突出显着性的机会。

图像优化在技术上是直接的：

• 图像名称 – 提供清楚描述图像的名称。
• Alt文字 – 使用描述性的替代文字来帮助看不到图片的人加强图片内容。
• 添加OpenGraph和Twitter卡，使图像用于社交份额。
• 使用正确物理尺寸的图像来确保快速下载。
• 优化图像的文件大小以提高加载时间。
• 考虑将图像添加到您的XML站点地图。

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

常见问题

Bowler Hat的SEO项目通常将SEO审核作为第一个呼叫端口。我们不能覆盖这里的每一个可能性，但以下是通常的嫌疑犯，网站设计师应该注意。

重复的内容

往往有两种重复的内容：真正的重复和近似的重复。真正的重复项是内容存在于多个地方（不同的网页，网站，子域名等）。近似重复的内容可能是细节内容或大体相似的内容 – 想到在不同大小的独特页面上列出的多个位置或鞋子的业务。

关键字吃错了

关键字同化是指多个页面定位相同关键字的情况。这可能会影响您的网站有一个页面强有力地瞄准给定的术语的能力。

站点架构和层次结构如何精心策划，您应该在规划和设计阶段消除这一点。

域，子域和协议

复制作业的另一个潜在问题是网站在多个域，子域和协议上可用。

考虑一个有两个领域的业务：

• 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

太久之前，我们可以得到一个这样一种情况：网站有八个潜在的变化。在网站上解析任何子域和几个内部链接的因素，我们经常可以在上面的列表中添加“ww.example.com”。

这些问题只是通过URL重定向来解决的，但是再次考虑任何负责托管的网页设计机构，并且认真对待客户网站的搜索引擎优化。

隐藏的规范网址

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

这是有根本的缺陷，因为我们最终可以使用运行在多个网址上的网站，每个网址都有一个声明自己是权威版本的规范网址。所以规范化的实施加剧而不是解决这个问题。

规范网址是一个有力的工具，当他们明智地表现出来，但是它们必须被正确使用，或者使事情变得更糟。