如何在客户端生成丰富的片段

如何解决如何在客户端生成丰富的片段

在我正在开发的网站中，无法在后端检索当前价格，因此我们尝试在客户端生成部分产品丰富网页摘要，希望 Google 抓取工具能够去取它们。

在同一页面上，我们有关于产品的其他数据，有些是在后端生成的，有些是由第三方服务生成的，但它们都共享相同的 @id 字段。

我没有找到太多有关在客户端生成丰富网页摘要的文档，但是按照本指南https://developers.google.com/search/docs/advanced/structured-data/generate-structured-data-with-javascript，我想出了以下代码：

// retrieve values from hypothetic `getProductValues` function
const { richSnippetProductId,offerUrl,amount,currency } = getProductValues(); 

// create a JS object
const structuredData = {
  '@context': 'http://schema.org','@type': 'Product','@id': richSnippetProductId,offers: {
      '@type': 'Offer',availability: 'https://schema.org/InStock',url: offerUrl,price: amount,priceCurrency: currency,}
};

// stringify in order to insert the variable in the rich snippet
const structuredDataText = JSON.stringify(structuredData);

// create the rich snippet
const script = document.createElement('script');
script.setAttribute('type','application/ld+json');
script.textContent = structuredDataText;
document.body.appendChild(script);

您认为这是一个好方法吗？还有其他我们应该考虑的方法吗？您认为最好将脚本添加到页面的 head 或 body（如果有什么不同）？

对于如何让爬虫更容易找到数据，您有什么其他建议吗？