如何处理站点地图上的多种格式的图像？即 jpg webp avif jxl

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

我不敢相信这个问题没有被问过，或者网络上似乎没有可用的信息，因为许多大牌都在推动新格式作为发展方向。

场景：

我正在构建站点地图

我有一个产品页面

<url>
  <loc>https://www.example.com/page.html</loc>
</url>

我有不同数量的不同产品图片。每个不同的图像都有 4 种相关的格式，根据文件大小从最小到最大（或直到 jpg，因为这是通用的）

在站点地图中包含格式变体的正确方法是什么？

这种方法向我表明它们是单独的不同图像，而不是不同格式的同一图像：

<url>
  <loc>https://www.example.com/page.html</loc>
  <image:image>
    <image:loc>https://www.example.com/image.jxl</image:loc>
  </image:image>
  <image:image>
    <image:loc>https://www.example.com/image.avif</image:loc>
  </image:image>
  <image:image>
    <image:loc>https://www.example.com/image.webp</image:loc>
  </image:image>
  <image:image>
    <image:loc>https://www.example.com/image.jpg</image:loc>
  </image:image>
</url>

这种方法是不完整的，因为它没有包含其他格式：

<url>
  <loc>https://www.example.com/page.html</loc>
  <image:image>
    <image:loc>https://www.example.com/image.webp</image:loc>
  </image:image>
</url>

这种方法在语法上可能不正确：

<url>
  <loc>https://www.example.com/page.html</loc>
  <image:image>
    <image:loc>https://www.example.com/image.jxl</image:loc>
    <image:loc>https://www.example.com/image.avif</image:loc>
    <image:loc>https://www.example.com/image.webp</image:loc>
    <image:loc>https://www.example.com/image.jpg</image:loc>
  </image:image>
</url>

进一步我的问题，如果有人能够提供结论性的答案，是否还可以参考一些表明这一点的文档？非常感谢！

xml image jpeg sitemap webp
2个回答
0
投票

要处理站点地图中的多种格式的图像，您可以在条目中使用 image:image 标签。对于每种图像格式，请包含一个单独的 image:image 标记以及相应的图像 URL，并使用 media:content_type 属性指定格式。以下是 JPEG、WebP 和 AVIF 的示例：

<url>
  <loc>http://www.example.com/page.html</loc>
  
  <!-- JPEG format -->
  <image:image>
    <image:loc>http://www.example.com/images/page.jpg</image:loc>
    <image:caption>Image description for JPEG</image:caption>
    <image:license>http://www.example.com/license.jpg</image:license>
    <media:content_type>image/jpeg</media:content_type>
  </image:image>

  <!-- WebP format -->
  <image:image>
    <image:loc>http://www.example.com/images/page.webp</image:loc>
    <image:caption>Image description for WebP</image:caption>
    <image:license>http://www.example.com/license.webp</image:license>
    <media:content_type>image/webp</media:content_type>
  </image:image>

  <!-- AVIF format -->
  <image:image>
    <image:loc>http://www.example.com/images/page.avif</image:loc>
    <image:caption>Image description for AVIF</image:caption>
    <image:license>http://www.example.com/license.avif</image:license>
    <media:content_type>image/avif</media:content_type>
  </image:image>
</url>

针对每种图像格式相应地调整 URL、标题和许可证。这样，搜索引擎就可以理解并索引与同一 URL 关联的不同图像格式。

0
投票

站点地图协议没有定义相同图像的多种图像格式的规则[1]。就 Google [2] 而言，Search Console 帮助中的一个线程讨论了在多个页面中显示相同的图像（不是多种格式的相同图像），并且经验法则是每个页面放置一个规范图像。如果同一张图像有多种格式，可能会导致规范化问题[3]。

对于多种图像格式，更好的方法是在 

srcset
标签中使用 
img
或在 
source
标签中使用 
picture
，GoogleBot 可以理解 [4]。

另请记住，不同的搜索引擎（例如 Bing）具有几乎相同的经验法则，仅在站点地图中提供规范图像 URL，并使用适当的 

img
或 
picture
在 HTML 页面本身 [5] 中提供替代方案标签。

参考：

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