1~
2A technikai SEO elengedhetetlen ahhoz, hogy Next.js oldalad konnyen indexelheto, gyors es versenykpes legyen a keresesi eredmenyekben.
3~
4## 1. Dinamikus meta tagek es 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. Automatikus sitemap es 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. Nemzetkoziesites (i18n) es tobbnyelvü 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. Teljesitmeny es Core Web Vitals
53~
54- Hasznald a Next.js `<Image />` komponenst optimalizalt kepekhez.
55- Aktivald a lazy loading-ot.
56- Elemezz a [Lighthouse](https://developers.google.com/web/tools/lighthouse)-szal.
57~
58## 5. Strukturalt adatok (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. Tovabbi fejezetek
77~
78Hozz letre lokalizalt `not-found.tsx` oldalt, hasznalj eszkozokat mint a **next-sitemap**, **Google Search Console**, **Ahrefs** es integrald a monitorozast.
79~
80~
81## Osszefoglalas
82~
83A technikai SEO Next.js-ben figyelmet igenyel a reszletekre, mint a meta tagek, teljesitmeny, nemzetkoziesites es strukturalt adatok. Automatizalj, ahol lehetseges, es folyamatosan figyeld az eredmenyeket!
84~
85> **Vgso ellenorzo lista:**
86>
87> - [x] Dinamikus meta tagek
88> - [x] Tobbnyelvü sitemap
89> - [x] Strukturalt adatok
90> - [x] Optimalizalt teljesitmeny
91> - [x] Aktiv monitorozas
92~