Вітрина

Name: Intlayer
Author: Intlayer

Відкрийте для себе проекти, створені за допомогою Intlayer

Надішліть свій проект

Назад до вітрини

Репозиторій GitHub

Відвідати сайт

Intlayer

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

Опубліковано8 березня 2026 р.

Останнє сканування9 березня 2026 р.

Версія Intlayerworkspace:*

Оцінити цей проект

Використані бібліотеки

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

Більше проектів

Досліджуйте інші проекти, які використовують Intlayer для інтернаціоналізації.

SEO та глобальне охоплення

Технічний аналіз найкращих практик інтернаціоналізації.

Мовний тег:

"en"

Атрибут lang у тезі <html> оголошує основну мову сторінки. Це допомагає пошуковим системам та браузерам зрозуміти мову контенту.

<html lang="uk">

Чому це важливо: Необхідно для SEO та доступності. Програми читання з екрану використовують його для правильного вимови контенту.

HTML dir:

"ltr"

Атрибут dir у тезі <html> визначає напрямок тексту вмісту. Це необхідно для мов, написаних справа наліво (RTL).

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

Чому це важливо: Критично для правильного відображення мов RTL, таких як арабська, іврит, перська та урду. Покращує читабельність та користувацький досвід. Значення: ltr (зліва направо), rtl (справа наліво) або auto.

Hreflangs:

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

Посилання hreflang повідомляють пошуковим системам про альтернативні мовні версії вашої сторінки. Вони запобігають проблемам дубльованого контенту та допомагають надати користувачам правильну мову.

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

Рекомендація: Включіть x-default для користувачів, чию мову ви не підтримуєте.

x-default:

Вказує, чи містить сторінка тег hreflang x-default. Цей тег вказує сторінку за замовчуванням/резервну для користувачів, чиї мовні налаштування не відповідають жодному конкретному hreflang.

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

Рекомендація: Завжди включайте x-default на багатомовних сайтах. Він має вказувати на сторінку вибору мови або вашу основну мовну версію. Чому це важливо: Гарантує, що міжнародні користувачі будуть перенаправлені на відповідну сторінку, навіть якщо їхня мова не підтримується спеціально.

Канонічний:

Тег canonical повідомляє пошуковим системам, яка версія URL є "основною" копією. Критично важливо для уникнення штрафів за дубльований контент на багатомовних сайтах.

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

Найкраща практика: Кожна мовна версія повинна мати свій власний canonical, який вказує на себе, а не на іншу мову.

Локалізовані посилання:

Перевіряє, чи сайт містить посилання на локалізований контент. Це вказує на відповідне внутрішнє посилання між версіями мови.

Хороша практика: Посилання між версіями мови за допомогою alternate hreflang і перемикачів мови. Допомагає: Навігація користувачів між мовами і виявлення пошуковими системами всіх версій.

Всі якорі локалізовано:

Перевіряє, чи всі внутрішні посилання на сторінці містять префікс мови в їхньому шляху (наприклад, /en/, /fr/). Це критично важливо для правильного мовного маршрутизації.

<!-- Добре --><a href="/en/about">About</a><a href="/fr/about">À propos</a><!-- Погано --><a href="/about">About</a>

Чому це важливо: Забезпечує послідовний мовний досвід та правильну структуру URL для багатомовних сайтів.

robots.txt

Доступний:

Файл robots.txt - це текстовий файл, який повідомляє пошуковим роботам, до яких сторінок або розділів вашого веб-сайту вони можуть або не можуть отримати доступ.

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

Заборона без альтернатив локалів:

Шляхи, які заборонені в robots.txt, але не мають еквівалентних локальних версій. Це може вказувати на неповну інтернаціоналізацію.

Приклад проблеми: Якщо /admin/ заборонено, але немає /en/admin/, /it/admin/, то це може вказувати на те, що структура сайту не використовує постійно префікси мов.

Найкраща практика: Переконайтеся, що всі заборонені шляхи мають локальні еквіваленти, якщо ваш сайт використовує локалізацію на основі URL.

sitemap.xml

Виявлені URL:

Загальна кількість URL, знайдених у файлі(ах) sitemap.xml вашого сайту. Sitemap допомагають пошуковим системам виявляти і індексувати всі сторінки вашого веб-сайту.

Хороша практика: Зберігайте sitemap актуальними і організованими. Для великих сайтів використовуйте файли індексу sitemap, які посилаються на кілька sitemap. Вплив: Більше виявлених URL означає кращу покривість для індексації пошуковими системами.

Альтернативи присутні:

Вказує, чи ваш sitemap містить елементи <xhtml:link> з альтернативними мовними версіями. Це повідомляє пошуковим системам про всі мовні варіації кожної сторінки.

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

Найкраща практика: Включіть alternate в sitemap, щоб допомогти пошуковим системам зрозуміти зв'язок між мовними версіями.

x-default присутній:

Тег hreflang x-default визначає сторінку за замовчуванням для користувачів, чия мова не відповідає жодному конкретному hreflang. Це запасний варіант для користувачів, чия мова не відповідає жодному конкретному hreflang.

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

Найкраща практика: Направте x-default на сторінку вибору мови або вашу найбільш універсальну мовну версію (часто англійську).