حل مشكلة إعادة التوجيه في بلوجر مع Cloudflare خطوة بخطوة

اكتشف الحل النهائي لمشكلة إعادة التوجيه في مدونة بلوجر عند استخدام نطاق مخصص وCloudflare، مع شرح مفصل بالصور والكود وخطوات مضمونة.
بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

أصبحت مشاكل إعادة التوجيه في مدونات بلوجر، خاصة عند استخدام نطاقات مخصصة وربطها بخدمة Cloudflare، من التحديات الشائعة التي تؤثر على تجربة المستخدم وترتيب الموقع في نتائج البحث. في هذا الدليل الشامل، سنقدم لك خطوات مفصلة لحل هذه المشكلة باستخدام Cloudflare وأداة Redirect Checker، مع التركيز على تحسين الأمان والأداء وتجربة المستخدم.

حل مشكلة إعادة التوجيه في بلوجر مع Cloudflare خطوة بخطوة

الجزء الأول: فهم إعادة التوجيه وأنواعه

ما هي إعادة التوجيه؟

إعادة التوجيه هي عملية توجيه الزائر تلقائيًا من عنوان URL إلى آخر. تُستخدم هذه التقنية لأسباب متعددة، مثل نقل المحتوى إلى عنوان جديد، أو توجيه الزوار إلى نسخة آمنة من الموقع (HTTPS)، أو تحسين تجربة المستخدم.

أنواع إعادة التوجيه

301 (Moved Permanently): يشير إلى أن الصفحة قد نُقلت بشكل دائم إلى عنوان جديد. هذا النوع يُفضل لمحركات البحث لأنه ينقل قوة الروابط (link equity) إلى العنوان الجديد. 
302 (Found): يشير إلى أن الصفحة نُقلت مؤقتًا. لا ينقل قوة الروابط بنفس طريقة 301. Meta Refresh: يتم من خلال وسم <meta> في HTML، وغالبًا ما يُستخدم لتوجيه الزوار بعد فترة زمنية محددة. JavaScript Redirect: يُستخدم كود JavaScript لتوجيه الزوار، لكنه أقل تفضيلًا لمحركات البحث.

الجزء الثاني: التحقق من إعدادات إعادة التوجيه باستخدام Redirect Checker

ما هي أداة Redirect Checker؟

أداة Redirect Checker هي خدمة مجانية عبر الإنترنت تتيح لك التحقق من سلاسل إعادة التوجيه لموقعك، وتحديد نوع كل إعادة توجيه ورمز الحالة المرتبط بها.

خطوات استخدام Redirect Checker

  1. انتقل إلى الموقع: https://www.redirect-checker.org/index.php
  2. أدخل عنوان URL لموقعك في الحقل المخصص.
  3. اختر وكيل المستخدم المناسب مثل ( Googlebot-Mobile DoCoMo) إذا كنت ترغب في التحقق من كيفية تعامل محركات البحث مع إعادة التوجيه.
  4. انقر على "Check Redirects" لبدء الفحص.
  5. ستظهر لك نتائج مفصلة توضح سلاسل إعادة التوجيه، نوع كل إعادة توجيه، ورمز الحالة (مثل 301 أو 302).

الجزء الثالث: إعدادات بلوجر الأساسية

تفعيل HTTPS وإعادة التوجيه

  1. سجّل الدخول إلى لوحة تحكم بلوجر.
  2. انتقل إلى "الإعدادات".
  3. ضمن قسم "HTTPS":
    • فعّل خيار "توفر HTTPS".
    • فعّل خيار "إعادة التوجيه باستخدام HTTPS".
  4. ضمن قسم "النطاق المخصص":
    • تأكد من تفعيل خيار "إعادة التوجيه من example.com إلى www.example.com".

الجزء الرابع: إعداد Cloudflare لحل مشكلة إعادة التوجيه

الخطوة 1: ربط موقعك بـ Cloudflare

  1. انتقل إلى https://cloudflare.com وأنشئ حسابًا جديدًا أو سجّل الدخول.
  2. انقر على "Add a Site" وأدخل نطاق موقعك (مثل: example.com).
  3. اختر الخطة المجانية (Free Plan) وانقر على "Continue".
  4. ستظهر لك سجلات DNS الحالية؛ تأكد من صحتها.
  5. سيزودك Cloudflare بخوادم أسماء (Name Servers) جديدة؛ قم بتحديثها في لوحة تحكم مزود النطاق الخاص بك.

الخطوة 2: إعداد سجلات DNS

تأكد من وجود السجلات التالية في قسم DNS:

سجلات A:
  • 216.239.32.21
  • 216.239.34.21
  • 216.239.36.21
  • 216.239.38.21
سجل CNAME:
  • الاسم: www
  • الهدف: ghs.google.com

تأكد من تفعيل خيار "Proxied" (السحابة البرتقالية) لجميع السجلات.

الخطوة 3: إعداد SSL/TLS

  1. انتقل إلى تبويب "SSL/TLS" في لوحة تحكم Cloudflare.
  2. ضمن قسم "Overview":
    • اختر وضع التشفير "Full (strict)".
  3. ضمن قسم "Edge Certificates":
    • فعّل "Always Use HTTPS".
    • فعّل "Automatic HTTPS Rewrites".
    • فعّل "TLS 1.3".
    • فعّل "Opportunistic Encryption".
    • فعّل "HTTP Strict Transport Security (HSTS)" مع الإعدادات التالية:
      • Max Age: 12 months
      • Include Subdomains: Yes
      • Preload: Yes
      • No-Sniff Header: Yes

الخطوة 4: إنشاء قاعدة إعادة توجيه (Redirect Rule)

  1. انتقل إلى قسم "Rules" ثم "Redirect Rules".
  2. انقر على "Create Rule" واختر "Custom filter expression".
  3. في خانة التعبير، أدخل: http.host eq "yourdomain.com" (استبدل yourdomain.com بدون www أو https)
  4. في خانة "Dynamic redirect"، أدخل: concat("https://www.yourdomain.com", http.request.uri) (استبدل www.yourdomain.com بالرابط الكامل لمدونتك)
  5. اختر رمز التحويل 301 وفعل "Preserve query string".
  6. انقر على "Deploy" لحفظ القاعدة.

الخطوة 5: إنشاء Worker لإعادة التوجيه على الأجهزة المحمولة

  1. انتقل إلى قسم "Workers & Pages" في لوحة تحكم Cloudflare.
  2. انقر على "Create Application" أو "Hello World".
  3. انقر على "Deploy" ثم "Edit code".
  4. احذف الكود الموجود والصق الكود التالي:
    
        /**
     * واجهة البيئة
     * 
     * @typedef Env
     * @property {string} my_var
     */
    /**
     * وظيفة مساعدة للحصول على نوع الجهاز من وكيل المستخدم
     * 
     * @param {string | null} userAgent
     * 
     * @returns {"mobile" | "tablet" | "desktop"}
     */
    const getDeviceType = (userAgent) => {
      const mobileRegexp = /(?:phone|windows\s+phone|ipod|blackberry|(?:android|bb\d+|meego|silk|googlebot) .+? mobile|palm|windows\s+ce|opera\ mini|avantgo|mobilesafari|docomo|KAIOS)/i;
      const tabletRegexp = /(?:ipad|playbook|(?:android|bb\d+|meego|silk)(?! .+? mobile))/i;
      if (typeof userAgent === "string") {
        if (mobileRegexp.test(userAgent)) {
          return "mobile";
        }
        if (tabletRegexp.test(userAgent)) {
          return "tablet";
        }
      }
      // كل شيء آخر غير مطابق أعلاه سيتم اعتباره سطح مكتب
      return "desktop";
    }
    /**
     * كائن مع معالجات العمال
     * 
     * @type {ExportedHandler<Env>}
     */
    const worker = {
      async fetch(request, env, context) {
        // احصل على نوع الجهاز من رأس وكيل المستخدم
        const deviceType = getDeviceType(request.headers.get("User-Agent"));
        const proxyUrl = new URL(request.url);
        // قم بتعيين معلمة البحث "m" وفقًا لنوع الجهاز، أي "0" لسطح المكتب، و"1" للآخرين
        proxyUrl.searchParams.set("m", String(deviceType === "desktop" ? 0 : 1));
        const proxyResponse = await fetch(proxyUrl, request);
        const response = new Response(proxyResponse.body, proxyResponse);
        // المهام: يمكنك تعديل الرد هنا :)
        return response;
      }
    }
    // معالجات التصدير
    export default worker;
    
  5. انقر على "Deploy" لحفظ التغييرات.

الخطوة 6: ربط Worker بالدومين.

  1. اذهب إلى تبويب Workers & Pages في Cloudflare.
  2. اضغط على "Add Route".
  3. في حقل Route، أدخل النطاق الكامل لمدونتك: www.yourdomain.com/* (استبدل "yourdomain.com" بنطاقك الفعلي) ولاتنسي وضع علامة النجمة بعد الانتهاء من الرابط.
  4. اختر الـ Worker الذي أنشأته مسبقًا من القائمة المنسدلة.
  5. اضغط على Save لحفظ الربط.

بهذا الشكل، سوف يتوقف إعادة توجيه الزوار الذين يستخدمون الجوال أو التابلت تلقائيًا إلى نسخة الجوال من المدونة (?m=1) مما يحسن تجربة المستخدم.

الجزء السادس: نصائح هامة لتحسين نتائج محركات البحث (SEO)

  1. تأكد من عدم وجود سلاسل إعادة توجيه غير ضرورية

    كلما زاد عدد التحويلات بين الروابط، كلما بطؤ الموقع أكثر. استخدم أداة Redirect Checker بشكل منتظم.

  2. سرعة الموقع تؤثر بشكل كبير

    استخدم Cloudflare في ضغط الصور، وتفعيل التخزين المؤقت (Caching)، وتقليل عدد الطلبات (HTTP requests) لتحسين الأداء.

  3. استخدام شهادات SSL بشكل صحيح

    الشهادة ضرورية الآن لأسباب تتعلق بالأمان، وثقة الزوار، وتحسين ترتيب الموقع في جوجل.

  4. تجنب "الروابط الميتة"

    دائمًا تحقق من صحة الروابط في موقعك حتى لا يواجه الزائر صفحة خطأ 404، وهذا قد يؤثر على الترتيب.

  5. راقب أداء موقعك باستخدام Google Search Console

    سجل موقعك وتأكد من عدم وجود أخطاء تتعلق بإعادة التوجيه أو الزحف أو الأمان.

الجزء السابع: اختبار النتيجة بعد تنفيذ جميع الخطوات

أداة اختبار إعادة التوجيه

بعد الانتهاء من إعداد Cloudflare وبلوجر وWorker، انتقل مجددًا إلى موقع Redirect Checker:

  1. اكتب العنوان الكامل لموقعك: http://yourdomain.com
  2. تعيين وكيل المستخدم: SEARCHBOT - Googlebot-Mobile DoCoMo
  3. يجب أن تكون النتيجة النهائية على الشكل التالي:
    • 301 Redirect → https://www.yourdomain.com
    • بدون أي تحويل إضافي
    • رمز الاستجابة النهائية: 200 OK

اختبر من الجوال

باستخدام متصفح الجوال، ادخل إلى موقعك، يجب أن لا يتحول تلقائيًا إلى النسخة المحمولة (?m=1).

خاتمة

إذا كنت تستخدم بلوجر مع نطاق مخصص وتواجه مشكلة إعادة التوجيه (خاصة من non-www إلى www أو من HTTP إلى HTTPS أو من سطح المكتب إلى الجوال)، فإن هذا الشرح التفصيلي سيوفر لك الحل النهائي والآمن والمناسب لكل الجوانب.

الاسالة شائعة

هل تؤثر إعادة التوجيه على ترتيب موقعي في محركات البحث؟

نعم، إذا كانت غير مضبوطة قد تضر بترتيبك، خصوصًا إن كانت سلاسل طويلة أو بها أخطاء.

هل يجب أن أستخدم Cloudflare حتى أحل المشكلة؟

نعم، لأنه يتيح لك تحكمًا كاملاً في قواعد التوجيه، وتحسين سرعة وأمان موقعك.

هل استخدام Worker آمن؟

بالتأكيد، بل هو ميزة قوية من Cloudflare ويمكنك تعديل الأكواد حسب احتياجاتك.

لماذا أرى حلقة لا نهائية من التوجيهات؟

غالبًا تكون بسبب إعداد خاطئ في قواعد Cloudflare أو بلوجر، مثل تفعيل HTTPS وإعادة توجيه من كلا الطرفين بدون تنسيق.

هل هناك بديل عن استخدام Worker؟

يمكن استخدام JavaScript داخل القالب لكن هذا أقل فاعلية ولا يُنصح به مقارنة بـ Worker المباشر من الخادم.

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

المصدر / www.siwane.xyz المصدر / www.elbana.net/
هنا ينتهي المقال — اشترك لتبدأ رحلتك!

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

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

عن المؤلف

صدام المرشد
مرحبًا، أنا مدوّن تقني شغوف بصناعة المحتوى الرقمي، أشارككم شروحات ومراجعات في مجالات البرمجة والتكنولوجيا.

Post a Comment