SEO与网站设计你需要知道的一切
SEO是任何企业经营的网上重要，和很多人还不知道它需要建立在网页设计过程中，不加后。在这里，专栏作家马克思米勒有一个全面的指南提供的SEO和网页设计。

你的网站是你的数字营销世界的中心，所有的 数字河流奔向的地方。当然，最大的流量来源一般是有机搜索。

但往往企业不考虑SEO后才有网站设计（或重新设计），而这些网站往往缺乏对SEO和数字营销的前。他们看起来有光泽，但如果营销智慧不是用在设计的时候，那么你将有一个木制的腿跑营销竞赛。或者至少，面对回到绘图板，浪费一大堆的时间和金钱。

我们一直在思考SEO和网页设计连接很多最近在礼帽，刚刚出版了网站设计规划指南有什么可以是一个复杂的过程。这是引导真正涵盖了SEO的考虑更详细的姊妹篇。

在这篇文章中，我有一个如何看待SEO应该是网站设计的一个组成部分（或重新设计）过程。我们要看看你需要考虑到有一个网站，建立搜索营销和带领一代 -如何专注于快乐的用户保持谷歌的神就在你身边。

我们也将采取一些可能降临的企业寻求建立一个新的网站，您的数字营销工作中常见的陷阱，一看。

总之，我会帮助你确保你的下一个站点是一个精益，意味着SEO和数字营销机。
通常会发生什么…

电话响了“礼帽”总部。

<strong>马库斯</strong>：“嘿，这里 礼帽。我们如何帮助？“

<strong>来电者</strong>：“你好 。我们刚刚建立了一个网站，…我们似乎已经失去了大量的流量。”或“…我们不排名的关键字，我们使用的是可见的。”或“…我们只是没有得到任何询问。”或“…我们想看看我们能做些什么提高我们的搜索引擎优化。”

<strong>马库斯：</strong>“啊，好吧。如果你能让我知道你的地址和电话号码你回去，我可以提供一些建议。”

这里有一个问题。SEO是不是创可贴就可以贴到一个现有的网站。网站SEO是基本成功的在线为广大企业。和相同的概念，固体燃料的SEO帮助付费搜索，社会和其他任何入站的营销努力。做错了，你肯定不打你的数字营销目标。
一个搜索引擎友好的网站开发

在最基本的层面上，一个搜索引擎友好的网站是一个可以让搜索引擎的探索和阅读整个网站页面。确保搜索引擎可以轻易的抓取和理解你的内容是保证在搜索引擎结果页你的知名度的第一步。

搜索引擎使用此任务的网络爬虫，我们试图用搜索引擎，而不是对他们的工作。不幸的是，有很多方法可以让一个网站，并不是所有的技术都是在头脑中建立搜索引擎优化。

建立一个搜索引擎友好的网站需要仔细的规划和结构化的方法来展现你的企业和你提供的服务。对于许多企业来说，这可以是复杂的-它并不总是容易的文件正是你做的。

作为一个营销工具，你的网站应该建立在一个固态数字营销计划一个清晰的商业模式和价值主张。如果不清楚，那么你需要重新开始。

假设你有所有的好东西的地方，让我们开始吧。
基本面

有几个核心要素，一 优化网站设计过程的阶段。

域

您的企业可以使用example.com作为主域。但你可能有其他。确保您的域名是有意义的，涉及到你所做的事是非常重要的。确保所有的变化和子域正确点在主站点和重定向到一个单一的标准版本的网站是非常重要的。

我们的业务是所谓的礼帽。我们在英国。我们是一个基于网络的业务。自然而然地，我们的领域是www.bowlerhat.co.uk。所有的子域名301重定向到主网址www.bowlerhat.co.uk。我们有几个领域的变化，301重定向回到主URL。这一切都是有意义的。

不要以为having-my-keywords-in-my-domain.com帮助。它只是看起来愚蠢。它可以帮助一个小的本地企业，但是确保你映射到真实的世界。是明智的。

托管

你的主机也很重要。一个缓慢的网站让用户不满。你的主机应该遵循常识规则。坐落在位于你的观众。很快。是平台相关的，如果必要的话。WP引擎是一个很好的例子，因为它提供了一个定制的WordPress网站平台。

CMS

CMS（内容管理系统）你选择你的业务可以极大地影响你的成功。WordPress是在许多情况下，一个好的选择，但它不是唯一的一个。这当然是有线的方式谷歌可以了解基层。这并不是说它是所有情况下，最好的选择，但可以肯定的是，这是大多数企业的一个很好的起点。只要确保你选择的CMS是适合你的情况，而不是一个你所选择的网络公司喜欢的工作。
爬行的可及性

第一步是确保搜索引擎可以抓取你的网站，了解什么是你（和你做事情的地方）。

指数化

了解你的网站，他们必须能够读取页面的内容。这意味着你的网站的主要内容应该是基于文本的幕后。没有图像。没有Flash或视频。即使在这个日新月异的世界，你的主要内容仍应是基于文本的。有一些伟大的工具，如Web字体，意味着你仍然可以看的部分，和你的形象有一个地方，但一定要说清楚的语言是你做什么，这样搜索引擎可以读懂你的祭。

图片，视频，PDF，内容也很重要，可以是一个搜索引擎的流量来源。再次，这些需要被发现和可转位。

链接结构

索引你的内容在首页，你需要的内部链接，搜索引擎可以抓取。你的主导航，搜索引擎的指令和工具如XML网站地图帮助搜索引擎抓取你的网站和发现新的网页。喜欢尖叫的青蛙的工具可以帮助您确保您的网站可以很容易被搜索引擎抓取。
信息体系结构和构建你的网站

我一直喜欢的网站结构的文件柜的类比。你的网站的文件柜。主要的抽屉。子在抽屉的文件夹。页面文件的文件夹。

    柜：你的网站
    抽屉：高级类
    子文件夹：
    文件：个人文件/页面

语境不仅表现为网站所存在的位置也在现场。我们自己的网站有一个抽屉的服务，每个服务已在文件夹的子服务。你的网站就会很大程度上是相同的。

如果我们考虑以下结构的圆顶硬礼帽网站为例：

主页

–服务

––服务区

–––个性化服务

主页

–服务

––SEO

–––SEO审核

所以，在这一页的信息架构，简单/审核/。

/审核/页面存在在服务的SEO文件夹抽屉。好的组织。这可以通过与其他SEO元素清楚地表明背景远远超出可通过单独的文件显示。

这是博客的相关文章，FAQ内容、服务、地点和其它任何东西，在你的业务实体。你正在以一种使其理解你的企业信息结构。

有些网站可能需要构建内容深度的方法。其他人可能采取多种方法。本文的主旨是要事情应该组织一个有意义的方式，简化了导航和发现。

一三到四级的方法，这样保证了大部分内容可以轻松地导航到四个点击，往往比网站导航一个更深的方式工作（对用户和搜索引擎）。

URL

语境是由URL进一步表明。一个明智的命名约定有助于提供了人类和搜索引擎更多的上下文。

以下 是网址，可以映射到服务> SEO > SEO审计路径上面 -但有意义的两个假设的集合，和其他没有什么帮助。

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

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

当然，URL的第二集是一个故意愚蠢的例子，但它是一个点的第一个URL命名约定有助于搜索引擎和用户，第二个阻碍。

导航

你的导航是非常重要的。当一个网站结构，导航的工作原理与结构、URL和其他成分，如XML网站地图，以帮助巩固 每个页面或块的内容是关于。

导航不仅仅是在你的网站上的菜单 。这是你的 路标用户您的网站最相关的部分。导航工具可以提高额外的服务意识，不仅包括文本链接，但在所有页面和模板的设计元素，您的网站内容。

我一直很喜欢的路标的类比。我走进超市，寻找我需要的迹象。你的网站是没有什么不同。如果一个用户被称为你的品牌名称的搜索，然后他们会降落在你的主页。他们需要一个路标，让他们相关的服务。有 更容易找到！

这是很容易得到这个错误，并认真思考必须应用<em>之前</em>你建立的网站就需要你的用户。一个网站是一个数字的组成部分，应该从你的营销计划的执行策略。了解这里的用户是至关重要的，你可以确保你满足他们的需要。

导航应该不需要任何真正的认知不应该让用户想。下面的图片是从我的本地家装店的标志。哪个方向，带你到停车场的方向需要你交付的入口吗？

我的大脑从左“顾客停车场”线吧，所以我当然右转。然而，客户停车场是左。有没有清楚地说明这是对的还是错的。

我想。还是在实践中，我走在错误的方向之前我学几次。但是，如果用户没有找到他们正在寻找一个网站，他们将回到伟大的谷歌搜索结果代表竞争的海洋。

确保你的导航是清晰的：如果一个用户可以犯了一个错误，很多人也可以。

常见问题

有内容不能发现或不能用搜索引擎，可以对你的工作了解很多潜在的问题。例如:

    孤儿的内容不能被发现
    内容只能通过网站搜索
    Flash文件，java程序，音频文件，视频文件
    Ajax和华丽的现场效果
    从另一个网站的内容嵌入帧可以是有问题的。
    子域的内容分成子域与其子文件夹

*谷歌了在阅读AJAX页面好多了，但它仍然是可能的和毫无意义的晦涩难懂的内容的影响。

确保重要的内容是很容易被发现，可以理解，坐在可以理解的方式对网站的整体结构。

概要

如果一切都是好的，人和搜索引擎应该有一个非常好的想法页之前就看它了。然后你的典型的SEO就是建立在这个坚实的基础，奠定了你的信息架构和网站结构。
移动友好的设计

这个使用最流行的设备进行网络搜索和浏览网站是手机。我们生活在一个移动的第一个时代。网站优化搜索引擎应该兼顾其网站的移动布局（而不仅仅是抽薹的简单响应网站设计）。

然而，在2017，响应的设计是不够的。我们谈论响应式网站设计的重要性2012。五年后，大量的技术进步大大提高了移动数据网络，你未来的客户使用移动为先，经常是与你的业务交互的设备。

创建一个真正的移动友好的设计，最大限度地从移动搜索结果，你必须考虑需求和移动用户的需求。什么样的用户会在手机上远远不同于他们会在电脑上。即使你的转换往往是在桌面上，关键的第一次接触很可能是在移动。

几个月后，我看了看在创建移动搜索引擎友好的网站的28个关键因素 将帮助你超越了简单的移动友好的响应式设计。

从SEO的角度来看，值得注意的是，移动友好是一种确定的排名因素，移动搜索，它是你的网站，会被搜索引擎用来移动版回顾你的站点排名。然而，更重要的是，手机就是你的潜在客户在搜索和浏览您的网站。

努力为移动用户优化用户体验，你会收获你的努力在交通方面和用户参与。
网页的速度

在移动时代的另一个重要的考虑是网页的速度。用户可能会不耐烦，或者他们可能不总是有一个伟大的移动数据连接。确保你的页面都是精益和平均是一个重要的考虑因素在现代搜索引擎友好的网站设计。

一个很好的出发点是谷歌的移动友好的测试 。这个工具会给你的移动友好的反馈，移动速度和桌面的速度。它也把一切变成一个方便的小报告详述你到底能做什么来加快速度。

我走进一个小更详细的关于如何在最近的专栏中对速度的优化移动优化。可以说，网页的速度是另一个重要的考虑因素，跨越您的网站建立和托管你的使用质量和适用性。
可用性

网站可用性是一个组合的其他因素：设备的具体设计，网页的速度，设计规范和把网站一起记住用户一个直观的方法。

关键因素包括：

    <strong>页面布局</strong>。 重要元素应该更突出。
    <strong>视觉层次</strong>。 更重要的元素大！
    <strong>主页和网站导航</strong>。 明确路标的方向为用户。
    <strong>网站搜索</strong>。 大型网站需要一个合理设置搜索选项。
    <strong>从进入</strong>。 使形式轻巧易填补尽可能。
    <strong>设计</strong> 伟大的设计让一切变得简单。

这是很表面的，和可用性 真要定制的个人网站。一对夫妇的资源我想看看会书，“别让我思考<em>：</em>一个常识性的方法来进行网站的可用性，<em>“</em>由Steve Krug和我移动优化的清单。
内容营销漏斗

你的网站有一个艰苦的工作要做：要帮助你的企业 获得在搜索引擎的潜在客户面前，并 参与和转换这些客户。

你的网站需要的内容，以帮助所有这些阶段的客户的旅程。内容和SEO是这里的一个重要的组合，你可以为他们寻找另一个公司，他们已经在考虑类似的服务在客户面前。

一个结构化的方法来考虑你需要这里的内容是一个典型的销售漏斗：

意识上的漏斗

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

    博客
    信息物品
    在线研讨会
    全面的指南
    常见问题

考虑的漏斗中

在考虑阶段的内容有助于你的前景比你对其他的产品有。这往往是实用的内容，帮助客户做出决定。

    案例研究
    产品或服务的信息
    产品演示视频
    用户指南

转换漏斗的底部

漏斗的底部和内容驱动转换应该轻轻地鼓励销售或铅。

    评论
    评论
    免费试用
    免费咨询

记住，客户会搜索整个频谱的内容类型。因此，确保所有这些地区都覆盖了艾滋病的发现通过搜索引擎，考虑和转换。
SEO的螺母和螺栓

你可以看到，有很多之前我们甚至看优化您的网站和网页更熟悉的元素考虑。我们应该真正开始思考关键词和基本的页面优化，一旦我们有了这个坚实的基础的地方。我希望，如果我们的结构都是正确的，那么页面的实际优化变得更容易。

关键词定位

钉你的关键词策略是如此简单，一旦你有了一个坚实的结构没有内部重复。如果我们看看我们的网站层次结构和以前的例子，然后添加关键词是相对简单的（和我们经常做在一个电子表格设计前）。

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

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

如果我使用这些页面为例，我们从广泛的关键词更精确的搜索条件的一个自然的过程。我们甚至可以认为基本属性，如位置，如果我们是一个本地业务。

主页

–数字营销机构

–数字营销公司

+伯明翰

+英国

服务

–营销服务

–数字营销服务

+伯明翰

+英国

搜索引擎优化

–SEO

–搜索引擎优化

+公司

+代理

+伯明翰

+英国

SEO审计

–SEO审核

–SEO诊断报告

+代理

+公司

+伯明翰

这里的关键是，一个结构良好的网站可以让你确定你的关键词策略的一个好方法。你还是要做文案的研究，但可以肯定你有一个坚实的战略目标广泛和更详细的条款。

HTML标题标签

<标题>标签是主要的幕后标签可以影响你的搜索引擎结果。事实上，它是唯一的meta标签，实际上影响的位置直接。

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

    关键词放置在标签的开始。
    保持长度约50到60个字符。
    用自然的方式中的关键词和关键短语。
    使用分隔符分开像品类和品牌元素。
    重点点击和最终用户。
    在现场的一个一致的方法。

即使在2017，我们还看到了很多overoptimized网页标题。我们要在标题标签的关键词，但不要以点击和可读性。搜索引擎排名您的内容，但有人点击它，所以记住。

描述元标签

元描述不直接影响排名。我们都知道，对吗？当然，这是完全忽略了一点。你的meta描述是一套搜索引擎结果页面你的广告内容。你的meta描述是什么赢得你的点击。获得这些点击可以帮助提高知名度，是绝对重要的推动更多的用户页面。

Meta描述必须：

    如实地描述网页内容。
    广告页面，通过点击率提高。
    考虑用户的思维过程，他们为什么会点击这个页面。
    包括关键词相关的，自然这样做。

搜索引擎会在你的网页标题和meta描述，帮助用户扫描页面突出搜索条件。不要以此为借口，对垃圾邮件的meta描述，虽然，否则谷歌可能会忽略它，它不会导致重要的点击！

也有情况下，不能创建一个描述元让从网页的搜索引擎将内容到形式的描述更准确地映射到一个用户搜索的意义。你的简短的描述元不能覆盖所有的一长块内容的选择，请记住这一点。

标题标签

标题标签帮助页面结构，表明在一个文档的层次：H1、H2、H3等等。在标题标签文本改进排名相关（尽管略），但真正重要的是调整站点的结构之间，幕后的优化网页标题和meta描述，如内容本身。一切，一切更有意义，对于用户来说，我们帮助搜索引擎分类的内容而勉强维持简单的每一点，我们可以在页面优化。

记得要对齐标题标签与视觉层次。意义页面上最重要的标题（通常是<h1>）也应该在网页的最大文本元素。你是制作文件直观容易理解，进一步确保设计和内容一起工作最好的归宿。

网页内容

内容通常是页面最重要的部分。然而，我们仍然看到古老的SEO实践与缺乏连接用于复制的话明显的关键词密度与搜索条件。这不工作。这当然不会有助于你的SEO。这是一个糟糕的用户体验。

我们要确保我们的网页背景是明确的。我们的导航，网址，网页标题，标题等都会在这里。但我们想写自然，运用同义词和自然语言。

创造伟大的内容，吸引用户关注。注意关键词，但一定不要做得过火。

考虑网页内容：

    关键词内容（但不要太过火）
    网页的结构
    关键词在内容位置之前可以更好
    同义词和替代品
    共现关键词-还有什么其他质量文件包括？

丰富的片段

丰富的片段是一个强大的工具来增加点击率。我们自然要上市，站在搜索引擎的搜索结果吸引了。你可以做任何事情，通过带动更多的用户点击率提高，使你的搜索引擎列表的努力。在可能的排名从改进增加参与的因素，你可以有一个低投入，高输出的SEO策略。

这是你的业务最相关的片段，将取决于你做什么，但schema.org是一个伟大的地方开始。
图像优化

图像搜索引擎优化能在正确的情况下大量的流量。再次，在这里我们的思想对于环境是非常重要的。谷歌不（还）使用图像的内容，所以这里的上下文内的网站和网页的基本优化是关键。

作为一个例子，我想给我五岁的霍比特人的洞穴剧场，和搜索带来的图像效果：

我可以潜入这些图像结果发现多种选择，然后使用图像载我去卖剧场网站。优化你的图像，提高图像搜索结果的改善突出的机会。

图像优化技术上是简单的：

    图片名称-提供一个名称，清楚的描述了 图像是什么。
    ALT文本使用描述性的ALT文本帮助那些看不到的图像内容的图像增强。
    添加OpenGraph和推特卡的图像是用社会股。
    使用正确的物理图像的尺寸以确保快速下载。
    优化图像的文件大小，提高加载时间。
    把图片添加到你的XML Sitemap。

图像优化相对简单。保持图像相关。不要垃圾邮件文件名和ALT文本关键词。是描述性的。
常见问题

SEO项目在礼帽通常包括一个SEO审计作为第一停靠港。我们不能涵盖所有可能的这里，但以下是通常的嫌疑人，作物和网页设计师应该注意。

重复的内容

那里有两种重复的内容：真正的重复和重复。真正的重复在多个地方存在的内容（不同的页面，站点，域等）。附近，可薄的内容或实质上类似的内容，认为一个企业的多个地点或不同大小的一个独特的页列出的鞋子。

关键词的竞争

关键词的竞争是指在多个页面的目标相同的关键词。这会影响你的网站的能力有一个页面，强烈的目标时间。

在网站的架构和层次已精心策划，你应该消除这种规划设计阶段。

域，子域和协议

另一个潜在的问题，重复出现在现场有多个域，子域和协议。

考虑两域业务：

    example.com
    example.co.uk

带www和非www版本：

    example.com
    example.co.uk
    www.
    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。例如.com”上面的列表。

这类问题URL重定向根本解决，但再一次，他们值得考虑的任何网页设计机构，负责主持和关于他们的客户网站的SEO严重。

拙劣的规范网址

另一个常见的问题，我们看到的是典型的URL不正确的实施。通常的情况是，人工地看规范网址作为一种工作清单。他们是通过动态插入URL地址栏URL的规范实施。

这从根本上是有缺陷的，我们可以结束与网站上的多个URL运行，每一个典型的URL声称他们是权威的版本。因此，规范的实施会加剧而不是解决问题。

规范的URL是一个强大的工具，如果运用得当，但他们必须运用得当，也可以让事情变得更糟。
的问题或意见吗？

有很多运动部件的网站设计和搜索引擎优化。但惩前毖后。我在这里的目标是为您提供前考虑的关键要素和SEO，在网站设计项目后。

我喜欢听任何问题或评论推特或LinkedIn。