Showcase

Name: Intlayer
Author: Intlayer

Temukan proyek yang dibangun dengan Intlayer

Kirimkan Proyek Anda

Kembali ke Galeri Showcase

Repo GitHub

Kunjungi Situs Web

Intlayer Solid Start Template

A SolidStart application internationalized with Intlayer.

Diterbitkan31 Agustus 2026

Pemindaian Terakhir31 Agustus 2026

Versi Intlayerlatest

Nilai proyek ini

Pustaka yang Digunakan

intlayer

vlatest

Proyek Lainnya

Jelajahi proyek lain yang menggunakan Intlayer untuk internasionalisasinya.

SEO & Jangkauan Global

Analisis teknis praktik terbaik internasionalisasi.

Tag bahasa:

Atribut lang pada tag <html> mendeklarasikan bahasa utama halaman. Ini membantu mesin pencari dan browser memahami bahasa konten.

<html lang="id">

Mengapa penting: Penting untuk SEO dan aksesibilitas. Pembaca layar menggunakannya untuk mengucapkan konten dengan benar.

HTML dir:

ltr

Atribut dir pada tag <html> menentukan arah teks konten. Ini penting untuk bahasa yang ditulis dari kanan ke kiri (RTL).

<html lang="ar" dir="rtl"><html lang="id" dir="ltr">

Mengapa penting: Kritis untuk rendering yang tepat dari bahasa RTL seperti Arab, Ibrani, Persia, dan Urdu. Meningkatkan keterbacaan dan pengalaman pengguna. Nilai: ltr (kiri ke kanan), rtl (kanan ke kiri), atau auto.

Bahasa saat ini:

Lokal yang terdeteksi dari halaman saat ini berdasarkan atribut HTML lang. Ini adalah kode bahasa yang mewakili konten halaman.

Contoh: en, fr, de, es-MX, pt-BR

Catatan: Harus cocok dengan salah satu nilai hreflang dan menjadi kode bahasa ISO 639-1 yang valid.

og:locale:

Tag meta og:locale memberi tahu jejaring sosial (Facebook, LinkedIn…) bahasa halaman yang dibagikan. Tanpanya, pratinjau tautan mengasumsikan en_US. Nilainya harus sesuai dengan <html lang>.

<meta property="og:locale" content="fr_FR" />

Hreflangs:

en
fr
es
x-default

Link hreflang memberi tahu mesin pencari tentang versi bahasa alternatif halaman Anda. Mereka mencegah masalah konten duplikat dan membantu menyajikan bahasa yang tepat kepada pengguna.

<link rel="alternate" hreflang="en" href="https://example.com/en" /><link rel="alternate" hreflang="fr" href="https://example.com/fr" /><link rel="alternate" hreflang="x-default" href="https://example.com/" />

Praktik terbaik: Sertakan x-default untuk pengguna yang bahasanya tidak Anda dukung.

x-default:

Menunjukkan apakah halaman menyertakan tag hreflang x-default. Tag ini menentukan halaman default/cadangan untuk pengguna yang preferensi bahasanya tidak cocok dengan hreflang tertentu.

<link rel="alternate" hreflang="x-default" href="https://example.com/" /><link rel="alternate" hreflang="en" href="https://example.com/en/" /><link rel="alternate" hreflang="id" href="https://example.com/id/" />

Praktik terbaik: Selalu sertakan x-default di situs multibahasa. Harus mengarah ke halaman pemilih bahasa atau versi bahasa utama Anda. Mengapa penting: Memastikan pengguna internasional diarahkan ke halaman yang sesuai meskipun bahasa mereka tidak didukung secara khusus.

Tautan balik hreflang:

Setiap alternatif hreflang diambil untuk memastikan bahwa ia merespons dengan 200 (tanpa pengalihan), menautkan kembali ke halaman ini dengan tag hreflang miliknya, dan mendeklarasikan bahasa yang diharapkan.

Alasan: mesin pencari mengabaikan pasangan hreflang tanpa tautan balik.

Kanonik:

Tag canonical memberi tahu mesin pencari versi URL mana yang merupakan salinan "master". Penting untuk menghindari penalti konten duplikat di situs multibahasa.

<link rel="canonical" href="https://example.com/id/page" />

Praktik terbaik: Setiap versi bahasa harus memiliki canonical sendiri yang menunjuk ke dirinya sendiri, bukan ke bahasa lain.

Tautan terlokalisasi:

Memeriksa apakah situs berisi tautan ke konten yang dilokalkan. Ini menunjukkan tautan internal yang tepat antara versi bahasa.

Praktik yang baik: Tautan silang antara versi bahasa menggunakan alternate hreflang dan pemilih bahasa. Membantu dengan: Navigasi pengguna antar bahasa dan penemuan mesin pencari untuk semua versi.

Semua anchor terlokalisasi:

Memeriksa apakah semua tautan internal di halaman menyertakan awalan lokal dalam jalurnya (misalnya, /en/, /fr/). Ini penting untuk perutean bahasa yang tepat.

<!-- Baik --><a href="/en/about">About</a><a href="/fr/about">À propos</a><!-- Buruk --><a href="/about">About</a>

Mengapa penting: Memastikan pengalaman bahasa yang konsisten dan struktur URL yang tepat untuk situs multibahasa.

Pemilih bahasa:

Memeriksa bahwa halaman berisi tautan <a href> yang dapat dirayapi ke versi bahasa lainnya (pemilih bahasa).

Alasan: tanpanya, mesin pencari hanya menemukan terjemahan melalui tag hreflang, dan pengguna tidak dapat mengganti bahasa.

robots.txt

Dapat diakses:

File robots.txt adalah file teks yang memberi tahu perayap mesin pencari halaman atau bagian mana dari situs web Anda yang dapat atau tidak dapat mereka akses.

User-agent: *Disallow: /admin/Allow: /

Mengapa penting: Penting untuk mengontrol akses perayap dan melindungi area sensitif sambil mengizinkan konten penting untuk diindeks.

Dilarang tanpa alternatif bahasa:

Jalur yang dilarang di robots.txt tetapi tidak memiliki versi khusus lokal yang setara. Ini dapat menunjukkan internasionalisasi yang tidak lengkap.

Contoh masalah: Jika /admin/ dilarang tetapi tidak ada /en/admin/, /id/admin/, dll., ini mungkin menunjukkan bahwa struktur situs tidak secara konsisten menggunakan awalan lokal.

Praktik terbaik: Pastikan semua jalur yang dilarang memiliki padanan lokal jika situs Anda menggunakan lokalisasi berbasis URL.

sitemap.xml

URL yang ditemukan:

Jumlah total URL yang ditemukan di file sitemap.xml Anda. Sitemap membantu mesin pencari menemukan dan mengindeks semua halaman di situs web Anda.

Praktik yang baik: Jaga sitemap tetap terkini dan terorganisir. Untuk situs besar, gunakan file indeks sitemap yang mereferensikan beberapa sitemap. Dampak: Lebih banyak URL yang ditemukan berarti cakupan yang lebih baik untuk pengindeksan mesin pencari.

Alternatif hadir:

Menunjukkan apakah sitemap Anda mencakup elemen <xhtml:link> dengan versi bahasa alternatif. Ini memberi tahu mesin pencari tentang semua variasi bahasa dari setiap halaman.

<url>  <loc>https://example.com/id/page</loc>  <xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/page"/>  <xhtml:link rel="alternate" hreflang="id" href="https://example.com/id/page"/></url>

Praktik terbaik: Sertakan alternate dalam sitemap untuk membantu mesin pencari memahami hubungan antara versi bahasa.

x-default hadir:

Tag hreflang x-default menentukan halaman default untuk pengguna yang bahasanya tidak secara eksplisit ditargetkan. Ini adalah cadangan untuk pengguna internasional.

<xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/" />

Praktik terbaik: Arahkan x-default ke halaman pemilih bahasa atau versi bahasa paling universal Anda (sering bahasa Inggris). Penting: Setiap set alternate hreflang harus menyertakan x-default.