Metadata SEO Blazor

Kelola metadata SEO Blazor dalam satu komponen

Harga
5 €Sekitar Rp103.724,50
Pembaruan Terakhir 29/01/2026

Simpan judul, deskripsi, URL kanonik, tautan hreflang, tag Grafik Terbuka, arahan robot, dan JSON-LD dalam satu komponen Blazor yang dapat digunakan kembali.

Tinjau contohnya, lalu beli implementasi lengkap seharga sekitar Rp103.724 bila Anda menginginkan pola yang sama di aplikasi Anda sendiri.

Lihat contoh kode Periksa aturan SEO

Ikhtisar

Gunakan satu sumber metadata untuk setiap halaman

Aplikasi Blazor dapat merender banyak halaman dari tata letak yang sama. Komponen metadata pusat menjaga setiap judul halaman, deskripsi, URL kanonik, tautan bahasa, pratinjau sosial, dan muatan skema tetap selaras.

Judul yang jelas Deskripsi unik Kanonik yang benar Skema yang cocok

Pemeriksaan kecocokan

Metadata pusat mengalahkan markup kepala yang disalin dan ditempel

Menyalin tag kepala ke setiap halaman berfungsi untuk sementara waktu, kemudian perbedaan kecil membuat judul duplikat, URL kanonik yang basi, tautan hreflang yang hilang, atau skema yang tidak lagi cocok dengan halaman yang terlihat. Sebuah komponen menyimpan aturan di satu tempat.

Cocok

Gunakan komponen ketika halaman berbagi aturan SEO

  • Banyak halaman yang memiliki judul, deskripsi, kanonik, hreflang, Grafik Terbuka, dan aturan robot yang sama.
  • Halaman yang dilokalkan memerlukan tautan budaya yang konsisten dan penanganan x-default.
  • Artikel, FAQ, produk, atau halaman perangkat lunak memerlukan JSON-LD yang cocok dengan konten yang terlihat.
  • Editor atau pengembang harus memperbarui metadata tanpa mengedit markup tata letak.
Pola berisiko

Hindari marka kepala yang tersebar

  • Setiap halaman menulis tag kepalanya sendiri dengan tangan.
  • H1, judul, dan deskripsi meta mengulangi kalimat yang sama.
  • URL kanonik menunjuk ke rute lama setelah halaman dipindahkan.
  • Skema FAQ tetap online setelah FAQ yang terlihat dihapus.
Daftar Isi

Sinyal SEO

Jaga konsistensi identitas halaman

Mesin pencari, platform sosial, dan perayap AI membaca sinyal yang sedikit berbeda. Mereka tetap harus mendeskripsikan halaman yang sama dalam bahasa yang sederhana.

Judul halaman

Beri nama halaman dengan jelas

Gunakan judul pendek yang memuat topik utama tanpa menyalin H1 kata demi kata.

Deskripsi meta

Undang tindakan selanjutnya

Tulis deskripsi meta alami yang menjelaskan manfaat dan memberikan alasan kepada pengguna untuk membuka, mengulas, atau membeli.

URL kanonis

Pilih satu URL pilihan

URL kanonik harus mengarah ke laman yang ingin Anda indeks, bukan ke tautan pelacakan, pengalihan, atau rute lama.

hreflang

Tautkan versi bahasa

Halaman sadar budaya memerlukan tautan hreflang yang cocok dengan URL asli dan menyertakan halaman x-default yang masuk akal.

Pratinjau sosial

Kontrol pratinjau bersama

Pratinjau sosial harus menggunakan judul halaman, deskripsi, URL kanonik, dan gambar yang disiapkan sama dengan metadata lainnya.

Aturan crawler

Tetapkan aturan perayapan dengan sengaja

Gunakan robot dan arahan AI per halaman sehingga pengindeksan, cuplikan, arsip, dan penggunaan AI sesuai dengan kebijakan konten.

Data terstruktur

Hasilkan skema dari metadata halaman yang sama

JSON-LD tidak boleh menceritakan cerita yang berbeda dari halaman tersebut. Gunakan judul, deskripsi, URL kanonik, tanggal publikasi, gambar, runut tautan, dan data FAQ yang sama dengan yang sudah digunakan oleh artikel yang terlihat.

01

Schema artikel

Gunakan skema Artikel ketika halaman memiliki judul sebenarnya, tanggal penerbitan, tanggal modifikasi, gambar, dan struktur bagian.

02

Schema FAQ

Gunakan FAQPage hanya ketika pertanyaan dan jawaban yang sama terlihat di halaman.

03

BreadcrumbList

Bangun runut tautan dari hierarki yang sama yang dapat dipahami pengguna melalui tautan dan navigasi.

04

Perangkat lunak atau produk

Tambahkan skema produk atau perangkat lunak hanya ketika harga, penawaran, nama, dan deskripsi dapat dilihat oleh pengguna.

Kesalahan umum

Sebagian besar bug metadata merupakan ketidakcocokan kecil

Komponen ini berguna karena mengubah pemeriksaan berulang menjadi satu pola berulang. Tujuannya bukan untuk menambah tag. Tujuannya adalah mengurangi kontradiksi.

Teks duplikat

Jangan menyalin H1 ke dalam judul dan deskripsi

Judul, H1, dan meta deskripsi boleh menggunakan topik yang sama, namun masing-masing harus mempunyai tugas yang berbeda.

Versi bahasa

Jangan lupa URL yang diterjemahkan

Jika suatu halaman ada di beberapa budaya, metadata dan hreflang harus mengarah ke rute budaya yang cocok.

Pratinjau tautan

Jangan menggunakan kembali gambar berbagi yang sudah basi

Gambar Open Graph dan JSON-LD harus mewakili halaman ini, bukan artikel terakhir yang menggunakan komponen tersebut.

Data terstruktur

Jangan menandai konten tersembunyi

FAQ dan skema produk harus menjelaskan konten yang sebenarnya dapat dilihat pengguna di halaman.

Implementasi

Hubungkan komponen satu kali, lalu masukkan data halaman

Pola ini sengaja dibuat membosankan: menentukan objek metadata halaman, merender komponen dalam tata letak atau halaman, dan meneruskan JSON-LD yang cocok saat halaman memerlukan data terstruktur.

Tentukan metadata halaman

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

Render metadata dalam layout

Razor
@inherits LayoutComponentBase

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

@Body

Lampirkan JSON-LD di halaman

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

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

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

Validasi

Periksa hasilnya sebelum Anda mempublikasikannya

Komponen metadata hanya berguna jika HTML yang dirender sudah benar. Periksa sumber halaman, uji pratinjau berbagi, validasi skema, dan jelajahi URL yang dilokalkan sebelum rilis.

01

Lihat sumber

Periksa kepala HTML yang dirender, bukan hanya file Razor. Crawler membaca tanggapan terakhir.

02

Validasi skema

Jalankan hasil kaya atau validasi skema dan perbaiki peringatan yang menunjukkan hilangnya konten yang terlihat.

03

Berbagi tes

Gunakan debugger pratinjau sosial untuk memeriksa judul, deskripsi, gambar, dan perilaku cache.

04

Merayapi lokal

Merayapi URL budaya untuk menangkap tautan kanonik, hreflang, atau x-default yang rusak sebelum dirilis.

Mulai sekarang

Beli komponen ketika aturan metadata Anda berulang

Jika Anda sudah menulis judul yang sama, kanonis, Grafik Terbuka, dan logika JSON-LD di beberapa laman, beli penerapan lengkap untuk sekitar Rp103.724 dan simpan aturan di satu tempat.

Tinjau contoh terlebih dahulu

Pertanyaan umum

Apa yang dilakukan Komponen Metadata Blazor?

Ini merender metadata halaman dari satu sumber yang diketik: judul, deskripsi, URL kanonik, tautan hreflang, tag Grafik Terbuka, arahan robot, dan JSON-LD opsional.

Mengapa judul, H1, dan deskripsi meta harus berbeda?

Mereka muncul di tempat berbeda. Judul membantu pencarian dan tab browser, H1 memberi nama halaman yang terlihat, dan deskripsi akan mengundang tindakan selanjutnya.

Apakah komponen mencegah duplikat konten?

Ini membantu dengan menjaga konsistensi URL kanonik dan tautan hreflang. Anda masih memerlukan salinan dan deskripsi halaman unik untuk halaman yang menargetkan maksud atau bahasa berbeda.

Bagaimana cara JSON-LD masuk ke dalam komponen?

Halaman ini membuat JSON-LD dari metadata yang sama dan konten terlihat yang digunakan oleh bagian artikel, FAQ, runut tautan, produk, atau perangkat lunak.

Bisakah saya mengontrol tag perayap AI per halaman?

Ya. Gunakan robot tingkat halaman dan opsi AI sehingga aturan pengindeksan, cuplikan, arsip, noai, dan noimageai sesuai dengan kebijakan konten untuk halaman tersebut.

Bisakah saya menggunakan ini di Blazor WebAssembly?

Ya, tapi metadata SEO paling kuat ketika tag ada di respons HTML awal. Render atau pra-render server biasanya merupakan pilihan yang lebih aman.