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

ماذا تفعل مع `canonical` و `lang` و `hreflang`

Page content

ترجمة موقعك باستخدام Hugo يمكن أن تحسّن من ترتيب موقعك في محركات البحث مثل جوجل و بينغ - ولكن فقط إذا كانت المحتوى المترجم ذات جودة عالية، محلية، ومُهيأ بشكل مناسب لتحسين محركات البحث متعددة اللغات.

الصفحات المُحلّلة (ليس فقط المترجمة، بل المُناسبة ثقافيًا) غالبًا ما تقلل من معدل الارتداد، وتحسّن وقت البقاء على الموقع، وتحسّن التحويلات. هذه مؤشرات سلوك المستخدمين يمكن أن تؤثر إيجابيًا على ترتيبك في محركات البحث.

علم العديد من الدول أمام مبنى إداري

Hugo هو مُولّد مواقع ويب ثابت. في الجوهر، يقوم بتحويل ملفات Markdown إلى صفحات HTML بطريقة قابلة للتخصيص بشكل كبير، وهو سريع نسبيًا. للمزيد من التفاصيل، يرجى الاطلاع هنا قائمة مصطلحات Hugo، كما يسعدنا أن تطلع على قائمة المقالات المتعلقة بـ Hugo في أسفل هذه الصفحة.

السؤال الرئيسي: هل يجب أن تترجم لمصلحة تحسين محركات البحث؟

الموقف هل الترجمة تساعد في تحسين محركات البحث؟ ملاحظات
الترجمة البشرية + التخصيص الثقافي + هيكلية SEO ✅ نعم، فائدة قوية الخيار الأفضل
ترجمة عالية الجودة من الذكاء الاصطناعي + التعديل + hreflang ✅ محتمل يمكن أن يحقق ترتيبًا إذا كانت الجودة جيدة
الترجمة التلقائية فقط + canonical ❌ لا لن يحقق ترتيبًا - يستخدم فقط لتحسين تجربة المستخدم
الترجمة التلقائية + لا canonical أو hreflang ⚠️ خطر قد يؤدي إلى عقوبات تكرار

HTML المطلوب لمواقع تحتوي على ترجمات تلقائية

  1. يجب أن يكون لكل صفحة سمة lang في علامة html، مثلاً:
<html lang="de">
  1. يجب أن يكون لكل صفحة قائمة بروابط بديلة لهذه الصفحة بلغات أخرى، مثلاً، الكود HTML أدناه يوضح الروابط البديلة لنفس الصفحة أو صفحة مشابهة بلغات ثلاث:
<link rel="alternate" hreflang="en" href="https://www.glukhov.org/post/2025/10/multi-language-website-seo-with-hugo/">
<link rel="alternate" hreflang="de" href="https://www.glukhov.org/de/post/2025/10/multi-language-website-seo-with-hugo/">
<link rel="alternate" hreflang="ru" href="https://www.glukhov.org/ru/post/2025/10/multi-language-website-seo-with-hugo/">
  1. يجب أن تحدد كل صفحة مترجمة رابط canonical لهذه الصفحة (الواحد الموجود في الصفحة الأصلية أو بلغة الافتراضية)، مثل:
<link rel="canonical" href="https://www.glukhov.org/post/2025/10/multi-language-website-seo-with-hugo/">

هذا سيُنصح محركات البحث بتجاهل فهرسة الصفحات غير Canonical. بالطبع، قد تتجاهل بعض محركات البحث هذا، وتفهرس جميع الصفحات.

لمواقع تم ترجمتها بشكل احترافي/يدوي

عدم تحديد <link rel="canonical" يمكن أن يؤدي إلى فرض عقوبات على محركات البحث بسبب التكرار. لكن إذا كنت تقوم بترجمة صفحات موقعك يدويًا، أو تطلب ترجمة احترافية، يمكنك أمل أن تقبل محركات البحث صفحتك غير Canonical كصفحة أصلية.

قوالب Hugo لمواقع محلّلة

يجب أن نتذكر أن قالب الموقع على Hugo قد يدعم كل هذا بالفعل.

<html lang=…

افتح الملف layouts/_default/baseof.html إما في مجلد موقعك على Hugo أو في مجلد قالبك، وتأكد من وجود شيء مثل:

<!DOCTYPE html>
<html class="no-js" lang="{{ .Site.Language.Lang }}">
<head>
...
	{{ partial "seo-localise.html" . }}	
</head>
...

الآن افتح الملف layouts/partials/seo-localise.html وضع هناك هذا الكود النموذجي:

{{ $defaultLang := .Site.Params.defaultContentLanguage | default "en" }}
{{ $canonical := .Permalink }}

{{ if .IsTranslated }}
  {{ $original := .Translations.GetByLang $defaultLang }}
  {{ if $original }}
    {{ $canonical = $original.Permalink }}
  {{ end }}

{{ end }}

<!-- Canonical URL -->
<link rel="canonical" href="{{ $canonical }}">

<!-- Hreflang Alternate Tags -->
{{ range .AllTranslations }}
    <link rel="alternate" hreflang="{{ .Lang }}" href="{{ .Permalink }}">
{{ end }}

إذا كنت تترجم موقعك يدويًا، قد يبدو هذا الكود مثل:

{{ $canonical := .Permalink }}

<!-- Canonical URL -->
<link rel="canonical" href="{{ $canonical }}">

<!-- Hreflang Alternate Tags -->
{{ range .AllTranslations }}
    <link rel="alternate" hreflang="{{ .Lang }}" href="{{ .Permalink }}">
{{ end }}

config.toml

في ملفك config.toml، تأكد من أنك قمت بتعيين:

# تكوين اللغات على موقعك

defaultContentLanguage = "en"

[languages]
  [languages.en]
    weight = 1
    languageName = "English"

  [languages.es]
    weight = 2
    languageName = "Español"

  [languages.fr]
    weight = 3
    languageName = "Français"

قم بتعديل ما سبق بناءً على اللغات المستخدمة في موقعك.

الآن قم بتشغيل أمر hugo لإنشاء الموقع، ثم hugo serve لتشغيل خادم الموقع، افتح الموقع وانظر إلى مصدر الصفحة. تأكد من أن جميع علامات <html> و <link> لها السمات المناسبة.

روابط مفيدة: مولّد المواقع الثابتة على Hugo

روابط مفيدة: Markdown