spinny:~/writing $ vim nextjs-technical-seo.md
1~2Το τεχνικό SEO είναι απαραίτητο για να διασφαλίσετε ότι το site σας Next.js είναι εύκολα ευρετηριάσιμο, γρήγορο και ανταγωνιστικό στα αποτελέσματα αναζήτησης.3~4## 1. Δυναμικά Meta Tags και Open Graph5~6```tsx7export 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.txt28~29```bash30npm install next-sitemap31```32~33```js34module.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) και Πολύγλωσσο SEO48~49```tsx50<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 Vitals57~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```tsx65<script66 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. Διαχείριση Σφαλμάτων και Προσαρμοσμένες Σελίδες 40481~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 tags100> - [x] Πολύγλωσσο sitemap101> - [x] Δομημένα δεδομένα102> - [x] Βελτιστοποιημένη απόδοση103> - [x] Ενεργή παρακολούθηση104~
NORMAL · nextjs-technical-seo.md [readonly]104 lines · :q to close