3 个意想不到的技术 SEO 问题示例（以及如何解决它们） - Web前端

发现三个隐藏的技术SEO 问题，这些问题正在悄悄破坏您的网站！在从 Moz 档案中重新发布的本期 Whiteboard Friday 中，seo 专家 Kristina Azarenko 揭示了不正确的按钮、背景图片和延迟加载如何阻止 google 抓取您的内容，以及可操作的修复方法，以提高您网站的可见性。

因为您可能认为一切运行正常，但是当您仔细查看时，您可能会发现存在一些小的技术 SEO 问题，实际上会浪费您大量的流量。

今天我将向您展示三个具体示例，说明您或您客户的网站上可能出现的意外技术 SEO 问题，然后介绍如何解决这些问题。让我们开始吧。

按钮与链接

第一个是按钮与链接。你对此了解多少？

因此，按钮会触发操作，例如将其添加到购物车或提交表单。链接从页面 A 指向页面 B，或从页面 1 指向页面 2，等等。它们充当内部链接或外部链接的一部分，真正有助于跨网站导航。然后，按钮可以设置为链接样式，链接可以设置为按钮样式。这就是事情可能变得棘手的地方。

还有一点，从 WEB 角度来看，如果按钮是表单的一部分，则使用按钮或输入添加。链接使用 href 和 url 添加。 

但是，当按钮用作链接时，就会出现问题。我在许多网站上都看到过这种情况，人们想将链接设置为按钮，但又想将链接添加到那里。他们的做法是使用窗口位置，然后使用 href URL，或者对 URL 使用点击事件。

嗯，从用户的角度来看，如果有一个链接或像这样在按钮中添加链接，没有什么不同。但从网络开发的角度来看，从网络发送者的角度来看，这会产生巨大的差异，因为在这种情况下，您依靠 Google 与您的内容进行交互，而 Google 则不会。在这种情况下，在第二种情况下，当您有 href 和 URL 时，您实际上是在告诉 Google 一切都很好。您只需使用此链接将其归因于我网站上的内部链接，这正是您想要做的，尤其是在网站的主要导航中。

如何正确行事

总而言之，当涉及到按钮和链接时，使用链接从一个页面指向另一个页面。当您想要触发某些操作（例如添加到购物车或提交表单）时，请使用按钮。不要混淆这两者。就是这样。这些就是规则。它们非常简单，当您需要决定使用什么元素时，它们肯定会在不同情况下为您提供帮助。

图像作为背景

好的，接下来是下一个：图像作为背景。图像之所以重要，并不令人意外，因为它们会出现在 Google 搜索结果中，并带来图像搜索流量，但这只有当 Google 能够真正索引这些图像时才会发生。 

但是，当使用 CSS 将图像添加为背景图像时，就会出现问题。同样，我多次看到人们使用背景图像，而实际上他们想使用普通图像，以便可索引，然后可排名。但是，如果您使用 css 添加图像，则不可能，因为它们被视为背景图像。即使有一个指向图像位置的 URL，您也明确告诉 Google 在排名和索引方面忽略此图像，因为此图像只是设计的一部分的背景图像。这是有道理的。

如何正确行事

因此，如果您希望图像可索引和可排名，请使用图像，然后使用源，然后指向图像位置。总而言之，对可索引图像使用图像源。如果您想使用 CSS，请仅将其用于背景图像，因为背景图像只是设计的一部分，而您并不真正关心它们是否能为您的网站带来流量。

图片延迟加载

好的，最后一个是图片延迟加载。了解我们看待网站的方式和 Google 看待网站的方式非常不同，这一点非常重要。

因此，当您访问网站时，无论是桌面还是移动设备，您都会看到首屏上方的内容，无论是图片还是副本，然后您需要滚动才能看到其余内容。但对于 Google 机器人来说，确保 Google 机器人可以立即看到页面上的所有内容非常重要。 

因此，无论是文案还是图片，您都需要确保整个内容都能被看到，以便 Google 可以查看页面并评估其优化程度。否则，如果您只向 Google 显示一些首屏内容，那是不够的。

真正重要的是，Google 不会与内容交互，Google 也不会滚动。因此，如果您依赖 Google 与内容交互或滚动，您会感到失望，因为它不会这样做。一个很好的例子是当索引占位符图像而不是普通图像时。

占位符图像是一种虚拟图像，您可以在折叠下方使用它来确保它非常轻，这样它就不会影响页面的加载或页面的加载速度。然后，一旦您作为用户滚动，此占位符图像将切换为正常图像。但猜怎么着？Google 不会滚动，所以在这种情况下，您需要做的是，您需要确保 Google 可以看到所有图像。

因此，即使您使用的是占位符图像，您也始终需要有一个默认图像 URL，以便 Google 可以访问、抓取图像、对其进行索引，并对其进行抓取。因此，应该在 URL 中使用它。因此，图像源、URL、默认图像的 URL 和位置。然后，您也可以始终使用源来列出不同屏幕分辨率的图像文件。 

如何正确行事

总而言之，不要依赖 Google 来滚动或与您的内容互动。其次，使用图片来源，然后使用 Google 会看到并索引的默认图片，而不是占位符，而是默认图片。

结论

正如我所说，技术 SEO 确实令人着迷。我非常喜欢它。并且我发现有三件事对于技术 SEO 在该领域取得真正的成功非常重要。

首先，您需要知道如何找到此类问题。您还需要确定此问题是否是真实问题，或者它是否是某些 SEO 工具发出的随机警报，您可以忽略它。第三，您需要知道如何解决您正在处理的这个特定网站上的此问题，同时考虑到业务目标、税务技术和您拥有的资源。就是这样。谢谢。

标签：示例如何解决意想不到技术WebSEO