Next.js Discord

Discord Forum

I need help with SEO

Answered
Satin Angora posted this in #help-forum
Open in Discord
Satin AngoraOP
I'm in need of an SEO expert who can teach me everything there is to know about SEOs. I can share my screen and we can go through the code together. please DM me if i dont see your message here.
Answered by B33fb0n3
You can use the generateMetadata function to be perfectly prepared for SEO ([read here](https://nextjs.org/docs/app/api-reference/functions/generate-metadata)). And then it's mostly just writing what you doing on the page (title, description) and sometimes add keywords as well (keywords). The icons, social share, ... is already done through some pictures inside your app folder. For the sitemap you can use the next-sitemap npm package
View full answer

15 Replies

@Satin Angora I'm in need of an SEO expert who can teach me everything there is to know about SEOs. I can share my screen and we can go through the code together. please DM me if i dont see your message here.
B33fb0n3
You can use the generateMetadata function to be perfectly prepared for SEO ([read here](https://nextjs.org/docs/app/api-reference/functions/generate-metadata)). And then it's mostly just writing what you doing on the page (title, description) and sometimes add keywords as well (keywords). The icons, social share, ... is already done through some pictures inside your app folder. For the sitemap you can use the next-sitemap npm package
Answer
Also how come on my deployed website when i search it up on google after 3 months of crawling. the root homepage page shows up as "Quick Car Buy: Sell My Car for Cash | Trusted Car Buyers". why is the "Quick Car Buy:" there? Then when i click on the page it has the correct meta title without the "Quick Car Buy:"
Heres the code
page.js (root home page):
export const metadata = {
  title: {
    absolute: "Sell My Car for Cash | Trusted Car Buyers | Quick Car Buy",
  },
  description: "loremipsum",
}

layout.js:
export const metadata = {
    title: {
        default: "Sell My Car for Cash | Trusted Car Buyers | Quick Car Buy",
        template: "%s | Quick Car Buy",
    },
    description: "sameaspage.js",
};
Satin AngoraOP
btw im not using typescript only javascript
@Satin Angora Heres the code page.js (root home page): export const metadata = { title: { absolute: "Sell My Car for Cash | Trusted Car Buyers | Quick Car Buy", }, description: "loremipsum", } layout.js: export const metadata = { title: { default: "Sell My Car for Cash | Trusted Car Buyers | Quick Car Buy", template: "%s | Quick Car Buy", }, description: "sameaspage.js", };
B33fb0n3
You are right, the structuring and moving the things to the correct place is handled by nextjs automatically. Google sometimes doesnt change the title and description and so on directly, so you want to start an reindex process via the google search console
@B33fb0n3 You are right, the structuring and moving the things to the correct place is handled by nextjs automatically. Google sometimes doesnt change the title and description and so on directly, so you want to start an reindex process via the google search console
Dwarf Crocodile
yes, same happened with me. Search results were showing something else. So I initiated a request from google search console to index my webpage again. And it took 2-3 days to show up.
Satin AngoraOP
Awesome guys thanks appreciate it
@B33fb0n3 You are right, the structuring and moving the things to the correct place is handled by nextjs automatically. Google sometimes doesnt change the title and description and so on directly, so you want to start an reindex process via the google search console
Satin AngoraOP
Last question is the semantic html structuring very important for seo or can i focus more on the meta tags and keywords? By this i mean using article tags and making sure headers are properly h1 and h2 etc
@B33fb0n3 yea, the content is the most important thing. Focus on that
Dwarf Crocodile
I use tailwind.
And for heading I used a span tag with text-3xl.

Lighthouse reports said h1 tag is missing.

So I just changed span to h1 , but still using tailwind classes to adjust the font size. Is it okay?
Satin AngoraOP
Gotcha thanks bro
B33fb0n3
Happy to help