在SEO和出色的网站设计之间找到平衡
将客户的网站放在一起时，必须考虑两个主要方面：消费者和搜索引擎。您需要一个针对搜索引擎进行了优化的SEO友好型网站，以便在消费者搜索您的产品时出现在Google中。这是第一个挑战，尤其是自2016年以来，Google就告诉Search Engine Land，他们“ 每年处理至少2万亿次搜索 ”。
您还需要一个创意，用户友好的设计网站，以便消费者可以轻松找到想要购买的商品。网站所有者（尤其是拥有数百种产品的网站）的所有者之间的冲突变得在用户友好和SEO友好之间找到平衡。您需要开发团队进行努力，以使网站的外观和用户方面非常简单。另一方面，您希望网站上有足够的内容，以便Google可以对用户搜索查询的网站进行有效排名。
更复杂的是，企业通常有两个独立的团队来进行SEO和Web开发。即使两个团队都在公司内部，让他们一起建立一个漂亮成功的电子商务网站也变得充满挑战。
网站的设计以及如何使其对SEO友好通常会引起冲突，尤其是当您要引入两个不同的团队并希望他们理解彼此工作的复杂性时尤其如此。
那么当SEO团队和Web开发团队的建议相互矛盾时，如何找到平衡点？
在本文中，我们将研究要考虑的不同网站元素，以及在这两个目标之间可以找到共同点的一些方法。
您可能还会喜欢：标准URL：它们是什么，为什么重要？
网站导航
Web开发人员通常专注于网站的整体外观，感觉和用户体验。设计人员和开发人员将关心页面的视觉元素以及消费者如何与这些元素交互。他们通常喜欢使事情尽可能简单，特别是因为使用移动设备的消费者早已超过使用台式机或笔记本电脑的消费者。
另一方面，SEO营销人员会说，您需要将导航工作重点放在针对搜索引擎进行优化上。
一个基本的例子可以在teacollection.com上找到：
SEO网站设计网站导航
主导航具有标准类别页面和一些收藏夹。单击男孩的“裤子”类别页面后，您会进入一个漂亮的页面，其中包含他们携带的所有类型的裤子，例如灯芯绒，慢跑裤等。
SEO网站设计产品列表
他们没有每个类别的大量产品，因此更简单的网站导航将具有较少的类别和标签。但是，具有更详细的子类别页面的扩展导航有助于SEO的工作。
在这些新的子类别中，每个较长的尾部词都有大量的搜索量，这可能会吸引自然搜索流量到网站。以下是他们可能为裤子类别建立的一些新子类别的搜索量：
SEO网站设计关键词研究
为了在Google搜索引擎结果页（SERP）上排名更高，这些子类别页面应以他们希望为其排名的关键字为目标。
当您考虑具有数百或数千种产品的大型电子商务站点时，站点导航变得更加重要。
REI的网站是SEO友好的网站导航的一个很好的例子-他们对网站上的每个类别都有非常大的导航。例如，当您单击“露营和远足”类别时，您会获得大量的子类别页面列表。
SEO网站设计目录菜单
他们具有广泛的导航功能，这对SEO很有好处，但并不总是与该品牌有关。您如何平衡这两个相互矛盾的建议？
无论这两个团队是否实现，目标都是相同的，那就是拥有一个自然搜索可见性的站点，并使人们易于浏览和进行购买。在考虑网站导航最佳做法时，这两个小组都需要集中精力解决这两个问题。
这意味着使站点易于浏览，然后在不影响用户体验的情况下针对搜索引擎进行优化。一个很好的起点是查看您的关键字在Google第一页上的排名，并查看这些网站的运行情况。
例如，如果您在上面的示例中通过Google搜索关键字“男孩慢跑者”，则会看到混合的网站排名。
SEO网站设计Google购物列表
SEO网站设计SERP
几乎所有的自然搜索结果都是子类别页面，因此从搜索和可能的用户角度来看，为此关键字设置专用页面非常有用。使用与上述相同的过程，当您使用Google“男孩的灯芯绒裤子”时，大多数页面排名是产品页面，而不是子类别页面。这意味着您可以针对该关键字优化产品，而无需构建专用的子类别页面。
尝试针对人员和搜索引擎进行优化时要考虑的其他要点包括：
使用内容层次结构。这通过类别和子类别来组织您的网站页面。如果页面上有十几个产品，则可以考虑构建一个子类别页面。
页面之间的交叉链接。SEO和内容团队创建有用的博客文章，FAQ和其他内容，这些内容可以将更多流量引向产品页面，反之亦然。横向链接可以轻松地使消费者导航到有关您的产品和/或公司的更多信息，还可以增加您的SEO努力。
无需思考。最终，浏览您的网站不需要太多的脑力。您的网站应明确指导用户去向。
您可能还会喜欢：从电子商务网站获得最大收益的10条SEO技术技巧。
内容：是更少，或者是更多更多？
内容一词涵盖了您网站上的所有内容，从文本到动画，以及介于两者之间的所有内容。所有这些内容都有助于在客户购买过程中告知和吸引客户。但是，在Google看来，并非所有内容都是平等的。
Web开发人员在设计网站时通常不会想到这一点。例如，带有文本覆盖的`.jpg`图片不被视为搜索引擎的内容。搜索引擎将看到该图像，但无法阅读该文本，除非将其以HTML文本代码形式放置在网站上。
SEO团队经常要求提供更多内容，但无法理解其将如何影响网站设计，功能和布局。鼓励您的SEO团队考虑并了解商店的内容渠道，并创建与用户体验不冲突的副本。
开发团队和SEO团队应该并肩工作，以将SEO优化的副本放置在与UX或总体设计不冲突的网站区域中。
“开发团队和SEO团队应该并肩工作，以将SEO优化的副本放置在与UX或整体设计不冲突的网站区域中。”
什么样的内容？
考虑网站上应该包含的内容的一种简单方法是考虑客户旅程的每个阶段。这将有助于文本的布局，并让您知道需要文本还是视觉内容。
对于Shopify商店，这意味着潜在地在客户的内容中包含以下内容：
主页
收藏页
分类页面
子类别页面
产品页面
一旦确定了站点所需的内容类型，设计团队就可以在创建将所有内容联系在一起的解决方案中发挥非常重要的作用。
模板图标
培养技能的资源
获得免费的《买方原型工具指南》副本，直接发送至您的收件箱。
电子邮件
输入您的电子邮件地址
输入您的电子邮件-我们还将向您发送与Shopify相关的营销电子邮件。您可以随时取消订阅。
我们的虚拟齿轮正在转动。
请注意，
我们的电子邮件最多可能需要15分钟
才能到达您的收件箱。
REI的站点就是一个很好的例子。他们在解释网站设计方面的内容方面做得非常出色，以帮助消费者了解产品，此外还解释了这类产品提供的好处。
例如，如果您进入网站的“露营和远足”页面，则网站设计将为您提供许多您可以访问的页面以及超过4,000种产品的列表。
SEO网站设计图像优化
当您使用页面左侧的过滤器过滤到特定的子类别页面时，除了产品之外，您还可以找到有用的信息。例如，当您进入背包的主要页面时，可以用多种方法过滤结果，包括背包，背包，旅行包等。
SEO网站设计子类别
当您进一步挖掘并开始选择所需的包装类型时，您会获得其他快速链接。例如，当您单击背包背包时，您会发现一个新的迷你菜单，其中包含周末，多天，延长时间或了解更多选项。
SEO网站设计网站列表
如果您单击“了解更多”，您将进入一个页面，该页面说明各种旅行的行李类型，适合的行李以及不同行李的功能等。这是一种基本但有效的方式，可以捆绑内容以帮助购买过程为用户服务，并帮助Google轻松地对信息进行爬网和编制索引，以使内容在搜索结果中排名较高。
SEO网站设计专家的建议
结果，您得到一个站点，该站点的类别和子类别页面上没有太多文本，但是在需要时将其与正确的内容联系在一起。用户可以浏览该网站，并且Google可以提供信息来帮助REI按照所需条款进行排名。
SEO网页设计出现在Google图片中
随着设计变得越来越复杂，SEO和Web开发团队需要更加紧密地协作，并确保UI / UX不会阻碍搜索引擎，反之亦然。同样，两个团队都应该问的问题是：用户需要哪些信息来帮助他们进行购买？
定义好之后，您就可以提出一个集成可索引内容的解决方案。
模板图标
项目管理：规划您的Web设计工作流程
将免费的项目管理副本：规划Web设计工作流发送到收件箱。
电子邮件
输入您的电子邮件地址
输入您的电子邮件-我们还将向您发送与Shopify相关的营销电子邮件。您可以随时取消订阅。注意：该指南不会发送到基于角色的电子邮件，例如info @，developer @等。
我们的虚拟齿轮正在转动。
请注意，
我们的电子邮件最多可能需要15分钟
才能到达您的收件箱。
可索引内容
如果搜索引擎可以轻松地对网站进行爬网（轻松地浏览，阅读和理解该网站每个页面上的内容），那么该网站将被视为SEO友好型网站，并且该页面出现在搜索引擎结果页面中的可能性也将大大提高更高。
为了使该网站可爬网，每个页面上的主要内容应采用HTML文本格式，因为这是Google理解该页面的最简单方法。
“如果搜索引擎可以轻松地爬网网站-轻松地浏览，阅读和理解该网站每个页面上的内容-那么该网站将被视为SEO友好型网站”
Web开发和SEO团队遇到的最大挑战之一是使用JavaScript与HTML。HTML非常适合Google使用，但是缺少JavaScript带来的功能，因为网站是使用Angular，React等各种JavaScript框架设计的。因此，许多开发人员喜欢使用JavaScript使网站具有某种外观和功能。
但是，由于代码错误，客户端渲染等问题，所有这些不同的Javascript程序都可能导致搜索引擎出现问题。Google花费大量时间来下载，渲染（解析，编译和执行JS代码） ），获取外部资源，然后对该信息建立索引。您向JS库添加的内容越多，Google对其进行爬网和索引所需的资源就越多。两个团队都需要意识到这一事实，因为所有这些都会影响网站速度和Google的抓取预算。
SEO网站设计及其对Google抓取预算的影响
在网站上抓取HTML和CSS与JS所需的时间和资源的差异
此外，您应始终检查Google是否能够对您网站上的内容进行爬网和编制索引。一种检查是否可以看到网站内容的快速方法是使用特定页面上的确切文字在Google中进行快速搜索。
例如，当我在“茶馆”页面上搜索文本时，将显示以下内容：
SEO网站设计：Google网站研究
“茶馆藏”页面显示在SERP中，这意味着Google可以抓取信息并将其编入索引。您应该始终检查使用JavaScript提取的内容，以确保Google可以找到它。
如果您将文本复制并粘贴到Google中，但您的网站没有出现，则需要对JavaScript编码进行故障排除，以找出问题所在，然后与开发团队合作找到一个好的解决方案，以使Google能够进行爬网和建立索引您的内容。
最终，用户希望网站能够快速加载- 如果3秒钟内未加载该网站，则有40％的用户可能会放弃该网站。创建一个看起来不错，具有用户所需信息并快速加载的网站符合两个团队的最大利益。
是的，您可以在对JavaScript的需求与对SEO友好的网站的需求之间取得平衡。您可以研究使JavaScript在您的网站上运行而不会引起SEO问题的方法，因此每个人都会赢。
您可能还会喜欢：构建多语言网站时要考虑的关键方面。
产品和网站图片
您网站上的图片过大会减慢网站的加载时间，使Google不太可能在SERP中对其进行优先处理。
对于开发人员而言，无论其大小如何，都向站点添加高质量的图像是很普遍的。他们之所以这样做，是因为大多数电子商务平台都会调整网站前端的图像大小，以使其具有某种外观。另一方面，SEO团队希望使用更小的压缩图像来进一步缩短加载时间。
寻找免费的库存照片供网站和商业使用？使用Burst下载免费的高分辨率图像。立即尝试Burst。
尽管这对SEO非常有用，但是开发团队可能不想压缩每个页面上载到站点的所有图像，因为大多数产品页面都有该产品的多个图像。
幸运的是，图像压缩工具已经变得更好，可以使压缩更加方便。通常，您可以压缩图像以减小文件大小，而不会影响图像质量。
SEO网站设计图像尺寸优化
有许多图像压缩工具可以减少图像尺寸并保持较高的质量，同时改善您的SEO。
在SEO和设计之间走线
一个设计良好，对SEO友好的网站的关键是弥合Web开发与SEO优化过程之间的差距。鼓励您的SEO和开发团队从一开始就进行协调，因此无需在最后一刻进行重大更改即可容纳一个或另一个。SEO副本不必太丑陋，漂亮的网站可以与搜索引擎友好。这需要协调一致的努力和相互合作的远见。
