网页设计和 SEO：何时、何地以及如何将 SEO 引入您的下一个网站项目

成功的网站将 SEO 集成到 Web 开发项目的一些最早规划阶段。 从您网站的分类和菜单到考虑如何在移动设备上查看设计元素，SEO 在整个网页设计过程中涉及数量惊人的决策。 如果您正在考虑重新设计网站或创建新网站，请密切关注本文中讨论的一些最大的 SEO 接触点。 忽略其中之一，您的网站可能无法发挥其全部潜力！

一般来说，网页设计和 SEO 协同工作，以确保您的网页完全可以被搜索引擎索引，设置为最大化排名信号，并在用户准备好采取下一步时适当地将他们引导到转换点。 根据团队的规模和利益相关者的多样性，SEO 可能会迷失于华丽的网页设计或用户体验决策。 归根结底，SEO 网站设计需要一种平衡，这取决于每个网站的目标。 作为营销人员，我们的目标是获得营销合格的潜在客户，因此我们始终以 SEO 为出发点开始网络项目。 请记住，SEO 需要尽早进行仔细规划，不仅要尽可能多地吸引相关用户，还要最大限度地提高您所吸引的用户的转化率。

在本文中，我们将讨论以下因素以及为什么它们应该在 Web 项目的设计和规划阶段根深蒂固：

• 爬取和索引
• 分类
• 导航
• 网址结构
• 移动友好设计
• 页面速度

爬取和索引

为了让搜索引擎了解您的网站，他们必须能够抓取您的内容。 搜索引擎和人类都需要大量的文本来完全理解你在做什么。 排名信号很大程度上基于搜索引擎需要抓取才能理解的基于文本的内容。 这意味着页面模板需要专注于基本原理，例如将易于抓取的文本放在折叠上方，但也需要关注较小的复杂性，例如在您的主图像上方分层文本，而不是将其烘焙到无法抓取的图像本身。

尽管 Google 更擅长抓取此内容，但不要将您的文本内容隐藏在外部 JavaScript 资源后面，因为搜索引擎在抓取外部 JS 表中的内容时有过麻烦的历史。 将文本放在 HTML 中的页面上，并且当它们为您的用户提供价值时，不要羞于链接到您站点上的其他页面。 这可确保您的所有内容保持可抓取状态，而且如果您的用户需要更多信息，还可以为他们提供清晰和交互式的跟进。

分类

如果您没有按照用户期望的方式设置您的网站，分类法可以轻松地成就或破坏网站的用户体验。 SEO 通过提供有关您的受众如何搜索您的产品和服务的见解来发挥作用。 搜索者是否对您产品的款式、制成的材料或其主要应用更感兴趣？ 我们以车库门为例。

您可能会进入一个包含 5 个不同车库门产品线的网络项目，并认为材料、样式、价格和尺寸应该围绕这 5 个品牌展开。 您可能会要求您的营销实习生进行一些关键字研究，发现搜索者对车库门的风格（现代、经典、马车房等）更感兴趣，然后按尺寸、材料和价格进一步缩小选择范围。 此信息现在完全塑造了您网站的结构，因为您现在知道搜索者主要对您的 D1 Elite Garage Door 产品线中的“现代车库门”感兴趣。 Web 团队现在可以在设置新站点的层次结构时使用此信息。

这很好地引导我们进入下一个主题，即您网站的导航。

导航

既然您知道您的受众如何搜索，那么围绕他们的主要兴趣构建您的菜单很重要。 以我们之前的示例为例，让您的父菜单链接以样式而不是产品线为中心可能是最大化车库门安装的正确决定。 现在，搜索者可以轻松地在现代门和经典门之间点击，然后缩小材料、尺寸和价格等次要标准，最终从它们中找到产品线。 您的网站不会强迫他们了解您的 5 个品牌并找出适合他们的品牌，而是将他们关心的放在首位，然后让他们深入了解适合他们车库的产品线。 不是反过来。 在您的主菜单上考虑搜索习惯，您的网站会围绕对您的受众重要的内容构建，而不是您认为他们关心的内容。

网址结构

作为搜索引擎优化者，我们必须遵守国家法律来安抚算法。 为这些复杂的公式提供上下文使他们的排名决策更容易，让您的相关内容更有机会为您的目标关键字达到第 1 位或第 0 位。 您 6 岁的侄子应该能够查看您的 URL 并告诉您该页面上的内容，甚至无需查看内容。 当不遵循最佳实践并且您得到如下 URL 时，这种区别非常明显：

https://www.example.com/ShowCategory.aspx?cid=1995

而不是这个：

https://www.example.com/clothing/apparel/headwear/bucket-hats

在上面的两个 URL 中，您认为搜索引擎更容易理解哪个？ 让 Google 轻松理解您的内容是 SEO 的重要组成部分，因此在设计过程的早期考虑正确的 URL 结构可以避免重定向和麻烦。 最佳实践包括使用简单的文件夹结构，同时遵循一致的命名模式，让搜索引擎毫无疑问地了解页面的主题。 SEO 网站设计是关于清晰和保密的！

移动友好设计

2019 年，移动设备浏览互联网的次数超过任何其他设备。 移动友好性不仅是排名因素，而且您网站的移动版本现在被搜索引擎用于确定排名。 如果您希望在搜索领域取得成功，这将使您网站的移动体验完全不可忽视。 不言而喻，如果您想在搜索领域取得成功，响应式设计是 2019 年必不可少的。

Google 提供了许多用于分析移动设备友好性的工具，重点关注技术元素，例如避免 Flash 和插页式广告、配置您的视口以正确缩放到许多不同的设备、确保字体大小足以在较小的移动设备上阅读，以及接触点分布得足够远，以避免粗手指点击。

页面速度

页面速度是网站优化的一个领域，最好跟随 Google 的领先优势并按照既定标准进行优化。 谷歌的马特·卡茨 (Matt Cutts) 的一句古老而精彩的引述：

......谷歌内部的很多人认为网络应该很快。 这应该是一个很好的体验，所以公平地说，如果你是一个快速的网站，也许你应该得到一点奖励。 如果你的网站真的很慢，那么用户可能并不想要那么多。

这句话出自 2009 年，自此声明以来，网站速度仅成为搜索中的一个重要因素。 事实上，网站速度于去年被宣布为官方排名因素。 让它深入人心。您网站的速度对您的网站在目标关键字上的排名有直接影响。

网页设计界的一个流行趋势是利用大量图像来实现简单、时尚的布局。 虽然这对用户如何与您的内容进行交互和互动有很多好处，但要警惕媒体过度使用和忽略文本内容。 丰富的图像文件是影响网站速度的最大方式之一，导致加载时间过长，用户在等待高分辨率照片下载时摆弄拇指。 如果您从他们的网站速度报告中看到“优化图像”作为 Google 的推荐，这就是他们所指的内容。

事实是，当图像被正确压缩时，大多数用户无法分辨出太大的区别。 无损压缩（AKA 对图像质量的影响足以减小文件的大小，但不足以对人眼产生明显的变化）一直很受欢迎，但它在确保移动设备方面比以往任何时候都更有用t 需要 10 秒钟来填充您的网页。

确保您的文本内容和图像内容的平衡是健康的，不要仅仅依靠富媒体来推动您的观点。 在设计过程中尽早提出这个想法可以避免任何页面速度的失败。 设计必须融入文本区域以及图像和视频，以便搜索引擎和用户都能理解您的信息。

这些是品牌在开始重新设计网页或新的 SEO 网页设计项目之前应该意识到的最大因素。 如果您对上述内容有任何疑问，请联系 Top Floor，看看 SEO 专家如何为您的下一个项目节省时间、金钱并提高您的搜索排名。