1~
2Teknisk 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.
3~
4## 1. Dynamiska Meta Tags och Open Graph
5~
6```tsx
7export async function generateMetadata({ params }) {
8  const { locale } = await params;
9  const t = await getTranslations({ locale, namespace: 'common' });
10  return {
11    title: t('title'),
12    description: t('description'),
13    openGraph: {
14      title: t('title'),
15      description: t('description'),
16      images: ['/public/placeholder.svg'],
17    },
18    icons: {
19      icon: '/favicon.ico',
20    },
21  };
22}
23```
24~
25> **Tips:** Uppdatera meta tags för varje språk och sida med dynamiska översättningar.
26~
27## 2. Automatisk Sitemap och robots.txt
28~
29```bash
30npm install next-sitemap
31```
32~
33```js
34module.exports = {
35  siteUrl: 'https://spinny.dev',
36  generateRobotsTxt: true,
37  i18n: {
38    locales: [
39      'it', 'en', 'fr', 'de', 'es', 'ar', 'hi', 'ja', 'zh', 'pt',
40      'bn', 'ru', 'id', 'ur', 'ko', 'tr', 'vi', 'th', 'pl',
41    ],
42    defaultLocale: 'it',
43  },
44};
45```
46~
47## 3. Internationalisering (i18n) och Flerspråkig SEO
48~
49```tsx
50<link rel="alternate" href="https://spinny.dev/it" hreflang="it" />
51<link rel="alternate" href="https://spinny.dev/en" hreflang="en" />
52```
53~
54> **Bästa praxis:** Erbjud alltid en synlig språkväljare och bibehåll URL-konsekvens.
55~
56## 4. Prestanda och Core Web Vitals
57~
58- Använd Next.js `<Image />` för optimerade bilder.
59- Aktivera lazy loading.
60- Analysera med [Lighthouse](https://developers.google.com/web/tools/lighthouse) och [Vercel Analytics](https://vercel.com/analytics).
61~
62## 5. Strukturerad Data (JSON-LD)
63~
64```tsx
65<script
66  type="application/ld+json"
67  dangerouslySetInnerHTML={{
68    __html: JSON.stringify({
69      '@context': 'https://schema.org',
70      '@type': 'BlogPosting',
71      headline: 'Technical SEO for Next.js Developers',
72      datePublished: '2025-07-28',
73      author: { '@type': 'Person', name: 'Filippo Spinella' },
74      inLanguage: 'en',
75    }),
76  }}
77/>
78```
79~
80## 6. Felhantering och Anpassade 404-sidor
81~
82Skapa en lokaliserad `not-found.tsx`-sida för varje språk.
83~
84## 7. Användbara Verktyg
85~
86- **next-sitemap**, **next-seo**, **Google Search Console**, **Ahrefs Webmaster Tools**, **Screaming Frog**, **Mermaid**
87~
88## 8. Övervakning och Analys
89~
90Integrera Google Analytics, Vercel Analytics och övervaka Core Web Vitals.
91~
92~
93## Slutsats
94~
95Teknisk 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!
96~
97> **Slutchecklista:**
98>
99> - [x] Dynamiska meta tags
100> - [x] Flerspråkig sitemap
101> - [x] Strukturerad data
102> - [x] Optimerad prestanda
103> - [x] Aktiv övervakning
104~