Métadonnées SEO Blazor
Gérez les métadonnées SEO Blazor dans un seul composant
Conservez les titres, les descriptions, les URL canoniques, les liens hreflang, les balises Open Graph, les directives robots et JSON-LD dans un seul composant Blazor réutilisable.
Consultez les exemples, puis achetez l'implémentation complète pour env. 5 € lorsque vous souhaitez utiliser le même modèle dans votre propre application.
Vue d'ensemble
Utilisez une source de métadonnées pour chaque page
Une application Blazor peut afficher plusieurs pages à partir de la même mise en page. Un composant de métadonnées central maintient le titre de chaque page, la description, l'URL canonique, les liens de langue, l'aperçu social et la charge utile du schéma alignés.
Vérification d’adéquation
Les métadonnées centrales surpassent le balisage de tête copié-collé
La copie des balises head dans chaque page fonctionne pendant un certain temps, puis de petites différences créent des titres en double, des URL canoniques obsolètes, des liens hreflang manquants ou un schéma qui ne correspond plus à la page visible. Un composant conserve la règle au même endroit.
Utiliser un composant lorsque les pages partagent des règles de référencement
- De nombreuses pages partagent les mêmes règles de titre, de description, canoniques, hreflang, Open Graph et robots.
- Les pages localisées nécessitent des liens culturels cohérents et une gestion x-default.
- Les articles, FAQ, produits ou pages de logiciels nécessitent JSON-LD qui correspond au contenu visible.
- Les éditeurs ou les développeurs doivent mettre à jour les métadonnées sans modifier le balisage de mise en page.
Évitez les balisages de tête dispersés
- Chaque page écrit ses propres balises head à la main.
- Le H1, le titre et la méta description répètent la même phrase.
- Les URL canoniques pointent vers d'anciennes routes après un déplacement de page.
- Le schéma de la FAQ reste en ligne après la suppression de la FAQ visible.
Table des matières
Signaux SEO
Gardez l’identité de la page cohérente
Les moteurs de recherche, les plateformes sociales et les robots d’intelligence artificielle lisent tous des signaux légèrement différents. Ils doivent toujours décrire la même page dans un langage simple.
Nommez clairement la page
Utilisez un titre court qui contient le sujet principal sans copier le H1 mot pour mot.
Inviter la prochaine action
Rédigez une méta description naturelle qui explique l'avantage et donne aux utilisateurs une raison d'ouvrir, d'examiner ou d'acheter.
Choisissez une URL préférée
L'URL canonique doit pointer vers la page que vous souhaitez indexer, et non vers un lien de suivi, une redirection ou un itinéraire obsolète.
Lier les versions linguistiques
Les pages sensibles à la culture ont besoin de liens hreflang qui correspondent aux URL réelles et incluent une page x-default sensible.
Contrôler les aperçus partagés
Les aperçus sociaux doivent utiliser le même titre de page, la même description, l'URL canonique et la même image préparée que le reste des métadonnées.
Définir délibérément des règles d'exploration
Utilisez des robots et des directives d'IA par page afin que l'indexation, les extraits de code, les archives et l'utilisation de l'IA correspondent à la politique de contenu.
Données structurées
Générer un schéma à partir des métadonnées de la même page
JSON-LD ne doit pas raconter une histoire différente de celle de la page. Utilisez les mêmes titre, description, URL canonique, date de publication, image, fil d'Ariane et données de FAQ que l'article visible utilise déjà.
Schema d’article
Utilisez le schéma d'article lorsque la page a un titre réel, une date de publication, une date de modification, une image et une structure de section.
Schema FAQ
Utilisez FAQPage uniquement lorsque les mêmes questions et réponses sont visibles sur la page.
BreadcrumbList
Créez des fils d'Ariane à partir de la même hiérarchie que les utilisateurs peuvent comprendre via les liens et la navigation.
Logiciel ou produit
Ajoutez un schéma de produit ou de logiciel uniquement lorsque le prix, l'offre, le nom et la description sont visibles pour les utilisateurs.
Erreurs courantes
La plupart des bugs de métadonnées sont de petites incohérences
Le composant est utile car il transforme les vérifications répétées en un seul modèle reproductible. Le but n’est pas plus de tags. L’objectif est moins de contradictions.
Ne copiez pas H1 dans le titre et la description
Le titre, le H1 et la méta description peuvent utiliser le même sujet, mais chacun doit avoir une tâche différente.
N'oubliez pas les URL traduites
Si une page existe dans plusieurs cultures, les métadonnées et le hreflang doivent pointer vers l'itinéraire culturel correspondant.
Ne réutilisez pas d’images de partage obsolètes
Les images Open Graph et JSON-LD doivent représenter cette page, et non le dernier article ayant utilisé le composant.
Ne marquez pas le contenu caché
La FAQ et le schéma du produit doivent décrire le contenu que les utilisateurs peuvent réellement voir sur la page.
Implémentation
Câblez le composant une fois, puis fournissez-lui les données de la page
Le modèle reste volontairement ennuyeux : définissez un objet de métadonnées de page, restituez le composant dans la mise en page ou la page et transmettez le JSON-LD correspondant lorsque la page a besoin de données structurées.
Définir les métadonnées de page
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
};Afficher les métadonnées dans un layout
@inherits LayoutComponentBase
<MetadataComponent MetaData="@PageMeta"
JsonLd="@Schema?.JsonLd"
RenderArticleMeta="@Schema?.RenderArticleMeta" />
@BodyJoindre JSON-LD sur la page
@page "/{Culture}/guide/"
@inherits PageBase
<MetadataComponent MetaData="@PageMeta"
JsonLd="@Schema?.JsonLd"
RenderArticleMeta="@Schema?.RenderArticleMeta" />
<ArticleFaq Id="faq" FAQ="@FAQs" />Validation
Vérifiez le résultat avant de publier
Un composant de métadonnées n'est utile que lorsque le code HTML rendu est correct. Inspectez la source de la page, testez les aperçus de partage, validez le schéma et explorez les URL localisées avant la publication.
Voir la source
Vérifiez l'en-tête HTML rendu, pas seulement le fichier Razor. Les robots lisent la réponse finale.
Valider le schéma
Exécutez une validation de résultats enrichis ou de schéma et corrigez les avertissements qui indiquent un contenu visible manquant.
Partage de tests
Utilisez les débogueurs de prévisualisation sociale pour vérifier le titre, la description, l'image et le comportement du cache.
Paramètres régionaux d'exploration
Explorez les URL de culture pour détecter les liens canoniques, hreflang ou x-default rompus avant la publication.
Commencer
Achetez le composant lorsque vos règles de métadonnées se répètent
Si vous écrivez déjà le même titre, la même logique canonique, Open Graph et JSON-LD sur plusieurs pages, achetez l'implémentation complète pour env. 5 € et conservez la règle au même endroit.
Ressources associées
Guides suivants pour les métadonnées Blazor SEO
Utilisez ces guides lorsque vous avez besoin de plus de détails sur le routage, les données structurées, les aperçus sociaux ou la plateforme Blazor elle-même.
Questions fréquentes
Que fait le composant de métadonnées Blazor ?
Il restitue les métadonnées de la page à partir d'une source saisie : titre, description, URL canonique, liens hreflang, balises Open Graph, directives robots et JSON-LD facultatif.
Pourquoi le titre, le H1 et la méta description devraient-ils être différents ?
Ils apparaissent à différents endroits. Le titre facilite la recherche et les onglets du navigateur, le H1 nomme la page visible et la description doit inviter à l'action suivante.
Le composant empêche-t-il le contenu en double ?
Cela aide en gardant les URL canoniques et les liens hreflang cohérents. Vous avez toujours besoin d'une copie de page unique et de descriptions pour les pages qui ciblent différentes intentions ou langues.
Comment JSON-LD s’intègre-t-il dans le composant ?
La page construit JSON-LD à partir des mêmes métadonnées et du même contenu visible que ceux utilisés par la section article, FAQ, fil d'Ariane, produit ou logiciel.
Puis-je contrôler les balises du robot d'exploration IA par page ?
Oui. Utilisez des robots et des options d'IA au niveau de la page pour que les règles d'indexation, d'extraits de code, d'archives, de noai et de noimageai correspondent à la politique de contenu de cette page.
Puis-je l'utiliser dans Blazor WebAssembly ?
Oui, mais les métadonnées SEO sont plus fortes lorsque les balises sont présentes dans la réponse HTML initiale. Le rendu ou le prérendu sur serveur est généralement le choix le plus sûr.