Metadati SEO Blazor
Gestisci i metadati SEO Blazor in un solo componente
Mantieni titoli, descrizioni, URL canonici, collegamenti hreflang, tag Open Graph, direttive robots e JSON-LD in un componente Blazor riutilizzabile.
Esamina gli esempi, quindi acquista l'implementazione completa per circa 5 € se desideri lo stesso modello nella tua app.
Panoramica
Utilizza un'origine metadati per ogni pagina
Un'app Blazor può eseguire il rendering di molte pagine dallo stesso layout. Un componente centrale di metadati mantiene allineati il titolo di ogni pagina, la descrizione, l'URL canonico, i collegamenti linguistici, l'anteprima social e il payload dello schema.
Verifica di compatibilità
I metadati centrali battono il markup head copia-incollato
Copiare i tag head in ogni pagina funziona per un po', poi piccole differenze creano titoli duplicati, URL canonici obsoleti, collegamenti hreflang mancanti o schemi che non corrispondono più alla pagina visibile. Un componente mantiene la regola in un unico posto.
Utilizza un componente quando le pagine condividono regole SEO
- Molte pagine condividono lo stesso titolo, descrizione, regole canoniche, hreflang, Open Graph e robots.
- Le pagine localizzate necessitano di collegamenti culturali coerenti e di una gestione x-default.
- Articoli, domande frequenti, prodotti o pagine software necessitano di JSON-LD che corrisponda al contenuto visibile.
- Gli editor o gli sviluppatori dovrebbero aggiornare i metadati senza modificare il markup del layout.
Evita markup sparsi
- Ogni pagina scrive manualmente i propri tag head.
- H1, titolo e meta descrizione ripetono la stessa frase.
- Gli URL canonici puntano a vecchi percorsi dopo lo spostamento di una pagina.
- Lo schema delle FAQ rimane online dopo la rimozione delle FAQ visibili.
Indice
Segnali SEO
Mantieni coerente l'identità della pagina
I motori di ricerca, le piattaforme social e i crawler AI leggono tutti segnali leggermente diversi. Dovrebbero comunque descrivere la stessa pagina in un linguaggio semplice.
Assegna un nome chiaro alla pagina
Utilizza un titolo breve che contenga l'argomento principale senza copiare parola per parola l'H1.
Invita all'azione successiva
Scrivi una meta descrizione naturale che spieghi il vantaggio e dia agli utenti un motivo per aprire, recensire o acquistare.
Scegli un URL preferito
L'URL canonico deve puntare alla pagina che desideri indicizzare, non a un collegamento di tracciamento, un reindirizzamento o un percorso non aggiornato.
Collegare le versioni linguistiche
Le pagine sensibili alla cultura necessitano di collegamenti hreflang che corrispondano a URL reali e includano una pagina x-default sensata.
Controlla le anteprime condivise
Le anteprime social devono utilizzare lo stesso titolo di pagina, descrizione, URL canonico e immagine preparata del resto dei metadati.
Imposta deliberatamente le regole di scansione
Utilizza robot e direttive AI per pagina in modo che l'indicizzazione, gli snippet, gli archivi e l'utilizzo dell'IA corrispondano alla politica dei contenuti.
Dati strutturati
Genera schema dagli stessi metadati della pagina
JSON-LD non dovrebbe raccontare una storia diversa dalla pagina. Utilizza lo stesso titolo, descrizione, URL canonico, data di pubblicazione, immagine, breadcrumb e dati delle domande frequenti già utilizzati dall'articolo visibile.
Schema articolo
Utilizza lo schema dell'articolo quando la pagina ha un titolo reale, una data di pubblicazione, una data di modifica, un'immagine e una struttura della sezione.
Schema FAQ
Utilizza FAQPage solo quando le stesse domande e risposte sono visibili nella pagina.
BreadcrumbList
Crea breadcrumb partendo dalla stessa gerarchia che gli utenti possono comprendere attraverso i collegamenti e la navigazione.
Software o prodotto
Aggiungi lo schema del prodotto o del software solo quando prezzo, offerta, nome e descrizione sono visibili agli utenti.
Errori comuni
La maggior parte dei bug sui metadati sono piccole discrepanze
Il componente è utile perché trasforma i controlli ripetuti in un modello ripetibile. L'obiettivo non sono più tag. L’obiettivo è meno contraddizioni.
Non copiare H1 nel titolo e nella descrizione
Il titolo, H1 e la meta descrizione possono utilizzare lo stesso argomento, ma ognuno dovrebbe avere un lavoro diverso.
Non dimenticare gli URL tradotti
Se una pagina esiste in diverse culture, i metadati e l'hreflang dovrebbero puntare al percorso culturale corrispondente.
Non riutilizzare immagini condivise obsolete
Le immagini Open Graph e JSON-LD dovrebbero rappresentare questa pagina, non l'ultimo articolo che ha utilizzato il componente.
Non contrassegnare i contenuti nascosti
Le domande frequenti e lo schema del prodotto dovrebbero descrivere i contenuti che gli utenti possono effettivamente vedere sulla pagina.
Implementazione
Collega il componente una volta, quindi alimentalo con i dati della pagina
Il modello rimane noioso di proposito: definisce un oggetto di metadati della pagina, esegue il rendering del componente nel layout o nella pagina e passa il JSON-LD corrispondente quando la pagina necessita di dati strutturati.
Definisci metadata della pagina
var metadata = new PageMetaData(culture)
{
Name = PageLinks.BlazorSEOMetaDataComponent,
Title = "Blazor SEO Metadata Component for Blazor Apps",
Description = "Keep title, description, canonical, hreflang, Open Graph, and JSON-LD aligned.",
ImageUrl = "/images/blazor/metadatacomponente/opengraph/hero-1200.png",
Url = PageLinks.BlazorSEOMetaDataComponent,
Robots = RobotsMetaTagExtensions.Join(RobotsMetaTagEnum.Index, RobotsMetaTagEnum.Follow),
AllowAiIndexing = true
};Renderizza metadata in un layout
@inherits LayoutComponentBase
<MetadataComponent MetaData="@PageMeta"
JsonLd="@Schema?.JsonLd"
RenderArticleMeta="@Schema?.RenderArticleMeta" />
@BodyAllega JSON-LD alla pagina
@page "/{Culture}/guide/"
@inherits PageBase
<MetadataComponent MetaData="@PageMeta"
JsonLd="@Schema?.JsonLd"
RenderArticleMeta="@Schema?.RenderArticleMeta" />
<ArticleFaq Id="faq" FAQ="@FAQs" />Validazione
Controlla l'output prima di pubblicare
Un componente di metadati è utile solo quando l'HTML renderizzato è corretto. Esamina l'origine della pagina, testa le anteprime di condivisione, convalida lo schema ed esegui la scansione degli URL localizzati prima del rilascio.
Visualizza fonte
Controlla l'intestazione HTML renderizzata, non solo il file Razor. I crawler leggono la risposta finale.
Convalidare lo schema
Esegui la convalida dei risultati avanzati o dello schema e correggi gli avvisi che indicano la mancanza di contenuto visibile.
Condivisione di prova
Utilizza i debugger di anteprima social per verificare il comportamento del titolo, della descrizione, dell'immagine e della cache.
Scansiona le impostazioni locali
Esegui la scansione degli URL delle culture per individuare collegamenti canonici, hreflang o x-default non funzionanti prima del rilascio.
Inizia ora
Acquista il componente quando le regole dei metadati si ripetono
Se stai già scrivendo lo stesso titolo, canonico, Open Graph e logica JSON-LD su più pagine, acquista l'implementazione completa per circa 5 € e mantieni la regola in un unico posto.
Risorse correlate
Prossime guide per i metadati SEO Blazor
Usare queste guide quando sono necessari maggiori dettagli su routing, dati strutturati, anteprime social o sulla piattaforma Blazor stessa.
Domande frequenti
Che cosa fa il componente Blazor Metadata?
Rende i metadati della pagina da un'unica fonte digitata: titolo, descrizione, URL canonico, collegamenti hreflang, tag Open Graph, direttive robots e JSON-LD opzionale.
Perché titolo, H1 e meta descrizione dovrebbero essere diversi?
Appaiono in luoghi diversi. Il titolo aiuta nella ricerca e nelle schede del browser, l'H1 nomina la pagina visibile e la descrizione dovrebbe invitare all'azione successiva.
Il componente impedisce il contenuto duplicato?
Aiuta a mantenere coerenti gli URL canonici e i collegamenti hreflang. Hai ancora bisogno di testi e descrizioni di pagina univoci per le pagine che hanno intenti o linguaggi diversi.
Come si inserisce JSON-LD nel componente?
La pagina crea JSON-LD dagli stessi metadati e contenuto visibile utilizzati dalla sezione articolo, domande frequenti, breadcrumb, prodotto o software.
Posso controllare i tag del crawler AI per pagina?
SÌ. Utilizza robot a livello di pagina e opzioni IA in modo che l'indicizzazione, gli snippet, gli archivi, le regole noai e noimageai corrispondano alla politica sui contenuti per quella pagina.
Posso usarlo in Blazor WebAssembly?
Sì, ma i metadati SEO sono più forti quando i tag sono presenti nella risposta HTML iniziale. Il rendering o il prerendering del server è solitamente la scelta più sicura.