كل ما تحتاج لمعرفته حول Hreflang و Shopify

مع المزيد والمزيد من متاجر Shopify التي أصبحت دولية ، لم يكن الاهتمام بتصنيفات محرك البحث بنفس القدر من الأهمية. في حين أن التوسع في مناطق جديدة يخلق فرصًا جديدة ومثيرة في السوق ، فإنه يمكن أيضًا أن يقدم تحديات كبيرة لتحسين محركات البحث.

مشاكل تحسين محركات البحث الرئيسية التي يقدمها التوسع الدولي هي:

• مساعدة محركات البحث على فهم الصفحة التي يجب تصنيفها لأي منطقة / لغة
• منع الصفحات الخاصة بمنطقة أو لغة معينة من إنشاء مشكلات محتوى مكررة

في هذه المقالة ، نقدم لك ميزة تسمى Hreflang والتي تُستخدم لحل مشاكل تحسين محركات البحث الدولية.

لماذا نحتاج Hreflang؟

بادئ ذي بدء ، لماذا نحتاج حتى hreflang؟

عندما يكون للعلامة التجارية مواقع ويب متعددة مخصصة لمناطق مختلفة ، كيف تعرف محركات البحث الموقع المخصص لأي منطقة؟

اسمحوا لي أن استخدم ماركة اللياقة البدنية Gymshark لتوضيح ذلك. تستخدم Gymshark Shopify ولديها مواقع ويب مختلفة مخصصة لجماهير مختلفة:

المملكة المتحدة - https://uk.gymshark.com

ألمانيا - https://de.gymshark.com

فرنسا - https://fr.gymshark.com

تتم ترجمة هذه المواقع إلى لغاتها الأصلية مما يعطي Google فكرة هائلة عن المنطقة التي ينتمي إليها كل موقع. ولكن بعد ذلك لدى Gymshark أيضًا موقع ويب أمريكي وموقع ويب كندي:

الولايات المتحدة الأمريكية - https://www.gymshark.com كندا - https://ca.gymshark.com/

المحتوى على كلا الموقعين باللغة الإنجليزية. إذن كيف تميز محركات البحث هذه عن موقع المملكة المتحدة باللغة الإنجليزية وتضمن ترتيب كل موقع في المنطقة الصحيحة؟

هذا هو المكان الذي يأتي فيه hreflang.

ما هو Hreflang؟

Hreflang هي سمة HTML تشير إلى محركات البحث عند وجود إصدارات بديلة من الصفحة مخصصة لجمهور منطقة / لغة مختلفة.

يمكن تنفيذ Hreflang بطرق مختلفة ، ولكن الأكثر شيوعًا هو علامة meta tag البسيطة التي تظهر في أي صفحة بها إصدارات بديلة. هذا مثال من Gymshark:

 <link rel="alternate" href="https://www.gymshark.com/" hreflang="en-us" />

تم العثور على علامة hreflang هذه على الصفحة الرئيسية لـ UK Gymshark "https://uk.gymshark.com/".

يخبر محركات البحث أنه يمكن العثور على نسخة الولايات المتحدة الأمريكية من هذه الصفحة على "https://www.gymshark.com/".

تحتوي علامة hreflang على سمتين رئيسيتين:

1 - Href إن href هو ارتباط إلى صفحة بديلة. يجب أن يكون عنوان URL الكامل ويجب أن يكون صفحة عمل. يخبر محركات البحث "هذه نسخة بديلة من الصفحة التي يتم عرضها حاليًا".

2 - Hreflang تحتوي سمة hreflang على رمز اللغة (ISO 639-1) ورمز البلد اختياريًا (ISO 3166-1) للجمهور المستهدف للصفحة البديلة. رمز البلد اختياري ولكن رمز اللغة مطلوب.

بعض الأمثلة على سمات hreflang التي تستخدم مجموعات استهداف مختلفة للغة / البلد:

• ar - متحدثو اللغة الإنجليزية
• en-GB - المتحدثون باللغة الإنجليزية في المملكة المتحدة
• fr-FR - المتحدثون بالفرنسية في فرنسا
• en-US - المتحدثون باللغة الإنجليزية في الولايات المتحدة
• ذلك - المتحدثون الإيطاليون
• it-CH - المتحدثون الإيطاليون في سويسرا.

من خلال تقسيم "href" و "hreflang" معًا ، ستعرف محركات البحث أن عنوان URL البديل (href) مخصص لهذا الجمهور المحدد (hreflang).

صفحات بديلة

من المهم أن تتذكر أن hreflang يعمل على مستوى الصفحة وليس على مستوى المجال. تعلن علامات Hreflang عن "صفحات بديلة" وليست "مواقع ويب بديلة". تستخدم الكثير من مواقع الويب علامات hreflang للإعلان عن صفحات لغة / منطقة بديلة على نفس المجال.

على سبيل المثال ، يمكنك استخدام المجلدات الفرعية لاستضافة إصدارات لغة / منطقة بديلة لموقعك. هذه هي الطريقة التي أنشأت بها Apple مواقعها الدولية باستخدام المجلدات:

• المملكة المتحدة: https://www.apple.com/uk/
• ES: https://www.apple.com/es/
• FR: https://www.apple.com/fr/

X- افتراضي

هناك قيمة احتياطية خاصة hreflang تسمى "x-default". فكر في "x-default" حيث يجب أن يتم ترتيب محركات البحث لصفحة الويب عندما لا يتطابق رابط hreflang آخر مع لغة / منطقة الباحث.

باستخدام Gymshark كمثال مرة أخرى. لديهم متجر بقية العالم يقع في row.gymshark.com. تم إعلان هذا على أنه x-default.

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

لذلك إذا بحث شخص ما في لغة / موقع غير معلن في علامات hreflang الخاصة بـ Gymshark ، فمن المرجح أن يعرض Google متجر Gymshark's RoW.

هل تحتاج إلى إضافة Hreflang؟

تحتاج فقط إلى إضافة علامات Hreflang عندما يكون لديك صفحتان متطابقتان تخدمان جماهير لغة / إقليمية مختلفة. إذا لم يكن هناك إصدار بديل من الصفحة ، فلن تحتاج إلى إضافة علامات hreflang.

قواعد Hreflang

للتحقق من صحة علامات hreflang ، يجب أن تتبع قواعد محددة:

1 - ارتباطات العودة - إذا ارتبطت صفحة hreflang بصفحة بديلة ، فيجب أن تعود الصفحة البديلة إلى الصفحة الأولى. على سبيل المثال ، إذا كان لدى UK Gymshark رابط hreflang يشير إلى صفحة Gymshark الألمانية ، فيجب أن تحتوي الصفحة الألمانية على رابط hreflang للعودة إلى إصدار المملكة المتحدة.

2 - صفحات العمل - يجب أن تعرض أي صفحة تقوم بها رابط hreflang رمز الحالة 200. بمعنى آخر ، يجب أن تكون روابط hreflang صفحات عاملة.

3 - علامة Hreflang للإشارة الذاتية - يجب أن تحتوي أي صفحة تتضمن روابط hreflang على رابط hreflang لنفسها. نسمي هذا رابط hreflang ذاتي المرجع. يجب أن يشتمل رابط hreflang ذاتي المرجع على إعلان اللغة / الدولة القياسي.

تحديات Hreflang

الآن بعد أن حددنا ما هو hreflang وكيف يعمل ، يمكننا مناقشة سبب كونه جزءًا معقدًا من تحسين محركات البحث. في الواقع ، من المحتمل أن يكون hreflang أحد أصعب أجزاء تحسين محركات البحث على النحو الصحيح.

إليك تغريدة من محلل اتجاهات مشرفي المواقع في Google جون مولر يشرح مدى صعوبة hreflang!

تعد إضافة العلامات أمرًا بسيطًا بدرجة كافية ، ولكن الحفاظ على علامات hreflang التي تفي بالقواعد الثلاثة المذكورة أعلاه قد يكون أمرًا صعبًا للغاية.

للتحقق دائمًا ، يجب أن تكون علامات hreflang بين الصفحات المختلفة متزامنة. يمكن لشيء بسيط مثل تغيير عنوان URL أن يقطع اتصال hreflang بين صفحتين.

عندما يكون لديك أكثر من موقع ويب ، مع صفحات ديناميكية وتديرها فرق مختلفة ، يمكنك البدء في تخيل مدى تعقيد هذا الأمر. إذا كان لديك مواقع ويب متعددة ، فأنت بحاجة إلى التأكد من قيام فرقك بالتنسيق لضمان عدم كسر علامات hreflang!

أخطاء Hreflang

نحن نتعامل مع إعدادات hreflang المعطلة طوال الوقت. هذه هي أكثر مشكلات hreflang شيوعًا التي نواجهها:

لا عودة الروابط

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

ليست 200 صفحة

يجب أن تشير علامات Hreflang إلى صفحات العمل التي تعرض استجابة خادم تبلغ 200. مع تطور موقع الويب الخاص بك ، تتغير عناوين URL. سيؤدي هذا إلى كسر علامات hreflang الخاصة بك ، لذا إذا تقاعدت وأعدت توجيه الصفحات ، فتأكد أيضًا من تحديث أي علامات hreflang.

لا توجد علامة Hreflang المرجعية الذاتية

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

كيفية التحقق من علامات Hreflang

مدقق علامة Hreflang

أسهل طريقة لتدقيق علامات hreflang هي استخدام امتداد Chrome يسمى Hreflang Tag Checker. بمجرد تثبيت الامتداد ، ما عليك سوى زيارة أي صفحة والضغط على أيقونة شريط الأدوات. سيتحقق الامتداد بعد ذلك مما إذا كانت هناك أي علامات hreflang على عنوان URL الحالي.

أفضل ميزة في هذه الأداة هي أنها ستزحف بالفعل إلى روابط hreflang وتؤكد أنها تجتاز اختبارات التحقق من الصحة.

صراخ الضفدع

إذا كنت ترغب في تدقيق علامات hreflang على نطاق واسع ، فإن Screaming Frog هي أداة الانتقال الخاصة بك. سوف يقوم Screaming Frog بالزحف إلى موقع ويب والتحقق من صحة أي علامات hreflang تم اكتشافها أثناء الزحف.

Search Console

هناك تقرير "استهداف دولي" مخفي في قسم "التقارير القديمة" في Search Console. للوصول إلى هذا التقرير ، انتقل في القائمة اليمنى إلى "الأدوات والتقارير القديمة> الاستهداف الدولي".

سيعرض هذا التقرير عدد علامات hreflang الموجودة على موقع الويب الخاص بك والتفاصيل التي توجد بها أخطاء hreflang.

طرق مختلفة لإضافة Hreflang

هناك أكثر من تطبيق Hreflang. طريقة علامة HTML الموضحة أعلاه هي أسهل طريقة لإعداد hreflang ، ولكن هناك طريقتان بديلتان:

خريطة موقع XML

قد تكون معتادًا على خرائط مواقع XML. يمكن تحديث خريطة موقع XML لتتضمن إعلانات hreflang لكل صفحة داخل خريطة الموقع. بالنسبة إلى مواقع الويب الكبيرة ذات الأنظمة المعقدة ، يمكن أن يكون هذا أسهل طريقة في كثير من الأحيان.

رؤوس HTTP

عندما يزور متصفح الويب صفحة ما ، يقوم الخادم بإرجاع معلومات حول تلك الصفحة إلى متصفح الويب الخاص بك. وهذا ما يسمى استجابة HTTP. يمكنك تكوين الخادم الخاص بك لإرجاع معلومات hreflang في استجابة رأس HTTP.

كيفية إضافة Hreflang إلى Shopify

إذن ، كيف تضيف بالفعل علامات hreflang إلى Shopify؟ مثل معظم أنظمة إدارة المحتوى ، Shopify لديه فروق دقيقة تؤثر على ما يمكنك وما لا يمكنك فعله على النظام الأساسي. في حين أنه من الممكن إضافة hreflang إلى Shopify عبر طرق XML Sitemap أو HTTP Headers ، إلا أنه يتطلب تكوينًا تقنيًا كبيرًا لذلك لا نوصي به.

بالنسبة إلى مواقع الويب Shopify ، فإن نهجنا الموصى به لتنفيذ Hreflang هو دائمًا علامات HTML. تعد إضافة علامات hreflang فعليًا إلى موقعك أمرًا سهلاً إلى حد ما ولكن عليك القيام بذلك بطريقة تضمن التحقق من صحة علامات hreflang دائمًا. تذكر القواعد الثلاثة المذكورة أعلاه:

• يجب أن يكون هناك رابط hreflang للرجوع من الصفحة البديلة
• يجب أن تكون الصفحة البديلة عنوان URL صالحًا
• يجب أن تكون هناك علامة hreflang ذاتية المرجع في أي صفحة تتضمن علامات hreflang

أضف Hreflang إلى Shopify عبر تطبيق

هناك بعض تطبيقات Shopify التي تضيف علامات Hreflang إلى صفحاتك من أجلك. ستعمل تطبيقات الترجمة مثل Weglot و Langify تلقائيًا على إنشاء علامات Hreflang وإضافتها إلى صفحاتك.

بينما يمكن للتطبيقات إضافة علامات hreflang إلى متجر Shopify الخاص بك ، إلا أن هذه ليست أفضل طريقة في تجربتنا. يعمل نهج التطبيق فقط عندما يكون لديك متجر واحد يوفر لغات متعددة. لا توفر معظم التطبيقات استهداف hreflang للغة + البلد ولا تؤثر التطبيقات في متاجر متعددة عبر نطاقات مختلفة. تطبيقات Shopify ليست نهجنا الموصى به لـ hreflang.

أضف علامات Hreflang إلى ملف theme.l Liquid الخاص بك

إذا كان لديك متجرين يشتملان على صفحات وعناوين URL متطابقة (حيث يختلف النطاق فقط) ، فإن إضافة علامات hreflang الصالحة يمكن أن تكون سهلة إلى حد ما. نظرًا لأن موقعي الويب عبارة عن نسخ كاملة ، فأنت تعلم أنه لكل صفحة على الموقع أ ، هناك ما يعادلها في الموقع ب.

لذلك يمكنك تحرير رمز السمة الخاص بك لإنشاء علامات hreflang بشكل ديناميكي باستخدام مسار URL للصفحة التي يتم عرضها.

هذا ما يفعله الكود السائل أدناه:

 <link rel="alternate" hreflang="x-default" href="{{ canonical_url | replace: shop.domain, 'www.mystore.com' }}" /> <link rel="alternate" href="{{ canonical_url | replace: shop.domain, 'www.mystore.com' }}" hreflang="en-GB" /> <link rel="alternate" href="{{ canonical_url | replace: shop.domain, 'www.us.mystore.com' }}" hreflang="en-US" />

يمكن إضافة مقتطف الشفرة هذا إلى ملف قسم من ملف theme.l Liquid الخاص بك. تحتاج إلى استبدال مثيلات "mystore.com" بأسماء نطاقاتك الفعلية. عندما يكون هذا المقتطف في مكانه ، ستخرج صفحاتك علامات hreflang باستخدام الصفحة الأساسية لإنشاء مسار عنوان URL.

نظرًا لأن هذه الطريقة تتضمن تحرير رمز موقع الويب الخاص بك ، إذا اخترت هذا الأسلوب ، فنحن نوصيك بشدة بتوظيف خبير Shopify لتطبيق التغيير نيابة عنك.

استخدم حقل مخصص (موصى به Shopify نهج Hreflang)

كيف تضيف علامات Hreflang عبر العديد من مواقع Shopify التي تحتوي على آلاف المنتجات التي لا تتطابق فيها عناوين URL؟ لن يكون لديك الوقت لإضافة علامات hreflang على أساس صفحة بصفحة ولا يمكن للتطبيق القيام بذلك نيابة عنك.

في هذا السيناريو ، نوصي باستخدام تطبيق آخر يسمى الحقول المخصصة. باستخدام الحقول المخصصة ، يمكنك إنشاء حقول تعريف جديدة تمامًا على موقع الويب الخاص بك. عندما نتعامل مع مواقف hreflang المعقدة على Shopify ، نوصي عملائنا باستخدام الحقول المخصصة لإنشاء hreflang metafield. يتم إخراج قيمة حقل تعريف hreflang في ملف قسم من الصفحة.

باستخدام هذا الأسلوب ، يمكنك إنشاء علامات hreflang الخاصة بك في Excel ثم إضافتها مباشرةً في الحقل المخصص على أساس صفحة بصفحة.

والأفضل من ذلك ، إذا كانت لديك خطة Custom Fields Plus ، فيمكنك استيراد علامات hreflang للمنتج عبر تحميل ملف csv. نستخدم هذا النهج بانتظام لتحميل الآلاف من علامات hreflang للمنتج إلى Shopify في غضون دقائق.

على الرغم من أن هذا النهج ليس هو الأسهل لأنك تحتاج إلى إعداد metafield المخصص (الذي يتطلب Shopify Expert) وإنشاء علامات hreflang الخاصة بك ، إلا أنه الأكثر فعالية على نطاق واسع Shopify إدارة hreflang. إذا كنت تريد طريقة سهلة لإنشاء علامات hreflang الخاصة بك ، فنحن نوصي باستخدام أداة إنشاء علامات hreflang المجانية من Aleyda Solis.

المجالات الدولية (جديد)

أعلنت Shopify مؤخرًا عن ميزة جديدة تسمى المجالات الدولية. سيسمح هذا التطوير لـ Shopify التجار بعرض متجرهم على مجال / نطاق فرعي بديل يستهدف لغة / دولة مختلفة.

باستخدام المجالات الدولية ، يمكنك تسجيل نطاق / نطاق فرعي بديل باستخدام رمز ISO الخاص بالبلد المستهدف المكون من حرفين (مثل gb.yourdomain.com). سيقوم Shopify بعد ذلك بتكوين علامات hreflang تلقائيًا عبر كل مجال / نطاق فرعي. يمكن العثور على التعليمات الكاملة حول كيفية القيام بذلك على Shopify.

المجالات الدولية لديها بعض العيوب. سيتعين عليك استضافة نفس الصفحات والمنتجات بالضبط عبر نطاقاتك والتي لن تناسب كل تاجر. لن تتمكن أيضًا من تحرير المحتوى الخاص بك عبر مجالات مختلفة (باستثناء الترجمات).

ومع ذلك ، فهذه خطوة كبيرة إلى الأمام وتظهر أن Shopify قد استمع إلى التجار. نحن على يقين من أن المجالات الدولية في الوقت المناسب ستصبح حل hreflang الموصى به لـ Shopify.

بحاجة الى مساعدة مع Hreflang؟

تعد إدارة hreflang أحد أكثر أجزاء تحسين محركات البحث تعقيدًا. يدير فريق تحسين محركات البحث لدينا بنجاح تحسين محركات البحث الدولية لعشرات المواقع الإلكترونية. إذا كنت بحاجة إلى مساعدة في تحسين مُحسنات محركات البحث الدولية ، فأخبرنا بذلك.