Next.js Discord

Discord Forum

Head component works locally but does not appear in Google after months

Answered
Californian posted this in #help-forum
Open in Discord
CalifornianOP
In my Next Js 13 app, I am using the head component with a title, description as below.

      <Head>
        <title>Hello</title>

        <meta name="description" content="Discover the new website" />
        <meta property="og:title" content="The new one " />
        <meta property="og:description" content="Our best products" />
        <meta property="og:type" content="website" />
      </Head>


When I npm run dev locally, when I inspect my elements, it works , I have : <title>Hello</title>.

My website is deployed through Vercel since 6 months, but when I write my url on google, I have not the title that is displayed, only the url (like http:://www.mywebsite.com). With no title and description.
And when I inspect the url, I have not <title>Hello</title>. But I have it locally.

Am I missing something ? Thank you in advance !
Answered by American Chinchilla
@Californian if you search meta data in next.js
View full answer

7 Replies

CalifornianOP
Where should I use it then ?

Because I would like to have description in different pages that are in the app folder !
American Chinchilla
@Californian if you search meta data in next.js
Answer
American Chinchilla
For app router you will find more info
CalifornianOP
From what I have seen, I have to use Metadata from next ?

If yes and I deploy, how much time will it take so that my title and description are in Google ?

Thank you
joulev
If you request a re crawl from the google search console it shouldn’t take long
CalifornianOP
Thank you !