1~
2Teknisk SEO er essentiel for at sikre, at dit Next.js-site er let at indeksere, hurtigt og konkurrencedygtigt i søgeresultater. Denne guide dækker strategier, værktøjer og praktiske kodestumper for at tage din SEO til næste niveau, med særligt fokus på flersprogede sider.
3~
4## 1. Dynamiske metatags og Open Graph
5~
6Next.js 13+ muliggør centraliseret metatag-håndtering ved hjælp af `generateMetadata`-funktionen:
7~
8```tsx
9export async function generateMetadata({ params }) {
10  const { locale } = await params;
11  const t = await getTranslations({ locale, namespace: 'common' });
12  return {
13    title: t('title'),
14    description: t('description'),
15    openGraph: {
16      title: t('title'),
17      description: t('description'),
18      images: ['/public/placeholder.svg'],
19    },
20    icons: {
21      icon: '/favicon.ico',
22    },
23  };
24}
25```
26~
27> **Tip:** Husk at opdatere metatags for hvert sprog og hver side ved hjælp af dynamiske oversættelser.
28~
29## 2. Automatisk sitemap og robots.txt
30~
31Til at generere sitemaps og robots.txt, brug [next-sitemap](https://www.npmjs.com/package/next-sitemap):
32~
33```bash
34npm install next-sitemap
35```
36~
37Konfigurer `next-sitemap.config.js` til at understøtte sprog:
38~
39```js
40module.exports = {
41  siteUrl: 'https://spinny.dev',
42  generateRobotsTxt: true,
43  i18n: {
44    locales: [
45      'it',
46      'en',
47      'fr',
48      'de',
49      'es',
50      'ar',
51      'hi',
52      'ja',
53      'zh',
54      'pt',
55      'bn',
56      'ru',
57      'id',
58      'ur',
59      'ko',
60      'tr',
61      'vi',
62      'th',
63      'pl',
64    ],
65    defaultLocale: 'it',
66  },
67};
68```
69~
70> **Ekstra værktøj:** Prøv [next-seo](https://github.com/garmeeh/next-seo) til avanceret metatag- og struktureret datahåndtering.
71~
72## 3. Internationalisering (i18n) og flersproget SEO
73~
74Next.js understøtter lokaliserede ruter. Husk at:
75~
76- Bruge `hreflang`-tagget for hvert sprog.
77- Generere flersprogede sitemaps.
78- Oversætte metatags.
79~
80Eksempel på `hreflang`-tag:
81~
82```tsx
83<link rel="alternate" href="https://spinny.dev/it" hreflang="it" />
84<link rel="alternate" href="https://spinny.dev/en" hreflang="en" />
85```
86~
87> **Bedste praksis:** Tilbyd altid en synlig sprogvælger og oprethold URL-konsistens.
88~
89## 4. Ydeevne og Core Web Vitals
90~
91- Brug Next.js `<Image />` til optimerede billeder.
92- Aktiver lazy loading.
93- Analysér med [Lighthouse](https://developers.google.com/web/tools/lighthouse) og [Vercel Analytics](https://vercel.com/analytics).
94- Minimér ubrugt JavaScript og CSS.
95- Udnyt Vercels cache og CDN.
96~
97## 5. Struktureret data (JSON-LD)
98~
99Tilføj struktureret data for at forbedre synligheden i rich snippets:
100~
101```tsx
102<script
103  type="application/ld+json"
104  dangerouslySetInnerHTML={{
105    __html: JSON.stringify({
106      '@context': 'https://schema.org',
107      '@type': 'BlogPosting',
108      headline: 'Teknisk SEO for Next.js-udviklere',
109      datePublished: '2025-07-28',
110      author: { '@type': 'Person', name: 'Filippo Spinella' },
111      inLanguage: 'da',
112    }),
113  }}
114/>
115```
116~
117> **Tip:** Inkludér også struktureret data for brødkrummer, artikler og produkter, hvis det er relevant.
118~
119## 6. Fejlhåndtering og brugerdefinerede 404-sider
120~
121Opret en lokaliseret `not-found.tsx`-side for hvert sprog. Dette forbedrer brugeroplevelsen og SEO.
122~
123> **Tip:** Tilpas også 500- og serverfejlsider.
124~
125## 7. Nyttige værktøjer
126~
127- **next-sitemap**: sitemaps og robots.txt
128- **next-seo**: avanceret metatag-håndtering
129- **Google Search Console**: SEO-overvågning
130- **Ahrefs Webmaster Tools**: teknisk analyse
131- **Screaming Frog**: avanceret crawling
132- **Mermaid**: til visualisering af SEO-flows og arkitekturer
133~
134## 8. Overvågning og analyse
135~
136Integrér Google Analytics, Vercel Analytics, og overvåg Core Web Vitals.
137~
138- Brug [Google Tag Manager](https://tagmanager.google.com/) til centraliseret tag-håndtering.
139- Overvåg adgangslogfiler og fejl med værktøjer som Sentry.
140~
141~
142## Konklusion
143~
144Teknisk SEO i Next.js kræver opmærksomhed på detaljer som metatags, ydeevne, internationalisering og struktureret data. Automatisér hvor muligt og overvåg konstant resultaterne!
145~
146> **Afsluttende tjekliste:**
147>
148> - [x] Dynamiske metatags
149> - [x] Flersproget sitemap
150> - [x] Struktureret data
151> - [x] Optimeret ydeevne
152> - [x] Aktiv overvågning
153~