Blazor SEO-metadata

Hantera Blazor SEO-metadata i en komponent

Pris
5 €Ungefär 54,60 kr
Senast uppdaterad 2026-01-29
Programvarustack Blazor Server · VS 2026 · .NET 10 · TablerForNet

Förvara titlar, beskrivningar, kanoniska webbadresser, hreflang-länkar, Open Graph-taggar, robotdirektiv och JSON-LD i en återanvändbar Blazor-komponent.

Granska exemplen och köp sedan hela implementeringen för ca. 54 kr när du vill ha samma mönster i din egen app.

Se kodexempel Kontrollera SEO-reglerna

Översikt

Använd en metadatakälla för varje sida

En Blazor-app kan rendera många sidor från samma layout. En central metadatakomponent håller varje sidrubrik, beskrivning, kanonisk URL, språklänkar, social förhandsvisning och schemanyttolast anpassade.

Tydlig rubrik Unik beskrivning Rätt kanoniskt Matchande schema

Passar bra

Central metadata slår copy-pasted head markup

Att kopiera head-taggar till varje sida fungerar ett tag, sedan skapar små skillnader dubbletter av titlar, inaktuella kanoniska webbadresser, saknade hreflang-länkar eller schema som inte längre matchar den synliga sidan. En komponent håller regeln på ett ställe.

Bra val

Använd en komponent när sidor delar SEO-regler

  • Många sidor delar samma titel, beskrivning, kanoniska regler, hreflang, Open Graph och robotregler.
  • Lokaliserade sidor behöver konsekventa kulturlänkar och x-default-hantering.
  • Artiklar, vanliga frågor, produkter eller mjukvarusidor behöver JSON-LD som matchar synligt innehåll.
  • Redaktörer eller utvecklare bör uppdatera metadata utan att redigera layoutmarkering.
Riskfyllt mönster

Undvik spridd huvuduppmärkning

  • Varje sida skriver sina egna head-taggar för hand.
  • H1, titel och metabeskrivning upprepar samma mening.
  • Kanoniska webbadresser pekar på gamla rutter efter en sidflyttning.
  • FAQ-schemat förblir online efter att de synliga vanliga frågorna togs bort.
Innehållsförteckning

SEO-signaler

Håll sidans identitet konsekvent

Sökmotorer, sociala plattformar och AI-sökrobotar läser alla lite olika signaler. De ska fortfarande beskriva samma sida på ett enkelt språk.

Sidtitel

Namnge sidan tydligt

Använd en kort titel som innehåller huvudämnet utan att kopiera H1 ord för ord.

Metabeskrivning

Bjud in nästa åtgärd

Skriv en naturlig metabeskrivning som förklarar fördelen och ger användarna en anledning att öppna, recensera eller köpa.

Kanonisk URL

Välj en önskad URL

Den kanoniska webbadressen bör peka på sidan du vill indexeras, inte till en spårningslänk, omdirigering eller inaktuell rutt.

Språklänkar

Länkspråkversioner

Kulturmedvetna sidor behöver hreflang-länkar som matchar riktiga webbadresser och inkluderar en förnuftig x-default-sida.

Social förhandsvisning

Kontrollera delade förhandsvisningar

Sociala förhandsgranskningar bör använda samma sidrubrik, beskrivning, kanoniska webbadress och förberedda bild som resten av metadata.

Crawlerregler

Ställ in genomsökningsregler medvetet

Använd robotar och AI-direktiv per sida så att indexering, utdrag, arkiv och AI-användning matchar innehållspolicyn.

Strukturerad data

Generera schema från samma sidas metadata

JSON-LD ska inte berätta en annan historia än sidan. Använd samma titel, beskrivning, kanoniska webbadress, publiceringsdatum, bild, brödsmulor och FAQ-data som den synliga artikeln redan använder.

01

Articleschema

Använd artikelschema när sidan har en riktig rubrik, publiceringsdatum, ändringsdatum, bild och avsnittsstruktur.

02

FAQ-schema

Använd FAQPage endast när samma frågor och svar är synliga på sidan.

03

Brödsmulor

Bygg brödsmulor från samma hierarki som användare kan förstå genom länkar och navigering.

04

Programvara eller produkt

Lägg till produkt- eller mjukvaruschema endast när pris, erbjudande, namn och beskrivning är synliga för användarna.

Vanliga misstag

De flesta metadatabuggar är små felmatchningar

Komponenten är användbar eftersom den förvandlar upprepade kontroller till ett repeterbart mönster. Målet är inte fler taggar. Målet är färre motsättningar.

Duplicera text

Kopiera inte H1 till titel och beskrivning

Titeln, H1 och metabeskrivningen kan använda samma ämne, men var och en bör ha olika jobb.

Språkversioner

Glöm inte översatta webbadresser

Om en sida finns i flera kulturer bör metadata och hreflang peka på den matchande kulturvägen.

Länkförhandsvisningar

Återanvänd inte inaktuella delningsbilder

Open Graph och JSON-LD-bilder ska representera den här sidan, inte den sista artikeln som använde komponenten.

Strukturerad data

Markera inte dolt innehåll

FAQ och produktschema bör beskriva innehåll som användare faktiskt kan se på sidan.

Implementering

Anslut komponenten en gång och mata sedan in siddata

Mönstret förblir tråkigt med avsikt: definiera ett sidmetadataobjekt, rendera komponenten i layouten eller sidan och skicka matchande JSON-LD när sidan behöver strukturerad data.

Definiera sidmetadata

C#
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
};

Rendera metadata i en layout

Razor
@inherits LayoutComponentBase

<MetadataComponent MetaData="@PageMeta"
                   JsonLd="@Schema?.JsonLd"
                   RenderArticleMeta="@Schema?.RenderArticleMeta" />

@Body

Bifoga JSON-LD på sidan

Razor
@page "/{Culture}/guide/"
@inherits PageBase

<MetadataComponent MetaData="@PageMeta"
                   JsonLd="@Schema?.JsonLd"
                   RenderArticleMeta="@Schema?.RenderArticleMeta" />

<ArticleFaq Id="faq" FAQ="@FAQs" />

Godkännande

Kontrollera resultatet innan du publicerar

En metadatakomponent är bara användbar när den renderade HTML-koden är korrekt. Inspektera sidkällan, testa att dela förhandsgranskningar, validera schemat och genomsök lokaliserade webbadresser innan de släpps.

01

Visa källa

Kontrollera det renderade HTML-huvudet, inte bara Razor-filen. Sökrobotar läser det slutliga svaret.

02

Validera schema

Kör validering av utökat resultat eller schema och fixa varningar som pekar på saknat synligt innehåll.

03

Testa delning

Använd sociala förhandsgranskningsfelsökningar för att kontrollera titel, beskrivning, bild och cachebeteende.

04

Genomsök språk

Genomsök kulturwebbadresser för att fånga trasiga kanoniska länkar, hreflang- eller x-standardlänkar innan de släpps.

Kom igång

Köp komponenten när dina metadataregler upprepas

Om du redan skriver samma titel, kanoniska, Open Graph och JSON-LD-logik på flera sidor, köp hela implementeringen för ca. 54 kr och behåll regeln på ett ställe.

Gå igenom exempel först

Vanliga frågor

Blazor Metadata Component frågor

Korta svar om Blazor-metadata, JSON-LD, kanoniska webbadresser, hreflang, Open Graph, robottaggar och validering.

Vad gör Blazor-metadatakomponenten?

Den renderar sidmetadata från en inskriven källa: titel, beskrivning, kanonisk URL, hreflang-länkar, Open Graph-taggar, robotdirektiv och valfri JSON-LD.

Varför ska titel, H1 och metabeskrivning vara olika?

De dyker upp på olika ställen. Titeln hjälper sök- och webbläsarflikar, H1 namnger den synliga sidan och beskrivningen bör uppmana till nästa åtgärd.

Förhindrar komponenten duplicerat innehåll?

Det hjälper genom att hålla kanoniska webbadresser och hreflang-länkar konsekventa. Du behöver fortfarande en unik sidkopia och beskrivningar för sidor som är inriktade på olika syften eller språk.

Hur passar JSON-LD in i komponenten?

Sidan bygger JSON-LD från samma metadata och synliga innehåll som används av artikeln, FAQ, brödsmulor, produkt eller mjukvaruavsnitt.

Kan jag kontrollera AI-sökrobottaggar per sida?

Ja. Använd robotar på sidnivå och AI-alternativ så att reglerna för indexering, utdrag, arkiv, noai och noimageai matchar innehållspolicyn för den sidan.

Kan jag använda detta i Blazor WebAssembly?

Ja, men SEO-metadata är starkast när taggarna finns i det initiala HTML-svaret. Serverrendering eller förrendering är vanligtvis det säkrare valet.