Ce face Obiectul metadata - Configurarea etichetelor SEO statice
Înlocuind vechiul component `
` din Pages Router, App Router utilizează `Metadata API` bazat pe tipuri TypeScript stricte.Puteți exporta o constantă metadata dintr-un fișier `layout.tsx` sau `page.tsx`.
Next.js va compila automat etichetele `
Exemple
Exemplul 1: Configurarea completă a metadatelor SEO și Open Graph
Asigură afișarea corectă a titlului și a imaginii la distribuire socială.
import type { Metadata } from 'next';
export const metadata: Metadata = {
title: 'Comenzi cURL explicate | dexblog.ro',
description: 'Învață cele 50 de comenzi esențiale cURL pentru transfer de date și testat API-uri.',
openGraph: {
title: 'Comenzi cURL explicate',
description: 'Ghid practic în limba română.',
url: 'https://www.dexblog.ro/invata/curl/',
siteName: 'dexblog.ro',
locale: 'ro_RO',
type: 'article',
},
};
Ieșire în terminal
Next.js injectează toate meta-tag-urile în secțiunea <head> a paginii.
Greșeli frecvente
- Exportarea obiectului metadata dintr-o Client Component (‘use client’); metadata API este suportat EXCLUSIV în Server Components.
Comenzi înrudite
generateMetadata() - Generarea dinamică a metadatelor SEO: Funcție asincronă care preia date specifice resursei curente și returnează metadate SEO dinamice per articol sau produs.app/sitemap.ts - Generarea automată a fișierului sitemap.xml: Generează dinamic sau static fișierul XML de hartă a site-ului direct la adresa /sitemap.xml.app/robots.ts - Generarea fișierului robots.txt: Configurează regulile de acces pentru roboții motoarelor de căutare la adresa /robots.txt.
Întrebări & Exemple de Cod:
Obiectul metadata – Configurarea etichetelor SEO staticeAi o nelămurire despre utilizarea comenzii
Obiectul metadata – Configurarea etichetelor SEO staticesau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.