我们以前都有过这种经历。作为SEO，你对你的网站有一个建议，但你需要一个开发人员来实现它。
这是在代理模式中工作并作为顾问与客户打交道时非常常见的场景;我们很少自己做出实际的改变。
此时，您希望看到您的建议被开发团队部署，而在其他时候，您只需要在队列中等待，直到轮到您!但是，假设您是能够快速部署推荐的幸运儿之一。一旦您的开发人员说他们已经部署了您的建议，您如何验证它已经正确地完成了?
除了要求口头确认工作已经完成，你还可以亲自去验证!
验证标准的以seo为中心的更新通常非常简单。如果客户端更新了页面副本，您只需查看页面即可。如果他们更新了页面标题或描述，您可以使用在线上提供的数百万工具之一，这些工具可以显示您对SEO感兴趣的基本页面信息。
但如果你无法使用这些工具呢?或者工具不起作用，或者它们给你的结果似乎不正确?您如何使用web浏览器来验证页面的状态?
使用Web浏览器验证SEO更新
几乎每个现代网络浏览器都有内置功能，可以让你查看网页的核心内容。
在b谷歌Chrome中，它是“检查”。该工具显示了另一个浏览器窗口，其中显示了与您正在查看的网页相关的许多内容，但对我们来说最重要的是-它显示了DOM或“文档对象模型”。
使用此工具并查看DOM，我们可以看到页面的整个HTML，从而使我们能够看到页面上真正的内容，而不依赖于并非总是100%准确的工具。
让我们来看看如何查看seerinteractive.com的DOM:
下面的步骤将显示网页的DOM:
- 打开一个网页，右键单击页面上的某个位置，然后单击“检查”。
- 将弹出一个窗口，显示页面的DOM，以及一堆其他选项卡，让您检查正在查看的页面。
- 使用这个窗口，您可以更好地了解机器人可能看到的内容，结合“viewsource:”函数，您可以很好地了解谷歌看到的内容。
那么，这有什么用呢?我们最近遇到了一个问题，我们需要大规模地更新一个站点的元数据，但没有办法通过编程或手工来完成。这将需要1000多个页面，它们的标签需要由一个人硬编码。这是客户的主要资源消耗，也是他们想要避免的;完全可以理解的。
他们试图在用户的浏览器中使用JavaScript更改标签，以努力利用他们已经拥有的代码。在实践中，这意味着页面将加载带有占位符页面标题、描述和规范标记的初始HTML，然后JavaScript脚本将在运行后更改页面上的元数据。
在对页面进行初步检查时，只需在普通浏览器中查看它，页面标题看起来是正确的，因为JS工作得非常快，必要的元素更新得非常快。然而，我们注意到，我们通过各种SEO工具运行页面报告了各种结果，包括:
- 没有报道页面标题
- 页面标题将是占位符标题
- 页面标题应该是正确的
当然，这对SEO来说并不理想。我们希望页面的元数据在页面交付给用户时是正确的，当机器人抓取它时，这通常意味着不需要任何额外的JavaScript来修复东西。即使在页面加载和Javascript修复之间的一到两秒钟，对于爬行机器人来说也太长了。
这在最初的检查中并不明显——这是一个相当罕见的问题，你可能只有在第一次遇到它时才会明白。页面的视觉检查看起来不错，但工具并没有给我们一个一致的答案。在这一点上，是时候不依赖任何外部工具，而只是深入到页面的代码中。
使用Inspect工具，我们能够准确地看到加载过程中发生了什么以及何时发生了什么。
这种额外的洞察力和QA能力使我们能够识别我们的建议如何部署的问题，提出计划并向开发人员提供反馈，以便他们能够解决问题。如果不验证这些更改，除了视觉检查之外，我们可能不会注意到错误的元数据正在被爬行，直到更深入的时候。
提示使用Chrome检查验证SEO修复
下面是一些常见的用例，在这些用例中，您可能想要考虑深入到页面的代码中并验证它们是否正常。
验证元数据
- 打开有问题的网页，右键单击网页的不可点击区域，然后单击“检查”。当窗口打开时，单击Elements选项卡，您将看到页面的HTML。
- 从这里你可以按control + F调出一个搜索栏。使用此栏查找要验证的元元素。
- 对于页面标题，您可以搜索“
- 一旦你找到了你要找的东西，验证它是否正确。
检查UX/视觉元素
您可以通过右键单击页面上的任何UX或可视元素并单击inspect来检查该元素。chrome开发人员工具将弹出，并在DOM中突出显示您右键单击的元素。
验证谷歌分析或谷歌标签管理器的页面与Chrome开发工具
就像其他元元素一样，单击页面的不可点击部分来调出开发chrome工具。
在dom中搜索“analytics.js”、“ua-”或“gtm”或其他与你的分析套件相关的代码片段，这些代码片段可能在页面上。
总之
我们只是触及了Chrome Dev工具和DOM的表面。
从这里你可以完全探索一个网页到一个非常低的水平。所以，去探索和验证吧!
注册我们的时事通讯，在你的收件箱里看到更多这样的文章:
