Is Nextjs Link
SEO-friendly? Or how should I use it in a SEO friendly way?
I have a bunch of Link
s in my landing page, and each Link
routes to a different page on my website, so it’s like <Link href='/california-hotels'> California </Link>
<Link href='/new-york-hotels'> New York </Link>
What I really hope for is that Google crawler can discover each of the pages i.e., www.mysite.com/california-hotels
www.mysite.com/new-york-hotels
I am just unsure if they will be discovered. I am sure if it’s a tag, i.e., <a href="www.mysite.com/california-hotels">California</a>
it will be no problem because the url is spelled out.
Does the Google crawler have the ability to find the actual url when I use Link
? Thank you
2
Answers
Yes, nextjs behind the scene uses anchor tag only. How can verify it by doing inspect element.
As long as the link is in the DOM, google bot will be able to crawl them.
In short: yes, Next.js
<Link>
is SEO-friendlywill be rendered as
This is perfectly fine for SEO: search engines will see it as traditonal
<a>
tag withhref
attribute. And google crawler is smart enough to understand thathref="/california-hotels"
andhref="www.mysite.com/california-hotels"
is the same thing