Hreflang للصفحات الدولية
إبلاغ محركات البحث بمتغيرات اللغة والمنطقة
Hreflang للصفحات الدولية درس مجاني في HTML Academy على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في HTML Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة HTML Academy 4 دروس في المجموع.
المشكلة التي يحلّها hreflang
عند نشر المقالة نفسها باللغات الإنجليزية والتركية واليابانية، تحتاج محركات البحث إلى معرفة الإصدار الذي يجب عرضه في نتائج بحث كل مستخدم. ومن دون hreflang، قد تعرض Google الإصدار باللغة الخاطئة أو تتعامل مع الإصدارات على أنها محتوى مكرر.
وسم الرابط
عرّفوا كل إصدار بديل باستخدام <link rel="alternate" hreflang="..." href="..."> داخل <head>. وتكون قيمة السمة hreflang رمز لغة وفق BCP-47 (en، tr) أو زوجًا من اللغة والمنطقة (en-US، en-GB، pt-BR).
<link rel="alternate" hreflang="en" href="https://example.com/en/article">
<link rel="alternate" hreflang="tr" href="https://example.com/tr/article">
<link rel="alternate" hreflang="ja" href="https://example.com/ja/article">ضرورة الإشارات المتبادلة
يجب أن يرتبط كل إصدار بكل الإصدارات الأخرى، بما في ذلك نفسه. وتتجاهل Google مجموعات hreflang التي لا تحتوي على روابط ثنائية الاتجاه. ترتبط الصفحة الإنجليزية بالإصدارين TR وJA، وترتبط الصفحة التركية بالإصدارين EN وJA، وهكذا.
الإشارة إلى الصفحة نفسها
يجب أن تشير كل صفحة إلى نفسها باستخدام hreflang. يجب أن تتضمن الصفحة الإنجليزية <link rel="alternate" hreflang="en" ...> يشير إلى عنوان URL الخاص بها. ويُعد ذلك جزءًا من مفهوم "التبادل" — إذ تستخدم Google هذا الرابط الذاتي لتأكيد عضوية الصفحة في المجموعة.
قيمة x-default
استخدموا hreflang="x-default" لتحديد الصفحة الاحتياطية للمستخدمين الذين لا تستطيع Google مطابقة لغتهم. وعادةً ما يشير هذا الرابط إلى الإصدار الإنجليزي أو إلى صفحة مقصودة لاختيار اللغة، حتى يصل المستخدمون غير المستهدفين إلى مكان مناسب.
رموز اللغة مقابل رموز المنطقة
تستهدف en جميع الناطقين بالإنجليزية. أما en-US وen-GB وen-AU فتستهدف إصدارات البلدان عندما يختلف المحتوى بحسب المنطقة، مثل العملة أو التهجئة أو الشحن. لا تحددوا منطقة ما لم يكن المحتوى مختلفًا فعلًا عن الإصدار العام.
تعريفات بديلة
يمكن أيضًا تعريف hreflang في ترويسة HTTP Link، للملفات غير HTML مثل PDF، أو في خريطة موقع XML باستخدام <xhtml:link rel="alternate" hreflang="...">. وتُعد الطرق الثلاث متكافئة؛ فاختاروا الطريقة الأسهل صيانة.
التعريف في خريطة الموقع
يتوسع تعريف hreflang في خريطة الموقع بشكل أفضل من وسوم HTML في المواقع التي تدعم لغات كثيرة: إذ يتضمن كل إدخال لعنوان URL جميع الإصدارات البديلة، مما يلغي تكرار القوالب في كل صفحة. وتبلغ Search Console عن الروابط المتبادلة المفقودة، فتظهر الأخطاء مبكرًا.
الأخطاء الشائعة
إن استخدام الشرطة السفلية (en_US) بدلًا من الشرطة الواصلة (en-US)، أو الإشارة إلى عنوان URL لا يعيد الحالة 200، أو خلط http وhttps في المجموعة، أو نسيان الرابط الذاتي، يؤدي إلى تعطيل hreflang دون ظهور مؤشرات واضحة. شغّلوا تقرير International Targeting في Google Search Console بعد الإطلاق.
لا يحل محل الترجمة
يخبر hreflang Google فقط بالترجمة الموجودة بالفعل. أما الصفحات نفسها فلا تزال بحاجة إلى محتوى مترجم فعلي — فلن تترجم Google المحتوى نيابةً عنكم. وتؤدي المواقع التي تضيف hreflang إلى صفحات يتكون 80% منها من الإنجليزية إلى إرباك الفهرس دون ظهور مؤشرات واضحة.
الدمج مع og:locale وlang
اضبطوا <html lang="..."> وog:locale الخاصين بالمستند ليتوافقا مع اللغة الفعلية للصفحة. يعرّف hreflang محركات البحث بالإصدارات المرتبطة، بينما يخبر lang وog:locale المتصفحات والشبكات الاجتماعية بلغة الصفحة الحالية. وكلاهما ضروري لتكوين صورة متكاملة.
اختبار المعرفة
إلى ماذا تشير hreflang="x-default"؟
الملخص
يربط hreflang الإصدارات المترجمة من الصفحة حتى تعرض محركات البحث اللغة الصحيحة. استخدموا رموز BCP-47، وعرّفوا الإصدارات البديلة بروابط متبادلة، بما في ذلك الرابط الذاتي، وأضيفوا x-default للإصدار الاحتياطي، ثم تحقّقوا من ذلك في تقرير International Targeting في Google Search Console. كما يجب أن تتوافق جودة الترجمة ووسما lang وog:locale.
الأسئلة الشائعة
هل درس «Hreflang للصفحات الدولية» مجاني؟
نعم — نص درس «Hreflang للصفحات الدولية» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة HTML Academy، انتقل إلى CoddyKit PRO. تتضمن دورة HTML Academy 4 دروس في المجموع.
ماذا ستتعلم في «Hreflang للصفحات الدولية»؟
إبلاغ محركات البحث بمتغيرات اللغة والمنطقة تتمرن على HTML Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ HTML Academy؟
لا تُشترط خبرة سابقة. HTML Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.
كم من الوقت يستغرق درس «Hreflang للصفحات الدولية»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس HTML Academy هذا؟
نعم. كل درس في HTML Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- OpenGraph وog:title وog:description وog:image
- وسوم Twitter Card الوصفية
- أساسيات البيانات المهيكلة JSON-LD
- Hreflang للصفحات الدولية