Metadane SEO Blazor

Zarządzaj metadanymi SEO Blazor w jednym komponencie

Cena
5 €Około 21,25 zł

Przechowuj tytuły, opisy, kanoniczne adresy URL, linki hreflang, tagi Open Graph, dyrektywy robots i JSON-LD w jednym komponencie Blazor wielokrotnego użytku.

Przejrzyj przykłady, a następnie kup kompletną implementację za ok. 21 zł, jeśli chcesz mieć ten sam wzorzec we własnej aplikacji.

Zobacz przykłady kodu Sprawdź zasady SEO

Przegląd

Użyj jednego źródła metadanych dla każdej strony

Aplikacja Blazor może renderować wiele stron z tego samego układu. Centralny komponent metadanych zapewnia zgodność tytułu, opisu, kanonicznego adresu URL, linków językowych, podglądu społecznościowego i ładunku schematu każdej strony.

Wyczyść tytuł Unikalny opis Prawidłowy kanoniczny Dopasowany schemat

Sprawdzenie dopasowania

Centralne metadane przewyższają znaczniki głowy typu „kopiuj i wklej”.

Kopiowanie tagów head na każdą stronę działa przez jakiś czas, po czym niewielkie różnice powodują zduplikowanie tytułów, nieaktualne kanoniczne adresy URL, brakujące linki hreflang lub schemat, który nie pasuje już do widocznej strony. Komponent przechowuje regułę w jednym miejscu.

Dobre dopasowanie

Użyj komponentu, gdy strony mają wspólne zasady SEO

  • Wiele stron ma ten sam tytuł, opis, kanoniczny, hreflang, Open Graph i reguły dotyczące robotów.
  • Zlokalizowane strony wymagają spójnych linków kulturowych i domyślnej obsługi X.
  • Artykuły, często zadawane pytania, produkty lub strony oprogramowania wymagają formatu JSON-LD odpowiadającego widocznej zawartości.
  • Redaktorzy lub programiści powinni aktualizować metadane bez edytowania znaczników układu.
Ryzykowny wzór

Unikaj rozproszonych znaczników głowy

  • Każda strona zapisuje ręcznie swoje własne znaczniki głowy.
  • H1, tytuł i metaopis powtarzają to samo zdanie.
  • Kanoniczne adresy URL wskazują na stare trasy po przeniesieniu strony.
  • Schemat FAQ pozostaje online po usunięciu widocznego FAQ.
Spis treści

Sygnały SEO

Zachowaj spójność tożsamości strony

Wyszukiwarki, platformy społecznościowe i roboty AI odczytują nieco inne sygnały. Nadal powinni opisywać tę samą stronę prostym językiem.

Tytuł strony

Nazwij stronę wyraźnie

Użyj krótkiego tytułu, który zawiera główny temat, bez kopiowania słowo w słowo H1.

Opis meta

Zaproś do następnej akcji

Napisz naturalny metaopis, który wyjaśni korzyści i da użytkownikom powód do otwarcia, zrecenzowania lub zakupu.

Adres kanoniczny

Wybierz jeden preferowany adres URL

Kanoniczny adres URL powinien wskazywać stronę, którą chcesz zaindeksować, a nie link śledzący, przekierowanie lub nieaktualną trasę.

hreflang

Linkuj wersje językowe

Strony uwzględniające kulturę potrzebują linków hreflang pasujących do rzeczywistych adresów URL i zawierających rozsądną stronę domyślną x.

Podgląd społecznościowy

Kontroluj udostępnione podglądy

Podglądy społecznościowe powinny używać tego samego tytułu strony, opisu, kanonicznego adresu URL i przygotowanego obrazu, co reszta metadanych.

Reguły crawlerów

Ustaw reguły indeksowania celowo

Używaj dyrektyw robots i AI na stronę, aby indeksowanie, fragmenty, archiwa i wykorzystanie AI były zgodne z polityką treści.

Dane strukturalne

Wygeneruj schemat na podstawie metadanych tej samej strony

JSON-LD nie powinien opowiadać innej historii niż strona. Użyj tego samego tytułu, opisu, kanonicznego adresu URL, daty publikacji, obrazu, menu nawigacyjnego i danych z najczęściej zadawanymi pytaniami, których używa już widoczny artykuł.

01

Schema artykułu

Użyj schematu artykułu, jeśli strona ma prawdziwy nagłówek, datę publikacji, datę modyfikacji, obraz i strukturę sekcji.

02

Schema FAQ

Używaj FAQPage tylko wtedy, gdy na stronie widoczne są te same pytania i odpowiedzi.

03

BreadcrumbList

Twórz elementy nawigacyjne na podstawie tej samej hierarchii, którą użytkownicy będą mogli zrozumieć dzięki linkom i nawigacji.

04

Oprogramowanie lub produkt

Dodaj produkt lub schemat oprogramowania tylko wtedy, gdy cena, oferta, nazwa i opis są widoczne dla użytkowników.

Typowe błędy

Większość błędów metadanych to drobne niedopasowania

Komponent jest przydatny, ponieważ zamienia powtarzające się kontrole w jeden powtarzalny wzór. Celem nie jest więcej tagów. Celem jest mniej sprzeczności.

Zduplikowany tekst

Nie kopiuj H1 do tytułu i opisu

Tytuł, H1 i metaopis mogą wykorzystywać ten sam temat, ale każdy z nich powinien mieć inne zadanie.

Wersje językowe

Nie zapomnij przetłumaczonych adresów URL

Jeśli strona istnieje w kilku kulturach, metadane i hreflang powinny wskazywać pasującą ścieżkę kulturową.

Podglądy linków

Nie wykorzystuj ponownie nieaktualnych udostępnionych obrazów

Obrazy Open Graph i JSON-LD powinny przedstawiać tę stronę, a nie ostatni artykuł, w którym wykorzystano ten komponent.

Dane strukturalne

Nie zaznaczaj ukrytych treści

FAQ i schemat produktu powinny opisywać zawartość, którą użytkownicy faktycznie widzą na stronie.

Implementacja

Połącz komponent raz, a następnie podaj dane strony

Wzorzec celowo pozostaje nudny: zdefiniuj obiekt metadanych strony, wyrenderuj komponent w układzie lub stronie i przekaż dopasowanie JSON-LD, gdy strona potrzebuje uporządkowanych danych.

Zdefiniuj metadane strony

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

Renderuj metadane w układzie

Razor
@inherits LayoutComponentBase

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

@Body

Dołącz JSON-LD na stronie

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

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

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

Walidacja

Sprawdź wynik przed publikacją

Komponent metadanych jest użyteczny tylko wtedy, gdy renderowany kod HTML jest poprawny. Sprawdź źródło strony, przetestuj udostępnianie podglądów, zweryfikuj schemat i przeszukaj zlokalizowane adresy URL przed publikacją.

01

Zobacz źródło

Sprawdź renderowany nagłówek HTML, a nie tylko plik Razor. Robotnicy przeczytali ostateczną odpowiedź.

02

Zweryfikuj schemat

Przeprowadź weryfikację wyniku z elementami rozszerzonymi lub schematu i napraw ostrzeżenia wskazujące na brak widocznej treści.

03

Udostępnianie testów

Użyj debugerów podglądu społecznościowego, aby sprawdzić tytuł, opis, obraz i zachowanie pamięci podręcznej.

04

Przeszukuj lokalizacje

Indeksuj adresy URL kultury, aby wychwycić uszkodzone linki kanoniczne, hreflang lub x-default przed publikacją.

Rozpocznij

Kup komponent, gdy powtórzą się Twoje reguły dotyczące metadanych

Jeśli już piszesz ten sam tytuł, kanoniczny, Open Graph i logikę JSON-LD na kilku stronach, kup kompletną implementację za ok. 21 zł i trzymaj regułę w jednym miejscu.

Najpierw przejrzyj przykłady

Najczęstsze pytania

Do czego służy składnik metadanych Blazor?

Renderuje metadane strony z jednego wpisanego źródła: tytuł, opis, kanoniczny adres URL, linki hreflang, tagi Open Graph, dyrektywy robots i opcjonalny JSON-LD.

Dlaczego tytuł, H1 i metaopis miałyby być inne?

Pojawiają się w różnych miejscach. Tytuł pomaga w wyszukiwaniu i zakładkach przeglądarki, H1 nazywa widoczną stronę, a opis powinien zachęcać do kolejnej akcji.

Czy komponent zapobiega duplikowaniu treści?

Pomaga to w utrzymaniu spójności kanonicznych adresów URL i linków hreflang. Nadal potrzebujesz unikalnej kopii strony i opisów stron przeznaczonych dla różnych celów lub języków.

Jak JSON-LD pasuje do komponentu?

Strona tworzy format JSON-LD na podstawie tych samych metadanych i widocznej treści, które są używane w artykule, często zadawanych pytaniach, menu nawigacyjnym, sekcji produktu lub oprogramowania.

Czy mogę kontrolować tagi robota AI na stronę?

Tak. Użyj robotów na poziomie strony i opcji sztucznej inteligencji, aby indeksowanie, fragmenty, archiwa, reguły noai i noimageai były zgodne z polityką treści tej strony.

Czy mogę użyć tego w Blazor WebAssembly?

Tak, ale metadane SEO są najsilniejsze, gdy tagi są obecne w początkowej odpowiedzi HTML. Renderowanie serwerowe lub wstępne renderowanie jest zwykle bezpieczniejszym wyborem.