Question

我当前正在创建一个博客网站，并想使用JSON-LD描述我的博客文章。当我使用React时，博客文章是使用react路由器动态加载的，并且当用户单击特定博客文章链接时，将从服务器获取要显示的内容。

在博客帖子组件内部，例如，当用户访问/post/1时呈现的组件，我的最初想法是在返回的组件标记中包含JSON-LD。例如，在render函数内的某处具有：

   <script type="application/ld+json">
      {
        {
          "@context": "http://schema.org",
          "@type": "NewsArticle",
          "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "https://google.com/article"
          },
          "headline": "Article headline",
          "image": [
            "https://example.com/photos/1x1/photo.jpg",
            "https://example.com/photos/4x3/photo.jpg",
            "https://example.com/photos/16x9/photo.jpg"
          ],
          "datePublished": "2015-02-05T08:00:00+08:00",
          "dateModified": "2015-02-05T09:20:00+08:00",
          "author": {
            "@type": "Person",
            "name": "John Doe"
          },
          "publisher": {
            "@type": "Organization",
            "name": "Google",
            "logo": {
              "@type": "ImageObject",
              "url": "https://google.com/logo.jpg"
            }
          },
          "description": "A most wonderful article"
        }
      }
      </script>

我的问题是，最佳做法是什么？搜索引擎可以接受它还是应该将其注入头部？他们可以接吗？如果不是，您打算如何在单个页面应用程序中正确使用JSON-LD？

谢谢！

在React组件中包含JSON-LD

0 个答案: