كيفية إضافة علامات hreflang في WordPress

نشرت: 2023-02-12

هل تقوم بإنشاء موقع ويب يدعم لغات ومناطق متعددة؟ يمكن أن يؤدي الموقع متعدد اللغات إلى توسيع نطاق جمهورك المحتمل بشكل كبير ، ولكن قد يبدو أيضًا من الصعب إدارته.

الخبر السار هو أن إضافة علامات hreflang يمكن أن تحسن تحسين محرك البحث (SEO) وتجربة المستخدم (UX) لموقعك. ليس من الصعب تحقيق ذلك ، ويمكنك البدء في الاستفادة من زيادة حركة المرور والمشاركة بسرعة.

في هذه المقالة ، سنلقي نظرة على ماهية علامات hreflang ، وبعض أفضل الممارسات لاستخدامها. سنكشف بعد ذلك عن الطرق التي يمكنك استخدامها لتنفيذ هذه العلامات على موقع WordPress الخاص بك. هيا بنا إلى العمل!

جدول المحتويات
1. ما هو hreflang؟
2. hreflang وموقعك متعدد اللغات: أفضل الممارسات
3. كيفية تنفيذ علامات hreflang على WordPress
3.1. ملحقات hreflang
3.2 أضف hreflang إلى <head>
3.3 أضف hreflang إلى خريطة موقع XML
4. كيفية التحقق من صحة hreflang على WordPress
5. استمر في التعلم مع WP Engine

ما هو hreflang؟

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

<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />

تتضمن كل علامة مجموعة من تفاصيل اللغة والموقع ، مثل "en-us" للغة الإنجليزية والولايات المتحدة ، أو "fr-fr" للفرنسية وفرنسا.

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

hreflang وموقعك متعدد اللغات: أفضل الممارسات

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

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

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

كيفية تنفيذ علامات hreflang على WordPress

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

ملحقات hreflang

أسهل طريقة لتطبيق hreflang هي استخدام مكون WordPress الإضافي. تضيف المكونات الإضافية مثل MultilingualPress علامات hreflang لك تلقائيًا ، ويجب ألا تسبب أي مشاكل في الأداء:

يحتوي MultilingualPress أيضًا على ميزة الترجمة ، والتي يمكن العثور عليها في محرر المنشورات. عندما تقبل الترجمة ، يضيف المكون الإضافي علامات hreflang المناسبة إلى رأس موقعك. لا تقتصر ميزة الترجمة على المنشورات ، وتعمل على العلامات والفئات بينما تتزامن أيضًا بشكل جيد مع المكونات الإضافية مثل Yoast و WooCommerce.

خيار مكون إضافي آخر لتطبيق hreflang هو Polylang:

Polylang هي أداة مجانية شائعة تساعدك على إدارة مواقع WordPress بلغات متعددة. يمكنك إنشاء محتوى كالمعتاد ، ثم تعيين لغة له. بعد ذلك ، ستعتني Polylang بعلامات hreflang نيابة عنك.

أضف hreflang إلى <head>

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

بعد فتح الملف ، سترغب في البحث عن افتتاحية <head> ولصق هذا الرمز:

<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>

في هذا المثال ، يجب إضافة العلامات إلى محتوى اللغة الإنجليزية. تشير أيضًا علامات x-default و hreflang الإنجليزية إلى صفحة المحتوى باللغة الإنجليزية.

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

أضف hreflang إلى خريطة موقع XML

إذا كنت لا تريد تعديل ملف header.php الخاص بك ، فيمكنك تحديث خريطة موقع XML الخاصة بموقعك بدلاً من ذلك. يضمن استخدام هذه الطريقة أن Google ستعثر على صفحات اللغة البديلة الخاصة بك وتقوم بفهرستها بشكل صحيح. يؤدي تحديث ملف Sitemap أيضًا إلى تقليل حجم صفحات الويب الخاصة بك ، وذلك لزيادة سرعة التحميل.

تختلف علامات hreflang لخريطة موقع XML قليلاً:

<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>

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

كيفية التحقق من صحة hreflang على WordPress

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

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

توفر أداة اختبار علامات hreflang من Merke أيضًا تفصيلًا للعلامات والأخطاء على موقع الويب الخاص بك:

إذا كنت تريد رؤية الأخطاء فقط ، فإن أداة اختبار علامة hreflang الخاصة بـ SALT.agency تعد خيارًا آخر.

استمر في التعلم مع WP Engine

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

إذا كنت تعاني من أي جانب آخر لتشغيل موقع الويب متعدد اللغات الخاص بك ، فإن WP Engine مخصص لمساعدتك في العثور على الموارد التي تحتاجها. تحقق من خططنا اليوم!