Page Title Meta Tags "Page Not Found | Nuxt"

[niyonx]

Versions

• nuxt: 3.0.0-rc.1
• node: v16.15.0

Reproduction

Configure nuxt.config.ts the title of the website.

app: {
      head: {
        title: 'Custom title',
        meta: [
          // <!-- Primary Meta Tags -->
          { name: 'viewport', content: 'width=device-width, initial-scale=1' },
          {
            name: 'title',
            content: 'Custom title'
          },
          // <!-- Open Graph / Facebook -->
          {
            property: 'og:title',
            content: 'Custom title'
          },
          // <!-- Twitter -->
          {
            property: 'twitter:title',
            content: 'Custom title'
          },
        ],
      }
    }

The title will display well on the page. However, when bots load the preview, it will display "500 - Page Not Found | Nuxt". As you can see in metatags.io with the website merchant.pikapoint.io.

What is Expected?

It should display the proper title.

What is actually happening?

Does not display the proper title

[danielroe]

Would you provide a reproduction please? 🙏

[niyonx]

Hi @danielroe, you can reproduce by changing the nuxt.config.ts and adding the head title as the code snippet above. Please let me know if you are able to reproduce, thank you

[danielroe]

The reason I asked for one is that I cannot reproduce with the information you've given me so far: https://stackblitz.com/edit/github-fhqcpq

[niyonx]

hi @danielroe , I am not able to reproduce too. The metatags.io does not work well with the stackblitz hosted website so I tried to run it locally then use localtunnel package to host and check.

My exact same nuxt.config.ts in a new project displays the title properly. So I don't know what is causing the issue now, I will investigate further and let you know if anything. Thanks daniel!

[danielroe]

Thanks! I'm closing the issue in the interim but please feel free to comment whenever you can reproduce and I'll happily reopen it 😊