Blazor SEO-metagegevens
Beheer Blazor SEO-metadata in één component
Bewaar titels, beschrijvingen, canonieke URL's, hreflang-links, Open Graph-tags, robots-richtlijnen en JSON-LD in één herbruikbare Blazor-component.
Bekijk de voorbeelden en koop vervolgens de volledige implementatie voor ca. € 5 als u hetzelfde patroon in uw eigen app wilt.
Overzicht
Gebruik voor elke pagina één metadatabron
Een Blazor-app kan veel pagina's vanuit dezelfde lay-out weergeven. Een centrale metadatacomponent houdt elke paginatitel, beschrijving, canonieke URL, taallinks, sociale preview en schemapayload op één lijn.
Geschiktheidscontrole
Centrale metagegevens zijn beter dan gekopieerde hoofdmarkeringen
Het kopiëren van head-tags naar elke pagina werkt een tijdje, maar kleine verschillen zorgen voor dubbele titels, verouderde canonieke URL's, ontbrekende hreflang-links of een schema dat niet langer overeenkomt met de zichtbare pagina. Een component houdt de regel op één plek.
Gebruik een component wanneer pagina’s SEO-regels delen
- Veel pagina's delen dezelfde titel, beschrijving, canonieke regels, hreflang-, Open Graph- en robots-regels.
- Gelokaliseerde pagina's hebben consistente cultuurlinks en x-default-verwerking nodig.
- Artikelen, veelgestelde vragen, producten of softwarepagina's hebben JSON-LD nodig die overeenkomt met zichtbare inhoud.
- Bewerkers of ontwikkelaars moeten metagegevens bijwerken zonder de lay-outmarkeringen te bewerken.
Vermijd verspreide hoofdopmaak
- Elke pagina schrijft zijn eigen head-tags met de hand.
- De H1, titel en metabeschrijving herhalen dezelfde zin.
- Canonieke URL's verwijzen naar oude routes na een paginaverplaatsing.
- Het FAQ-schema blijft online nadat de zichtbare FAQ is verwijderd.
Inhoudsopgave
SEO-signalen
Houd de pagina-identiteit consistent
Zoekmachines, sociale platforms en AI-crawlers lezen allemaal enigszins verschillende signalen. Ze moeten nog steeds dezelfde pagina in eenvoudige taal beschrijven.
Geef de pagina een duidelijke naam
Gebruik een korte titel die het hoofdonderwerp bevat, zonder de H1 woord voor woord over te nemen.
Nodig de volgende actie uit
Schrijf een natuurlijke metabeschrijving waarin het voordeel wordt uitgelegd en gebruikers een reden wordt gegeven om de website te openen, te beoordelen of te kopen.
Kies één voorkeurs-URL
De canonieke URL moet verwijzen naar de pagina die u wilt indexeren, en niet naar een trackinglink, omleiding of verouderde route.
Taalversies koppelen
Cultuurbewuste pagina's hebben hreflang-links nodig die overeenkomen met echte URL's en een verstandige x-standaardpagina bevatten.
Beheer gedeelde voorbeelden
Sociale voorbeelden moeten dezelfde paginatitel, beschrijving, canonieke URL en voorbereide afbeelding gebruiken als de rest van de metagegevens.
Stel bewust crawlregels in
Gebruik robots en AI-richtlijnen per pagina, zodat indexering, fragmenten, archieven en AI-gebruik overeenkomen met het inhoudsbeleid.
Gestructureerde data
Genereer een schema op basis van dezelfde pagina-metagegevens
JSON-LD mag geen ander verhaal vertellen dan de pagina. Gebruik dezelfde titel, beschrijving, canonieke URL, publicatiedatum, afbeelding, broodkruimels en FAQ-gegevens die het zichtbare artikel al gebruikt.
Articleschema
Gebruik het artikelschema wanneer de pagina een echte kop, publicatiedatum, wijzigingsdatum, afbeelding en sectiestructuur heeft.
FAQ-schema
Gebruik FAQPage alleen als dezelfde vragen en antwoorden zichtbaar zijn op de pagina.
Kruimelpad
Bouw broodkruimels op basis van dezelfde hiërarchie die gebruikers kunnen begrijpen via links en navigatie.
Software of product
Voeg een product- of softwareschema alleen toe als de prijs, aanbieding, naam en beschrijving zichtbaar zijn voor gebruikers.
Veel voorkomende fouten
De meeste bugs in de metadata zijn kleine discrepanties
De component is nuttig omdat herhaalde controles worden omgezet in één herhaalbaar patroon. Het doel is niet meer tags. Het doel is minder tegenstellingen.
Kopieer H1 niet in de titel en beschrijving
De titel, H1 en metabeschrijving kunnen hetzelfde onderwerp gebruiken, maar elk onderwerp moet een andere taak hebben.
Vergeet vertaalde URL's niet
Als een pagina in meerdere culturen bestaat, moeten metadata en hreflang verwijzen naar de overeenkomende cultuurroute.
Gebruik oude gedeelde afbeeldingen niet opnieuw
Open Graph- en JSON-LD-afbeeldingen moeten deze pagina vertegenwoordigen, niet het laatste artikel waarin de component werd gebruikt.
Markeer verborgen inhoud niet
Veelgestelde vragen en het productschema moeten de inhoud beschrijven die gebruikers daadwerkelijk op de pagina kunnen zien.
Implementatie
Bekabel het onderdeel één keer en voer het vervolgens paginagegevens in
Het patroon blijft met opzet saai: definieer een pagina-metagegevensobject, geef de component weer in de lay-out of pagina en geef overeenkomende JSON-LD door wanneer de pagina gestructureerde gegevens nodig heeft.
Definieer paginametadata
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
};Render metadata in een layout
@inherits LayoutComponentBase
<MetadataComponent MetaData="@PageMeta"
JsonLd="@Schema?.JsonLd"
RenderArticleMeta="@Schema?.RenderArticleMeta" />
@BodyVoeg JSON-LD toe aan de pagina
@page "/{Culture}/guide/"
@inherits PageBase
<MetadataComponent MetaData="@PageMeta"
JsonLd="@Schema?.JsonLd"
RenderArticleMeta="@Schema?.RenderArticleMeta" />
<ArticleFaq Id="faq" FAQ="@FAQs" />Geldigmaking
Controleer de uitvoer voordat u publiceert
Een metadatacomponent is alleen nuttig als de weergegeven HTML correct is. Inspecteer de paginabron, test voorbeelden van delen, valideer het schema en crawl gelokaliseerde URL's voordat ze worden vrijgegeven.
Bron bekijken
Controleer de weergegeven HTML-kop, niet alleen het Razor-bestand. Crawlers lezen het definitieve antwoord.
Valideer schema
Voer uitgebreide resultaat- of schemavalidatie uit en verhelp waarschuwingen die wijzen op ontbrekende zichtbare inhoud.
Het delen testen
Gebruik debuggers voor sociale previews om het gedrag van titel, beschrijving, afbeelding en cache te controleren.
Landinstellingen crawlen
Crawl cultuur-URL's om kapotte canonieke, hreflang- of x-default-links op te sporen voordat deze worden vrijgegeven.
Aan de slag
Koop de component wanneer uw metadataregels zich herhalen
Als u al dezelfde titel, canonieke, Open Graph- en JSON-LD-logica op meerdere pagina's schrijft, koop dan de volledige implementatie voor ca. € 5 en bewaar de regel op één plek.
Gerelateerde bronnen
Volgende handleidingen voor Blazor SEO-metadata
Gebruik deze handleidingen als u meer details nodig heeft over routing, gestructureerde gegevens, sociale previews of het Blazor-platform zelf.
Veelgestelde vragen
Blazor Metadata Component-vragen
Korte antwoorden over Blazor-metagegevens, JSON-LD, canonieke URL's, hreflang, Open Graph, robots-tags en validatie.
Wat doet de Blazor Metadata-component?
Het geeft pagina-metagegevens weer uit één getypte bron: titel, beschrijving, canonieke URL, hreflang-links, Open Graph-tags, robots-richtlijnen en optionele JSON-LD.
Waarom zouden titel, H1 en metabeschrijving verschillend moeten zijn?
Ze verschijnen op verschillende plaatsen. De titel helpt bij zoeken en browsertabbladen, de H1 noemt de zichtbare pagina en de beschrijving moet uitnodigen tot de volgende actie.
Voorkomt de component dubbele inhoud?
Het helpt door canonieke URL’s en hreflang-links consistent te houden. U heeft nog steeds een unieke paginakopie en beschrijvingen nodig voor pagina's die verschillende intenties of talen targeten.
Hoe past JSON-LD in de component?
De pagina bouwt JSON-LD op uit dezelfde metagegevens en zichtbare inhoud die worden gebruikt in het artikel, de veelgestelde vragen, de broodkruimel-, het product- of de softwaresectie.
Kan ik AI-crawlertags per pagina beheren?
Ja. Gebruik robots en AI-opties op paginaniveau, zodat regels voor indexering, fragmenten, archieven, noai en noimageai overeenkomen met het inhoudsbeleid voor die pagina.
Kan ik dit gebruiken in Blazor WebAssembly?
Ja, maar SEO-metagegevens zijn het sterkst wanneer de tags aanwezig zijn in het initiële HTML-antwoord. Serverrendering of prerendering is meestal de veiligere keuze.