عرض

Name: Intlayer
Author: Intlayer

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

أرسل مشروعك

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

مستودع GitHub

زيارة الموقع

Intlayer React Router V7

This is the home page description.

تم النشر11 مارس 2026

آخر فحص11 مارس 2026

إصدار Intlayerlatest

قيم هذا المشروع

المكتبات المستخدمة

Intlayer

v8.2.2

intlayer

vlatest

react-intlayer

vlatest

مشاريع أخرى

استكشف المشاريع الأخرى التي تستخدم Intlayer لتدويلها.

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

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

وسم اللغة:

تعلن سمة 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.

اللغة الحالية:

اللغة المكتشفة للصفحة الحالية بناءً على سمة HTML lang. هذا هو رمز اللغة الذي يمثل محتوى الصفحة.

أمثلة: en, fr, de, es-MX, pt-BR

ملاحظة: يجب أن يتطابق مع إحدى قيم hreflang وأن يكون رمز لغة ISO 639-1 صالحًا.

og:locale:

تُخبر علامة meta ‏og:locale الشبكات الاجتماعية (Facebook وLinkedIn…) بلغة الصفحة المُشارَكة. بدونها، تفترض معاينات الروابط en_US. يجب أن تطابق قيمة <html lang>.

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

Hreflangs:

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

روابط hreflang المتبادلة:

يتم جلب كل بديل hreflang للتحقق من أنه يستجيب بـ 200 (دون إعادة توجيه)، ويرتبط بهذه الصفحة عبر وسوم hreflang الخاصة به، ويُعلن اللغة المتوقعة.

السبب: تتجاهل محركات البحث أزواج hreflang التي لا تحتوي على رابط عودة.

القياسي:

تخبر علامة 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 مناسب للمواقع متعددة اللغات.

مبدّل اللغة:

يتحقق من أن الصفحة تحتوي على روابط <a href> قابلة للزحف إلى إصداراتها بلغات أخرى (مبدّل لغة).

السبب: بدونها، لا تكتشف محركات البحث الترجمات إلا عبر وسوم hreflang، ولا يستطيع المستخدمون تغيير اللغة.

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.