A technikai SEO elengedhetetlen ahhoz, hogy Next.js oldalad konnyen indexelheto, gyors es versenykpes legyen a keresesi eredmenyekben.
1. Dinamikus meta tagek es Open Graph
export async function generateMetadata({ params }) { const { locale } = await params; const t = await getTranslations({ locale, namespace: 'common' }); return { title: t('title'), description: t('description'), openGraph: { title: t('title'), description: t('description'), images: ['/public/placeholder.svg'], }, icons: { icon: '/favicon.ico', }, }; }
2. Automatikus sitemap es robots.txt
npm install next-sitemap
module.exports = { siteUrl: 'https://spinny.dev', generateRobotsTxt: true, i18n: { locales: [ 'it', 'en', 'fr', 'de', 'es', 'ar', 'hi', 'ja', 'zh', 'pt', 'bn', 'ru', 'id', 'ur', 'ko', 'tr', 'vi', 'th', 'pl', ], defaultLocale: 'it', }, };
3. Nemzetkoziesites (i18n) es tobbnyelvü SEO
<link rel="alternate" href="https://spinny.dev/it" hreflang="it" /> <link rel="alternate" href="https://spinny.dev/en" hreflang="en" />
4. Teljesitmeny es Core Web Vitals
- Hasznald a Next.js
<Image />komponenst optimalizalt kepekhez. - Aktivald a lazy loading-ot.
- Elemezz a Lighthouse-szal.
5. Strukturalt adatok (JSON-LD)
<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify({ '@context': 'https://schema.org', '@type': 'BlogPosting', headline: 'Technical SEO for Next.js Developers', datePublished: '2025-07-28', author: { '@type': 'Person', name: 'Filippo Spinella' }, inLanguage: 'en', }), }} />
6-8. Tovabbi fejezetek
Hozz letre lokalizalt not-found.tsx oldalt, hasznalj eszkozokat mint a next-sitemap, Google Search Console, Ahrefs es integrald a monitorozast.
Osszefoglalas
A 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!
Vgso ellenorzo lista:
- Dinamikus meta tagek
- Tobbnyelvü sitemap
- Strukturalt adatok
- Optimalizalt teljesitmeny
- Aktiv monitorozas