Google 搜索不读取 OpenGraph 元标签

问题描述 投票：0回答：1

Google 搜索似乎错误地显示了我网站的 OpenGraph 元标签。我正在使用 Next.js (Pages) + Next-SEO （因为使用 几乎会在子页面上重复 

_app
中的 OpenGraph 标签，我不希望这样）。然而，Google 的抓取工具有时似乎会获取错误的信息。

问题 1 - 主页的描述和图像错误

<head>
  ...
  <link rel="manifest" href="/site.webmanifest">
  <title>Where Is The Google Car</title>
  <meta name="robots" content="index,follow">
  <meta name="description" content="WhereIsTheGoogleCar is the largest community-driven database of Google Street View Sightings, monitoring since 2020.">
  <meta name="twitter:card" content="summary_large_image">
  <meta property="og:title" content="Where Is The Google Car">
  <meta property="og:description" content="WhereIsTheGoogleCar is the largest community-driven database of Google Street View Sightings, monitoring since 2020.">
  <meta property="og:type" content="website">
  <meta property="og:image" content="https://www.whereisthegooglecar.com/about.webp">
  <meta property="og:image:alt" content="Where Is The Google Car">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:site_name" content="Where Is The Google Car">
  ...
</head>

通过

site:whereisthegooglecar.com
在Google上手动搜索我的网站，OpenGraph数据似乎可以正确显示，但不包括
og:image
。这很奇怪。

尽管如此，如果我们在没有任何过滤器的情况下正常搜索该网站，Google 不会显示 OpenGraph 数据。相反，它显示首页最新卡片的信息。

在某些情况下，它可能会显示来自 

og:image
...

的图像

但在其他情况下，它使用卡片图像。

如何强制 Google（或任何其他爬虫）仅拾取并显示来自 的 OpenGraph 信息？

问题 2 - 子页面不显示 OpenGraph 图像

<head>
  ...
  <title>York, England, United Kingdom in Google Street View - WhereIsTheGoogleCar</title>
  <meta name="robots" content="index,follow">
  <meta name="description" content="Google Street View Car in York, England, United Kingdom on March 21, 2024.">
  <meta property="og:title" content="York, England, United Kingdom in Google Street View - WhereIsTheGoogleCar">
  <meta property="og:description" content="Google Street View Car in York, England, United Kingdom on March 21, 2024.">
  <meta property="og:type" content="website">
  <meta property="og:image" content="https://www.whereisthegooglecar.com/api/og?img=https%3A%2F%2Fwww.whereisthegooglecar.com%2F_next%2Fimage%3Furl%3Dhttps%253A%252F%252Fcdn.whereisthegooglecar.com%252Fimages%252F1220679133504209018.webp%26w%3D1920%26q%3D75">
  <meta property="og:image:alt" content="York, England, United Kingdom in Google Street View - WhereIsTheGoogleCar">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:site_name" content="Where Is The Google Car">
  ...
</head>

由于该网站最近是新网站（并且经历了两个不同的域），因此 Google 只抓取了一个（8k 个！）子页面。

不幸的是，子页面图像似乎没有显示在 Google 搜索中...

尽管谷歌图片似乎显示了这一点。

我认为这可能是因为我正在使用 vercel/satori 按需生成 OpenGraph 图像，但我不太确定。

问题 3 - Google 图片抓取主页卡，但不抓取替代文本

<div>
  <div data-radix-aspect-ratio-wrapper="" style="position: relative; width: 100%; padding-bottom: 56.25%;">
    <div class="relative bg-muted" style="position: absolute; inset: 0px;">
      <img 
          alt="Picture of a Google Car spotted in Sweden on April 16, 2024." 
          loading="lazy" 
          decoding="async" 
          data-nimg="fill" 
          class="rounded-md object-contain" 
          src="https://cdn.whereisthegooglecar.com/images/1229913881229393960.webp" 
          style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent; z-index: 1;"
      >
    </div>
  </div>
</div>

这是一个奇怪的问题，来自我的无知。 Google 图片的抓取工具会拾取最新的卡片，但标题似乎与图像不匹配（因为标题是从 

og:title
拾取的，而不是卡片的 alt 本身）

Google 图片抓取工具有没有办法为特定图像选取不同的标题？

html next.js search meta-tags
1个回答
0
投票

请尝试放置

'<link rel="manifest" href="/site.webmanifest">'

在元标记之后预加载所有图像标记。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.