--- title: "SEO tips for Next.js — seo-mcp" description: "Actionable SEO tips for a Next.js site: 18 tasks with steps, verification checks and sources." url: "https://seo-mcp.io/tips/for/nextjs" --- # SEO tips for Next.js 18 published tips match this target, ranked by impact and effort. - [Programmatic SEO for Niche Job Boards: Templated Pages at Scale](https://seo-mcp.io/t/programmatic-seo-for-niche-job-boards-templated-pages-at) — Generate templated listing pages from structured job data so every role-and-location combination has a crawlable URL, then invest in the technical SEO underneath it. Unique titles built from template fields, internal links from hub pages, fast list and detail templates and clean indexation are what turn the template set into rankings. The tactic transfers to any niche with repeating structured records; without that technical layer the generated pages stay thin. - [Ship app/sitemap.ts and app/robots.ts](https://seo-mcp.io/t/ship-app-sitemap-ts-and-app-robots-ts) — Next.js App Router turns app/sitemap.ts and app/robots.ts into /sitemap.xml and /robots.txt at build time. Return only canonical, indexable URLs from sitemap.ts with honest lastModified values, and set the rules plus the sitemap location from robots.ts. Both files must be reachable without authentication and must not be shadowed by static files in public/. - [Add canonical URLs with the Next.js Metadata API](https://seo-mcp.io/t/add-canonical-urls-with-the-next-js-metadata-api) — Next.js App Router resolves metadata per route, so each page can declare its own canonical URL instead of inheriting one global value. Set alternates.canonical in the page metadata export or generateMetadata, keep it absolute and self-referencing, and make sure template redirects and trailing-slash handling agree with the URL you declare. - [Write unique titles and descriptions in Next.js](https://seo-mcp.io/t/write-unique-titles-and-descriptions-in-next-js) — Next.js resolves metadata from the page up to the layout, so a title set once in the root layout repeats on every route. Export a title and description per page, or generate them from record data in generateMetadata. Use title.template for the site suffix, keep descriptions unique, and verify the rendered HTML rather than the component source. - [Add BlogPosting JSON-LD in a server component](https://seo-mcp.io/t/add-blogposting-json-ld-in-a-server-component) — Article markup helps Google understand headline, author, publish date and image, and feeds both rich results and AI answers. In a Next.js App Router project, render a JSON-LD script inside the blog page server component from the same fields the page displays. Keep the markup valid and identical to the visible content. - [Serve responsive images with next/image](https://seo-mcp.io/t/serve-responsive-images-with-next-image) — next/image emits responsive srcset values, picks modern formats and prevents layout shift when width and height are known. Replace raw img tags on content pages, pass sizes for each layout width, mark the LCP image priority, and keep alt text meaningful. Check the rendered HTML for srcset and intrinsic dimensions rather than trusting the component defaults. - [Build a Reusable Local SEO Page Template for Every Location](https://seo-mcp.io/t/build-a-reusable-local-seo-page-template-for-every-location) — A reusable template keeps every location and service-area page consistent: one NAP block, one title pattern, LocalBusiness schema and fixed internal links. The local SEO template set shared by BowTiedBills follows a repeatable setup he credits for taking 50+ businesses to first place on Google. Standardizing means each new page ships complete rather than missing schema or citations. - [Capture and Measure Revenue From ChatGPT, Perplexity and Google AI Traffic](https://seo-mcp.io/t/capture-and-measure-revenue-from-chatgpt-perplexity-and) — A brand reportedly earned more than $50,000 from ChatGPT, Google and Perplexity-driven traffic after applying an article's recommendations. The actionable version: instrument AI-assistant referrals, find which pages earn them, make those pages directly quotable, and track the revenue each source produces instead of treating assistant traffic as untracked noise. - [Audit Googlebot crawl behavior with server logs to find crawl traps](https://seo-mcp.io/t/audit-googlebot-crawl-behavior-with-server-logs-to-find) — Server log analysis reveals how Googlebot actually spends crawl budget, exposing infinite URL spaces, thin faceted combinations and orphan pages that internal tools miss. The tip walks through filtering verified Googlebot requests, grouping them by URL pattern, then using robots rules, canonicals and internal links to redirect crawl attention toward pages that earn traffic. - [Add sameAs Markup to Link TikTok, Instagram and YouTube](https://seo-mcp.io/t/add-sameas-markup-to-link-tiktok-instagram-and-youtube) — Adding the sameAs property to a site's Organization or Person structured data tells Google which TikTok, Instagram and YouTube profiles belong to the brand. The change takes minutes, costs nothing, and connects off-site social profiles to the entity the website already describes, giving Google an explicit link between the site and its social presence. - [Move redirects into next.config redirects()](https://seo-mcp.io/t/move-redirects-into-next-config-redirects) — next.config redirects run before rendering and return 308 for permanent rules, so old URLs keep their signals without shipping JavaScript. Move server-side redirect maps into redirects(), mark permanent changes permanent, scope rules with has and missing, and keep temporary campaigns separate. Verify with curl that each old path returns one hop and the expected status. - [Return true 404s with notFound()](https://seo-mcp.io/t/return-true-404s-with-notfound) — A route that renders an empty template with status 200 is a soft 404: crawlers index it and users see nothing. Call notFound() when a record is missing or the slug is invalid, add app/not-found.tsx for the layout, and confirm the response status over HTTP. Keep redirects for moved content and reserve notFound() for genuinely absent pages. - [Load fonts with next/font to avoid layout shift](https://seo-mcp.io/t/load-fonts-with-next-font-to-avoid-layout-shift) — next/font downloads and self-hosts Google or local fonts at build time, generates size-adjust fallbacks and removes the render-blocking stylesheet request. Import the font in the layout, pass its className to the html element, and reference the CSS variable in styles. Verify with a throttled trace that text does not shift and that no font request leaves your origin. - [Generate social images with opengraph-image.tsx](https://seo-mcp.io/t/generate-social-images-with-opengraph-image-tsx) — The App Router reads opengraph-image files as social cards for each route. Export a small ImageResponse component that renders the title and brand, set size and contentType, and add route-level files where the default card is wrong. Confirm the rendered tags point at the generated image and that the image returns 200 with the expected dimensions. - [Audit SERPs for parasite platforms outranking your own pages](https://seo-mcp.io/t/audit-serps-for-parasite-platforms-outranking-your-own-pages) — Third-party hosted pages such as Spotify episodes, Jimdo and Site123 sites can outrank a brand's own pages on its target keywords. Export your keyword set with top rankings, match result domains against a maintained list of strong parasite platforms, then decide per keyword whether to publish on that platform or strengthen your own URL. - [Triage SEO wins by impact versus effort before shipping fixes](https://seo-mcp.io/t/triage-seo-wins-by-impact-versus-effort-before-shipping) — A link-only post pointing to a list of high-impact SEO wins without naming any. The transferable habit it points at is triage: collect candidate fixes from your audit and Search Console data, score each by expected impact and effort, and ship the highest-scoring items first instead of working through a checklist in arbitrary order. - [Audit Live Google SERPs Across Niches Before Planning Content](https://seo-mcp.io/t/audit-live-google-serps-across-niches-before-planning) — Instead of relying only on keyword-tool volume, sample live Google result pages for target queries spanning several niches and record who ranks and which SERP features appear. A published analysis covered 238 live US searches across twelve niches. Use the observed patterns to prioritise content formats, then verify impact against Search Console data. - [See the AI grounding queries Bing uses for your site](https://seo-mcp.io/t/see-the-ai-grounding-queries-bing-uses-for-your-site) — Bing Webmaster Tools has an AI Performance report with a Grounding queries view: the real retrieval phrases an AI system generates from a user question, plus which of your URLs answers each one. It is free for a verified domain and exposes citation share, intents, topics and pages, which turns guesswork about AI citations into a concrete content plan.