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