ContentOps Starter SEO meta is not being picked up/rendered

Support
, ,
1

Using the ContentOps Starter, and the SEO is not able to be picked up.

Screenshot of client side meta, note the image url is not absolute

Screenshot of client side meta
Screenshot of client side meta411×405 15.4 KB

However, if you plugin any page, such as https://jasonbyday.netlify.app/blog/the-state-of-web-accessibility/ into a meta analyzer, nothing is returned.

A lot of resources point to metadataBase being needed, however this shouldn’t prevent the other opengraph/meta tags from being picked up. Additionally, this particular template builds the meta tags differently than what is indicated in the NextJS documentation.

2

Additionally, I’m noticing the same thing with other Netlify Visual Editor starters:

4

I’ve shared this with the team.

5

It appears to be an issue with the server side rendering. The meta tags are not available when viewing source.

6

TomasBankauskas resolved the issue, and merged over on github.

However, the resolution has introduced a new issue:

When building locally npm run dev I’m getting the following errors since the [[…slug]].js change.

Error: Error serializing `.site.footer` returned from `getStaticProps` in "/[[...slug]]".
Reason: `undefined` cannot be serialized as JSON. Please use `null` or omit this value.

I get the same for site.header and author:

Error: Error serializing `.page.sections[2].posts[0].author` returned from `getStaticProps` in "/[[...slug]]".
Reason: `undefined` cannot be serialized as JSON. Please use `null` or omit this value.

if I add a console.log to getStaticProps in [[…slug]].js, I see the following:

Author as undefined, although it is set for my posts.

 type: 'PostLayout',
      title: 'The State of Web Accessibility: What We Can Learn from the WebAIM Million Project',
      date: '2025-02-20',
      excerpt: '"pages with fewer errors have gotten better while pages with many errors have gotten worse."',
      bottomSections: [Array],
      slug: 'what-we-can-learn-from-the-webaim-million-project',
      isFeatured: false,
      isDraft: false,
      seo: [Object],
      colors: 'bg-light-fg-dark',
      styles: [Object],
      author: undefined,
      featuredImage: [Object],
      markdown_content: '![three

site.footer and site.header as undefined:

props: {
    site: {
      favicon: '/images/favicon.svg',
      footer: undefined,
      titleSuffix: 'Jason Day',
      defaultSocialImage: '/images/main-hero.jpg',
      type: 'Config',
      header: undefined,
      enableAnnotations: true,
      __metadata: [Object]
    }
  }
7

Please continue dicussing in the thread you have with the devs: Meta tags appear on client side, but are not actually available for social, or meta tag analyzers · Issue #114 · netlify-templates/auto-annotated-portfolio