1~
2Το τεχνικό SEO είναι απαραίτητο για να διασφαλίσετε ότι το site σας Next.js είναι εύκολα ευρετηριάσιμο, γρήγορο και ανταγωνιστικό στα αποτελέσματα αναζήτησης.
3~
4## 1. Δυναμικά Meta Tags και 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> **Συμβουλή:** Ενημερώστε τα meta tags για κάθε γλώσσα και σελίδα.
26~
27## 2. Αυτόματο Sitemap και 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. Διεθνοποίηση (i18n) και Πολύγλωσσο 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> **Βέλτιστη Πρακτική:** Παρέχετε πάντα ορατή επιλογή γλώσσας.
55~
56## 4. Απόδοση και Core Web Vitals
57~
58- Χρησιμοποιήστε Next.js `<Image />` για βελτιστοποιημένες εικόνες.
59- Ενεργοποιήστε lazy loading.
60- Αναλύστε με [Lighthouse](https://developers.google.com/web/tools/lighthouse) και [Vercel Analytics](https://vercel.com/analytics).
61~
62## 5. Δομημένα Δεδομένα (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. Διαχείριση Σφαλμάτων και Προσαρμοσμένες Σελίδες 404
81~
82Δημιουργήστε μια τοπικοποιημένη `not-found.tsx` για κάθε γλώσσα.
83~
84## 7. Χρήσιμα Εργαλεία
85~
86- **next-sitemap**, **next-seo**, **Google Search Console**, **Ahrefs Webmaster Tools**, **Screaming Frog**, **Mermaid**
87~
88## 8. Παρακολούθηση και Ανάλυση
89~
90Ενσωματώστε Google Analytics, Vercel Analytics και παρακολουθήστε Core Web Vitals.
91~
92~
93## Συμπέρασμα
94~
95Το τεχνικό SEO στο Next.js απαιτεί προσοχή σε λεπτομέρειες. Αυτοματοποιήστε όπου μπορείτε και παρακολουθείτε συνεχώς τα αποτελέσματα!
96~
97> **Τελική Λίστα Ελέγχου:**
98>
99> - [x] Δυναμικά meta tags
100> - [x] Πολύγλωσσο sitemap
101> - [x] Δομημένα δεδομένα
102> - [x] Βελτιστοποιημένη απόδοση
103> - [x] Ενεργή παρακολούθηση
104~