nextjs places the title and meta of html in a front position within the head tag

[rmstsd]

I hope to place the title tag and the SEO-related meta tags at the front of the head tag. Is there a way to achieve this?

[haroonmaqbool]

Hi @rmstsd, Next.js automatically manages the ordering of tags inside during build to optimize hydration and preload behavior. It intentionally places <title> and SEO tags after critical preload links for performance reasons. There’s currently no built-in way to force them to appear first but functionally it doesn’t affect SEO or rendering. If you really need manual control you could inject custom tags using a custom Document (_document.tsx) and place them directly inside the element though it’s generally not recommended since Next.js handles this order for optimization

[rmstsd]

I'm using App router. Can _document.tsx be used?

[haroonmaqbool]

_document.tsx is only supported in the Pages Router not the App Router. In the App Router everything inside is handled through the metadata API or the export from next/head. The tag ordering is managed automatically and can’t be manually rearranged right now even with custom components. If you absolutely need to inject custom tags early you could handle it via a custom server or edge middleware.

[rmstsd]

thank you!

[haroonmaqbool]

Glad it helped!