spinny:~/writing $ man nextjs-technical-seo
NEXTJS_TECHNICAL_SEO(7)spinny.devNEXTJS_TECHNICAL_SEO(7)
NAME
nextjs-technical-seo — Teknisk SEO för Next.js-utvecklare: Tips och Verktyg
SYNOPSIS
cat nextjs-technical-seo.md
DESCRIPTION
Teknisk SEO är avgörande för att säkerställa att din Next.js-sajt är lätt att indexera, snabb och konkurrenskraftig i sökresultat.
1. Dynamiska Meta Tags och Open Graph
export async function generateMetadata({ params }) { const { locale } = await params; const t = await getTranslations({ locale, namespace: 'common' }); return { title: t('title'), description: t('description'), openGraph: { title: t('title'), description: t('description'), images: ['/public/placeholder.svg'], }, icons: { icon: '/favicon.ico', }, }; }
Tips: Uppdatera meta tags för varje språk och sida med dynamiska översättningar.
2. Automatisk Sitemap och robots.txt
npm install next-sitemap
module.exports = { siteUrl: 'https://spinny.dev', generateRobotsTxt: true, i18n: { locales: [ 'it', 'en', 'fr', 'de', 'es', 'ar', 'hi', 'ja', 'zh', 'pt', 'bn', 'ru', 'id', 'ur', 'ko', 'tr', 'vi', 'th', 'pl', ], defaultLocale: 'it', }, };
3. Internationalisering (i18n) och Flerspråkig SEO
<link rel="alternate" href="https://spinny.dev/it" hreflang="it" /> <link rel="alternate" href="https://spinny.dev/en" hreflang="en" />
Bästa praxis: Erbjud alltid en synlig språkväljare och bibehåll URL-konsekvens.
4. Prestanda och Core Web Vitals
- Använd Next.js
<Image />för optimerade bilder. - Aktivera lazy loading.
- Analysera med Lighthouse och Vercel Analytics.
5. Strukturerad Data (JSON-LD)
<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify({ '@context': 'https://schema.org', '@type': 'BlogPosting', headline: 'Technical SEO for Next.js Developers', datePublished: '2025-07-28', author: { '@type': 'Person', name: 'Filippo Spinella' }, inLanguage: 'en', }), }} />
6. Felhantering och Anpassade 404-sidor
Skapa en lokaliserad not-found.tsx-sida för varje språk.
7. Användbara Verktyg
- next-sitemap, next-seo, Google Search Console, Ahrefs Webmaster Tools, Screaming Frog, Mermaid
8. Övervakning och Analys
Integrera Google Analytics, Vercel Analytics och övervaka Core Web Vitals.
Slutsats
Teknisk SEO i Next.js kräver uppmärksamhet på detaljer som meta tags, prestanda, internationalisering och strukturerad data. Automatisera där det är möjligt och övervaka resultaten kontinuerligt!
Slutchecklista:
- Dynamiska meta tags
- Flerspråkig sitemap
- Strukturerad data
- Optimerad prestanda
- Aktiv övervakning
METADATA
- date: 2025-07-28
- reading: 2 min
- author: Filippo Spinella
- tags: SEO, Next.js, Web Development
SEE ALSO
NEXTJS_TECHNICAL_SEO(7)2025-07-28NEXTJS_TECHNICAL_SEO(7)