عرض

Name: Intlayer
Author: Intlayer

اكتشف المشاريع المبنية باستخدام Intlayer

أرسل مشروعك

العودة إلى معرض المواقع

مستودع GitHub

زيارة الموقع

Intlayer

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

تم النشر٨ مارس ٢٠٢٦

آخر فحص٩ مارس ٢٠٢٦

إصدار 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 لتدويلها.

تحسين محركات البحث والوصول العالمي

التحليل الفني لأفضل ممارسات التدويل.

وسم اللغة:

"en"

تعلن سمة lang على علامة <html> اللغة الأساسية للصفحة. يساعد هذا محركات البحث والمتصفحات على فهم لغة المحتوى.

<html lang="ar">

لماذا هو مهم: ضروري لتحسين محركات البحث وإمكانية الوصول. تستخدمه برامج قراءة الشاشة لنطق المحتوى بشكل صحيح.

HTML dir:

"ltr"

تحدد سمة dir على علامة <html> اتجاه النص للمحتوى. هذا ضروري للغات المكتوبة من اليمين إلى اليسار (RTL).

<html lang="ar" dir="rtl"><html lang="en" 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="ar" href="https://example.com/ar/" />

أفضل ممارسة: قم دائمًا بتضمين x-default في المواقع متعددة اللغات. يجب أن يشير إلى صفحة منتقي اللغة أو إصدار اللغة الأساسي الخاص بك. لماذا هو مهم: يضمن توجيه المستخدمين الدوليين إلى صفحة مناسبة حتى لو لم تكن لغتهم مدعومة بشكل خاص.

القياسي:

تخبر علامة canonical محركات البحث بإصدار URL الذي هو النسخة "الرئيسية". حرج لتجنب عقوبات المحتوى المكرر في المواقع متعددة اللغات.

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

أفضل ممارسة: يجب أن يكون لكل إصدار لغة canonical خاص به يشير إلى نفسه، وليس إلى لغة أخرى.

روابط محلية:

يتحقق مما إذا كان الموقع يحتوي على روابط لمحتوى محلي. يشير هذا إلى ربط داخلي مناسب بين إصدارات اللغة.

ممارسة جيدة: الربط المتبادل بين إصدارات اللغة باستخدام بدائل 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/، /ar/admin/، إلخ، فقد يشير ذلك إلى أن بنية الموقع لا تستخدم بادئات اللغة باستمرار.

أفضل ممارسة: تأكد من أن جميع المسارات المحظورة لها مكافئات لغة إذا كان موقعك يستخدم التوطين القائم على URL.

sitemap.xml

العناوين المكتشفة:

العدد الإجمالي لعناوين URL الموجودة في ملف(ات) sitemap.xml الخاص بك. تساعد خرائط المواقع محركات البحث في اكتشاف وفهرسة جميع الصفحات على موقع الويب الخاص بك.

ممارسة جيدة: احتفظ بخرائط المواقع محدثة ومنظمة. بالنسبة للمواقع الكبيرة، استخدم ملفات فهرس خريطة الموقع التي تشير إلى خرائط مواقع متعددة. التأثير: المزيد من عناوين URL المكتشفة يعني تغطية أفضل لفهرسة محرك البحث.

البدائل موجودة:

يشير إلى ما إذا كانت خريطة موقعك تتضمن عناصر <xhtml:link> مع إصدارات لغة بديلة. هذا يخبر محركات البحث عن جميع اختلافات اللغة لكل صفحة.

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

أفضل ممارسة: قم بتضمين البدائل في خريطة الموقع لمساعدة محركات البحث على فهم العلاقة بين إصدارات اللغة.

x-default موجود:

تحدد علامة hreflang x-default صفحة افتراضية للمستخدمين الذين لا تستهدف لغتهم صراحةً. إنها احتياطية للمستخدمين الدوليين.

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

أفضل ممارسة: وجه x-default إلى صفحة منتقي اللغة أو إصدار اللغة الأكثر عالمية (غالبًا الإنجليزية). مهم: يجب أن تتضمن كل مجموعة من alternate hreflang x-default.