Showcase

Name: Intlayer
Author: Intlayer

Temukan proyek yang dibangun dengan Intlayer

Kirimkan Proyek Anda

Kembali ke Galeri Showcase

Repo GitHub

Kunjungi Situs Web

Intlayer

Per-component i18n for React, Next.js, Vue, Svelte | Intlayer

Diterbitkan8 Maret 2026

Pemindaian Terakhir9 Maret 2026

Versi Intlayerworkspace:*

Nilai proyek ini

Pustaka yang Digunakan

Intlayer

v8.2.3

@intlayer/api

vworkspace:*

@intlayer/config

vworkspace:*

@intlayer/core

vworkspace:*

@intlayer/design-system

vworkspace

@intlayer/dictionaries-entry

vworkspace:*

@intlayer/editor-react

vworkspace:*

@intlayer/types

vworkspace:*

@intlayer/unmerged-dictionaries-entry

vworkspace:*

intlayer

vworkspace:*

next-intlayer

vworkspace:*

@intlayer/swc

vworkspace:*

@intlayer/backend

vworkspace:*

@intlayer/ai

vworkspace:*

@intlayer/chokidar

vworkspace:*

@intlayer/docs

vworkspace:*

intlayer-editor

vworkspace:*

express-intlayer

vworkspace:*

@intlayer/cli

vworkspace:*

vue-intlayer

vworkspace:*

react-intlayer

vworkspace:*

@intlayer/sync-json-plugin

vworkspace:*

Proyek Lainnya

Jelajahi proyek lain yang menggunakan Intlayer untuk internasionalisasinya.

SEO & Jangkauan Global

Analisis teknis praktik terbaik internasionalisasi.

Tag bahasa:

"en"

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.

Hreflangs:

[  "en",  "ru",  "ja",  "fr",  "ko",  "zh",  "es",  "de",  "ar",  "it",  "en-GB",  "pt",  "hi",  "tr",  "pl",  "id",  "vi",  "uk",  "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.

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.

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.