Trưng bày

Name: Intlayer
Author: Intlayer

Khám phá các dự án được xây dựng bằng Intlayer

Intlayer Showcase

A collection of amazing projects built with Intlayer.

Đã xuất bản11 tháng 3, 2026

Lần quét cuối12 tháng 3, 2026

Phiên bản Intlayerlatest

Đánh giá dự án

Thư viện đã dùng

Intlayer

v8.2.4

@intlayer/api

vlatest

@intlayer/config

vlatest

@intlayer/core

vlatest

@intlayer/design-system

vlatest

@intlayer/dictionaries-entry

vlatest

@intlayer/editor-react

vlatest

@intlayer/types

vlatest

@intlayer/unmerged-dictionaries-entry

vlatest

intlayer

vlatest

next-intlayer

vlatest

@intlayer/swc

vlatest

@intlayer/backend

vlatest

@intlayer/cli

vlatest

intlayer-editor

vlatest

express-intlayer

vlatest

react-intlayer

vlatest

@intlayer/ai

vlatest

@intlayer/chokidar

vlatest

@intlayer/docs

vlatest

vue-intlayer

vlatest

@intlayer/sync-json-plugin

vlatest

Thêm dự án

Khám phá các dự án khác sử dụng Intlayer để quốc tế hóa.

SEO & Tiếp cận toàn cầu

Phân tích kỹ thuật về các thực hành tốt nhất trong quốc tế hóa.

Nhãn ngôn ngữ:

"en"

Thuộc tính lang trên thẻ <html> khai báo ngôn ngữ chính của trang. Điều này giúp công cụ tìm kiếm và trình duyệt hiểu ngôn ngữ nội dung.

<html lang="vi">

Tại sao quan trọng: Cần thiết cho SEO và khả năng truy cập. Trình đọc màn hình sử dụng nó để phát âm nội dung chính xác.

HTML dir:

"ltr"

Thuộc tính dir trên thẻ <html> chỉ định hướng văn bản của nội dung. Điều này rất cần thiết cho các ngôn ngữ được viết từ phải sang trái (RTL).

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

Tại sao quan trọng: Quan trọng cho việc hiển thị đúng các ngôn ngữ RTL như tiếng Ả Rập, tiếng Do Thái, tiếng Ba Tư và tiếng Urdu. Cải thiện khả năng đọc và trải nghiệm người dùng. Giá trị: ltr (trái sang phải), rtl (phải sang trái), hoặc auto.

Hreflangs:

[  "en",  "ru",  "ja",  "fr",  "ko",  "zh",  "es",  "de",  "ar",  "it",  "en-GB",  "pt",  "hi",  "tr",  "pl",  "id",  "vi",  "uk",  "x-default"]

Liên kết hreflang cho công cụ tìm kiếm biết về các phiên bản ngôn ngữ thay thế của trang của bạn. Chúng ngăn chặn vấn đề nội dung trùng lặp và giúp phục vụ ngôn ngữ phù hợp cho người dùng.

<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/" />

Thực hành tốt nhất: Bao gồm x-default cho người dùng có ngôn ngữ bạn không hỗ trợ.

x-default:

Cho biết liệu trang có bao gồm thẻ hreflang x-default hay không. Thẻ này chỉ định trang mặc định/dự phòng cho người dùng có tùy chọn ngôn ngữ không khớp với bất kỳ hreflang cụ thể nào.

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

Thực hành tốt nhất: Luôn bao gồm x-default trong các trang web đa ngôn ngữ. Nó nên trỏ đến trang chọn ngôn ngữ hoặc phiên bản ngôn ngữ chính của bạn. Tại sao quan trọng: Đảm bảo người dùng quốc tế được hướng đến một trang thích hợp ngay cả khi ngôn ngữ của họ không được hỗ trợ cụ thể.

Chuẩn hóa:

Thẻ canonical cho công cụ tìm kiếm biết phiên bản nào của URL là bản sao "chính". Quan trọng để tránh phạt nội dung trùng lặp trong các trang web đa ngôn ngữ.

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

Thực hành tốt nhất: Mỗi phiên bản ngôn ngữ nên có canonical riêng trỏ đến chính nó, không phải ngôn ngữ khác.

Liên kết đã bản địa hóa:

Kiểm tra xem trang web có chứa liên kết đến nội dung được bản địa hóa hay không. Điều này cho thấy liên kết nội bộ thích hợp giữa các phiên bản ngôn ngữ.

Thực hành tốt: Liên kết chéo giữa các phiên bản ngôn ngữ bằng cách sử dụng alternate hreflang và trình chuyển đổi ngôn ngữ. Giúp với: Điều hướng người dùng giữa các ngôn ngữ và khám phá tất cả các phiên bản của công cụ tìm kiếm.

Tất cả các anchor đã được bản địa hóa:

Kiểm tra xem tất cả các liên kết nội bộ trên trang có bao gồm tiền tố ngôn ngữ trong đường dẫn của chúng không (ví dụ: /en/, /fr/). Điều này rất quan trọng cho định tuyến ngôn ngữ phù hợp.

<!-- Tốt --><a href="/en/about">About</a><a href="/fr/about">À propos</a><!-- Xấu --><a href="/about">About</a>

Tại sao quan trọng: Đảm bảo trải nghiệm ngôn ngữ nhất quán và cấu trúc URL phù hợp cho các trang web đa ngôn ngữ.

robots.txt

Có thể truy cập:

Tệp robots.txt là một tệp văn bản cho các trình thu thập thông tin của công cụ tìm kiếm biết trang hoặc phần nào của trang web của bạn mà chúng có thể hoặc không thể truy cập.

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

Tại sao quan trọng: Cần thiết để kiểm soát truy cập của trình thu thập thông tin và bảo vệ các khu vực nhạy cảm trong khi cho phép nội dung quan trọng được lập chỉ mục.

Cấm không có thay thế ngôn ngữ:

Các đường dẫn bị cấm trong robots.txt nhưng không có các phiên bản tương đương dành riêng cho ngôn ngữ. Điều này có thể cho thấy quốc tế hóa chưa hoàn chỉnh.

Vấn đề ví dụ: Nếu /admin/ bị cấm nhưng không có /en/admin/, /vi/admin/, v.v., nó có thể cho thấy cấu trúc trang web không sử dụng tiền tố ngôn ngữ một cách nhất quán.

Thực hành tốt nhất: Đảm bảo tất cả các đường dẫn bị cấm có các tương đương ngôn ngữ nếu trang web của bạn sử dụng bản địa hóa dựa trên URL.

sitemap.xml

URL đã phát hiện:

Tổng số URL được tìm thấy trong (các) tệp sitemap.xml của bạn. Sitemap giúp các công cụ tìm kiếm phát hiện và lập chỉ mục tất cả các trang trên trang web của bạn.

Thực hành tốt: Giữ sitemap được cập nhật và có tổ chức. Đối với các trang web lớn, sử dụng các tệp chỉ mục sitemap tham chiếu đến nhiều sitemap. Tác động: Nhiều URL được phát hiện hơn có nghĩa là phạm vi bao phủ tốt hơn cho việc lập chỉ mục của công cụ tìm kiếm.

Có thay thế:

Cho biết liệu sitemap của bạn có bao gồm các phần tử <xhtml:link> với các phiên bản ngôn ngữ thay thế hay không. Điều này cho công cụ tìm kiếm biết về tất cả các biến thể ngôn ngữ của mỗi trang.

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

Thực hành tốt nhất: Bao gồm alternate trong sitemap để giúp công cụ tìm kiếm hiểu mối quan hệ giữa các phiên bản ngôn ngữ.

x-default có:

Thẻ hreflang x-default chỉ định một trang mặc định cho người dùng có ngôn ngữ không được nhắm mục tiêu rõ ràng. Đây là phương án dự phòng cho người dùng quốc tế.

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

Thực hành tốt nhất: Trỏ x-default đến trang chọn ngôn ngữ hoặc phiên bản ngôn ngữ phổ quát nhất của bạn (thường là tiếng Anh). Quan trọng: Mỗi bộ alternate hreflang nên bao gồm một x-default.