Trưng bày

Name: Intlayer
Author: Intlayer

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

Intlayer Astro template

Experience the power of Astro combined with Intlayer for effortless internationalization.

Đã xuất bản25 tháng 4, 2026

Lần quét cuối25 tháng 4, 2026

Phiên bản Intlayer^8.7.7

Đánh giá dự án

Thư viện đã dùng

intlayer

v^8.7.7

react-intlayer

v^8.7.7

svelte-intlayer

v^8.7.7

vue-intlayer

v^8.7.7

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ữ:

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.

Ngôn ngữ hiện tại:

Ngôn ngữ được phát hiện của trang hiện tại dựa trên thuộc tính HTML lang. Đây là mã ngôn ngữ đại diện cho nội dung trang.

Ví dụ: en, fr, de, es-MX, pt-BR

Lưu ý: Nên khớp với một trong các giá trị hreflang và là mã ngôn ngữ ISO 639-1 hợp lệ.

og:locale:

Thẻ meta og:locale cho các mạng xã hội (Facebook, LinkedIn…) biết ngôn ngữ của trang được chia sẻ. Nếu thiếu, bản xem trước liên kết sẽ mặc định là en_US. Giá trị này nên khớp với <html lang>.

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

Hreflangs:

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ể.

Liên kết ngược hreflang:

Mỗi phiên bản thay thế hreflang được tải về để kiểm tra rằng nó trả về 200 (không chuyển hướng), liên kết ngược về trang này bằng thẻ hreflang của chính nó và khai báo đúng ngôn ngữ mong đợi.

Lý do: công cụ tìm kiếm bỏ qua các cặp hreflang không có liên kết ngược.

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ữ.

Bộ chuyển ngôn ngữ:

Kiểm tra rằng trang có các liên kết <a href> có thể thu thập dữ liệu tới các phiên bản ngôn ngữ khác (bộ chuyển ngôn ngữ).

Lý do: nếu thiếu, công cụ tìm kiếm chỉ phát hiện bản dịch qua thẻ hreflang và người dùng không thể đổi 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.