question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Page Title Meta Tags "Page Not Found | Nuxt"

See original GitHub issue

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

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
danielroecommented, Jul 4, 2022

Would you provide a reproduction please? 🙏

0reactions
danielroecommented, Jul 11, 2022

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 😊

Read more comments on GitHub >

github_iconTop Results From Across the Web

Meta Tags not displayed on view source page using nuxtJs
It's working fine in inspect element but not showing any meta tags in page view source . head: { title: "kutumbh", meta: [...
Read more >
Meta Tags and SEO - Nuxt
Meta Tags and SEO · This will give you the same title and description on every page · This example will use head...
Read more >
Setting Page Titles in Nuxt 3 - Server Side Up
In Nuxt 3, page titles are set through the useMeta() composable ... no effect on where the nested meta tags are rendered in...
Read more >
How To Work With Meta Data in Nuxt - langvad.dev
Meta data is not visible on the page. It gets parsed by the browser and search engine crawlers. You can inspect a webpage...
Read more >
SEO and Meta · Get Started with Nuxt
<Head> and <Body> can accept nested meta tags (for aesthetic reasons) but this has no ... However, nuxt.config does not allow the page...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found