1~
2Technicke SEO je nezbytne pro zajisteni snadne indexovatelnosti, rychlosti a konkurenceschopnosti vaseho webu Next.js ve vysledcich vyhledavani.
3~
4## 1. Dynamicke meta tagy a 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## 2. Automaticky sitemap a robots.txt
26~
27```bash
28npm install next-sitemap
29```
30~
31```js
32module.exports = {
33  siteUrl: 'https://spinny.dev',
34  generateRobotsTxt: true,
35  i18n: {
36    locales: [
37      'it', 'en', 'fr', 'de', 'es', 'ar', 'hi', 'ja', 'zh', 'pt',
38      'bn', 'ru', 'id', 'ur', 'ko', 'tr', 'vi', 'th', 'pl',
39    ],
40    defaultLocale: 'it',
41  },
42};
43```
44~
45## 3. Internacionalizace (i18n) a vicejazycne SEO
46~
47```tsx
48<link rel="alternate" href="https://spinny.dev/it" hreflang="it" />
49<link rel="alternate" href="https://spinny.dev/en" hreflang="en" />
50```
51~
52## 4. Vykon a Core Web Vitals
53~
54- Pouzivejte Next.js `<Image />` pro optimalizovane obrazky.
55- Aktivujte lazy loading.
56- Analyzujte pomoci [Lighthouse](https://developers.google.com/web/tools/lighthouse).
57~
58## 5. Strukturovana data (JSON-LD)
59~
60```tsx
61<script
62  type="application/ld+json"
63  dangerouslySetInnerHTML={{
64    __html: JSON.stringify({
65      '@context': 'https://schema.org',
66      '@type': 'BlogPosting',
67      headline: 'Technical SEO for Next.js Developers',
68      datePublished: '2025-07-28',
69      author: { '@type': 'Person', name: 'Filippo Spinella' },
70      inLanguage: 'en',
71    }),
72  }}
73/>
74```
75~
76## 6-8. Dalsi kapitoly
77~
78Vytvorte lokalizovanou stranku `not-found.tsx`, pouzivejte nastroje jako **next-sitemap**, **Google Search Console**, **Ahrefs** a integrujte monitoring.
79~
80~
81## Zaver
82~
83Technicke SEO v Next.js vyzaduje pozornost k detailum jako meta tagy, vykon, internacionalizace a strukturovana data. Automatizujte, kde je to mozne, a neustale monitorujte vysledky!
84~
85> **Zaverecny kontrolni seznam:**
86>
87> - [x] Dynamicke meta tagy
88> - [x] Vicejazycny sitemap
89> - [x] Strukturovana data
90> - [x] Optimalizovany vykon
91> - [x] Aktivni monitoring
92~