blog

案例研究:JavaScript阻止了Google对hreflang的看法

<p>多年来,hreflang属性一直是网站管理员和数字营销人员SEO工具包的重要组成部分为了让Google更好地了解您的多语言或跨国网站,您的hreflang实施是正确的,Google完全理解它是不可或缺的</p><p>如果您不熟悉hreflang属性,那么您可能会发现以下资源非常有用:此案例研究专门针对某些人之前可能遇到过的问题,或者您未来可能会遇到此问题:Google无法识别您的hreflang标记并且没有在Google Search Console(GSC)中报告hreflang标签的真实数量正如最近在SEO Roundtable上报道的那样,John Mueller在最近的Google+环聊中说了以下内容:所以可能只是因为我们根本没有认识到hreflang标记在那些页面上例如,可能发生的是我们可以抓取并索引这些页面,但是当我们渲染这些页面时,页面的head部分中的某些内容会被添加到然后,这会破坏头脑中的一切,其中包括hreflang标记所以理论上可能会发生这种情况如果我们根本找不到hreflang标记,我们就不会将其标记为错误,因为我们认为没有hreflang的页面没有任何问题所以这可能是值得仔细检查的东西所以你可以做的是在浏览器中打开页面并使用Inspect Element来查看页面的渲染视图实际上是什么样的然后仔细检查以确保在头部内实际上没有像非元标记类型那样实际列在那里之前在Mueller最近的评论之前,我正计划测试这个理论,因为我相信我看到了第一手问题谷歌没有“看到”我的客户的hreflang标记为了设置场景,我的客户,一个在线零售商,在12个月前推出了一个新的网站,其中有多个英语语言子目录针对不同的国家</p><p> hreflang值和语法看起来是正确的,但谷歌没有认识到他们应该在任何附近的标签数量</p><p>每个国家/地区子目录下都设置了单独的搜索控制台配置文件,因此我可以单独监控每个人通过这样做,我可以告诉这个问题并非特定于一个子目录,而是所有包含hreflang标签的数千页可能只有非常低的数字在Google Search Console中报告:今年早些时候,检测到的hreflang标签数量增加到100,但是这个数字随着时间的推移逐渐波动,最终会再次达到零这个趋势继续下去,整个网站从未超过150,远远低于可访问页面的总数以及检查任何明显的代码损坏迹象</p><p> <head>部分,我在Search Console中使用Google的抓取和渲染工具仔细检查Google看到的内容源代码视图显示了谷歌正在将页面标题,元标记和hreflang分组为内联JavaScript块的一部分(请注意,下面是谷歌如何使用相同的颜色对它们进行分组)它还表明谷歌正在将第三个内联块的结束标记视为关闭整个块的标记(第26-49行)理论上,这可能是由于位于上方的JavaScript中缺少结束</ script>标记引起的,但您会注意到在这种情况下并非如此:我决定在Search Console中检查一些历史性的Fetch和Render页面以进行比较,我设法从10个月前找到一个,所以我比较了旧的和新的我的主要观察结果是内联JavaScript,我认为它影响了hreflang标签与旧版本相比,尺寸显着增加该页面的旧快照显示了25行JavaScript,而新版本则显示超过100行不仅如此,而且Google在显示源代码方面有所不同</p><p>旧版本,没有下面的JavaScript和HTML标记分组:请注意,在这个旧的Fetch and Render页面中,Google正在关注第25行末尾的结束<script>标记这意味着Google正在查看HTML在扩展此代码之前,正确使用内联JavaScript下的(包括hreflang) 基于我所看到的,我确信第二个JavaScript块导致了主要问题,以至于Google忽略了结束</ script>标签 - 而这反过来又使得hreflang标记不可见他们知道我对内联JavaScript几乎没有影响力(这是第三方提供的),我决定提出一个解决方案来确保Google首先阅读hreflang并且不会受到JavaScript的影响测试很简单:移动hreadflang标记到<head>部分的顶部如果JavaScript是问题的原因,那么我希望看到报告标签数量大幅增加一旦网站更新,我使用了Fetch和Render来将每个国家/地区特定的子目录提交到Google的索引在几天内,Search Console报告了以下内容:结果立即生效!一旦谷歌开始重新抓取网站,他们就会检测到hreflang标签</p><p>搜索控制台中报告的数字从大约120增加到超过1,200 - 现在报告超过7,000这是早期的,但我预计这个数字会进一步上升整个网站被抓取,谷歌开始更新其索引您可能想知道这对国际网站的性能有何影响尽管到目前为止还没有任何整体流量增长,但谷歌显然已经开始为用户提供最大的服务基于其位置的相关网址使用Google Analytics查看“有机目标网页流量”并按用户位置进行细分显示工作中的hreflang有机目标网页流量 - 英国子目录网址Google已停止向美国的大多数用户提供英国网站服务,这导致网站这一部分的流量大幅下降鉴于时间多一点,我希望谷歌发送很少或没有tr从美国到英国子目录的流量好消息是英国站点的流量损失已经由更相关的美国站点的流量增加弥补了有机着陆页流量 - 美国子目录URL美国子目录正在获得更多在美国曝光,因为谷歌现在明白这个网站与用户最相关;谷歌已经大大减少了在美国搜索结果中出现的英国网址的数量类似的趋势可以在网站的其他英文版本中找到</p><p>英国过去显示,相关的语言/国家子目录或子文件夹显示在它的位置它是仍然处于早期阶段,但我希望谷歌为用户提供更相关的网站这一事实将有助于提高搜索结果的点击率 - 而这反过来将对网站的转化率产生积极影响参考每个页面的<head>部分中的hreflang只是您在网站上实现此功能的方法之一您还可以使用XML站点地图指定您的国家/语言URL,或在您的HTTP标头响应中返回hreflang值无论您选择哪种方式为了实现你的hreflang偏好,有一些常见的问题和错误为了更深入地了解这些,我建议阅读“审计Hreflang注释:最多的Co mmon问题以及如何避免它们,“去年由Aleyda Solis在搜索引擎领域发布总而言之,我能够证明John Mueller最近的声明是正确的:如果你的标题部分被破坏,它可能”理论上“影响Google的查看你的hreflang代码的能力在我的客户端的情况下,一些内联JavaScript导致了Google问题并阻止他们检测<head>部分中引用的hreflang我发现Google Search Console中的Fetch and Render工具非常有价值来帮助解决问题我正在体验将hreflang标记移动到<head>部分的顶部解决了问题并且足以让Google检测到全站点的hreflang标签Google检测到hreflang标签的结果非常积极Google很快就了解了正确的国家/语言子目录服务于英国和国际用户,创造更好的用户体验祝你好运解决任何类似的hreflang问题你可能正在体验!本文中表达的观点是客座作者的观点,

查看所有