I’ve been working with Next.js 14 and have some confusion regarding server-side rendering (SSR) and its impact on SEO. I understand that SSR means the HTML content is generated on the server and sent to the client, so when I view the page source, I should see the fully rendered HTML.

However, when I inspect the page source of my Next.js 14 application, I’m seeing the content without HTML tags, and it’s displayed with forward slashes and backslashes, like this: divhellodiv This doesn’t seem right to me. Shouldn’t the source code show the actual HTML tags, like hello?

My main concern is ensuring my website is optimized for SEO, and I know that having properly rendered HTML is crucial for search engine crawlers. Here are my specific questions:

1.Is it normal for Next.js 14 SSR to show content in the page source with slashes instead of HTML tags?

2.If not, what could be causing this issue, and how can I fix it?

3.How can I ensure my Next.js website’s SEO is good? Are there any tools or techniques to evaluate and improve my site’s SEO?

Thanks in advance for your help!

Solution , Discussion