تحويل موقع ووردبريس إلى Next.js دون أن تخسر ترتيبك في جوجل

أغلب مقالات «نقل الموقع من ووردبريس» تفترض أن موقعك القديم يعمل، وأن عندك نسخة احتياطية نظيفة من قاعدة البيانات. لكن أصعب مشروع نقل عملت عليه بدأ من نقطة أسوأ بكثير: قاعدة البيانات دُمّرت بالكامل، والموقع متوقف، والمقالات ما زالت تظهر في جوجل وتجلب اتصالات العملاء.

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

القصة: موقع متوقف ومقالات ما زالت في جوجل

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

فجأة توقف الموقع، واكتشفنا أن قاعدة البيانات دُمّرت تمامًا ولا توجد نسخة احتياطية صالحة. في نفس الوقت كان جوجل ما زال يعرض 182 مقالًا عربيًا من الموقع في نتائج البحث. كل يوم يمر والموقع متوقف يعني:

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

كان المطلوب شيئين في نفس الوقت: إعادة الموقع بسرعة، واسترجاع المحتوى بنفس الروابط حتى لا يضيع ترتيب هذه المقالات.

الحل: أرشيف الإنترنت + سكريبت نقل

إن لم تكن عندك نسخة احتياطية، فهناك مكان قد يكون احتفظ بنسخة من موقعك دون أن تعرف: أرشيف الإنترنت (Wayback Machine) على web.archive.org. هذه الخدمة تزور المواقع العامة وتحفظ نسخًا من صفحاتها على مر السنين.

بحثت في الأرشيف عن صفحات الموقع، ووجدت نسخًا محفوظة من المقالات. لكن نسخ 182 مقالًا يدويًا، مع العناوين والأوصاف والصور، عمل طويل ومعرّض للأخطاء. لذلك كتبت سكريبت JavaScript يسحب المقالات من الأرشيف ويجهزها للموقع الجديد.

فكرة السكريبت ببساطة:

1. جمع قائمة الروابط: الأرشيف يوفر واجهة (CDX API) تعطيك كل الروابط المحفوظة لنطاق معين.
2. اختيار أحدث نسخة سليمة من كل صفحة.
3. تحميل الصفحة واستخراج المهم منها: العنوان، والوصف، ونص المقال، والصور، ورابط الصفحة الأصلي.
4. تنظيف المحتوى: إزالة شريط الأرشيف، والأكواد الزائدة التي تضيفها قوالب ووردبريس، وأي روابط تشير إلى الأرشيف بدل الموقع.
5. حفظ كل مقال في قاعدة البيانات الجديدة بنفس رابطه القديم.

هذا مثال مبسّط يوضح الفكرة (وليس السكريبت الكامل):

// 1) كل الروابط المحفوظة للنطاق من أرشيف الإنترنت
const cdx = await fetch(
  "https://web.archive.org/cdx/search/cdx?url=example.com/*&output=json" +
    "&filter=statuscode:200&collapse=urlkey"
).then((r) => r.json());

// 2) تحميل نسخة معينة بدون شريط الأرشيف (لاحظ id_ بعد التاريخ)
const [, , timestamp, original] = cdx[1];
const html = await fetch(
  `https://web.archive.org/web/${timestamp}id_/${original}`
).then((r) => r.text());

بعد ذلك يأتي الاستخراج والتنظيف، وهو الجزء الذي يختلف من موقع لآخر حسب القالب المستخدم.

ملاحظة مهمة: أرشيف الإنترنت لا يحفظ كل الصفحات دائمًا، وقد تجد صفحات محفوظة بنسخة قديمة. لذلك راجع النتيجة يدويًا، خصوصًا الصفحات التي تجلب أكثر زيارات.

بناء الموقع الجديد على Next.js

بعد استرجاع المحتوى، بنيت الموقع الجديد بـ Next.js وSupabase، مع التركيز على ما يهم هذا النوع من الشركات:

• نفس الروابط العربية القديمة بالضبط، حتى تعمل كل نتيجة في جوجل كما كانت.
• حاسبة تكلفة نقل تفاعلية تساعد الزائر على اتخاذ القرار وإرسال بياناته بسرعة.
• إشعارات فورية بالبريد لكل طلب يصل، مع زر واتساب واضح.
• تنظيف كل المدخلات والمحتوى لحماية الموقع من الأكواد الضارة.
• لوحة تحكم بسيطة يستطيع صاحب الشركة أن ينشر منها مقالات جديدة بنفسه.
• SEO محلي وبيانات منظمة لكل صفحة خدمة.

والنتيجة: موقع عربي سريع حصل على 100 في PageSpeed على الكمبيوتر، بدل موقع متوقف. تفاصيل المشروع كاملة في دراسة الحالة.

خطوات نقل موقعك من ووردبريس إلى Next.js بأمان

سواء كان موقعك يعمل أو متوقفًا، هذه هي الخطوات التي تحميك من خسارة ترتيبك:

1. اجمع قائمة كاملة بكل روابط موقعك

قبل كتابة أي كود، اعرف ما الذي تملكه. اجمع الروابط من أكثر من مصدر لأن كل مصدر يفوته شيء:

• خريطة الموقع القديمة (sitemap.xml).
• Google Search Console: تقرير الصفحات المفهرسة، وتقرير الأداء لمعرفة الصفحات التي تجلب نقرات.
• أرشيف الإنترنت، إن كان الموقع متوقفًا.

ضع علامة على الصفحات التي تجلب زيارات. هذه الصفحات ممنوع أن تضيع.

2. احتفظ بنفس الروابط بالضبط

أفضل تحويل (Redirect) هو ألا تحتاج إلى تحويل. Next.js يستطيع أن يعرض روابطك القديمة كما هي، حتى الروابط العربية مثل /نقل-عفش-الكويت/.

انتبه لتفاصيل صغيرة تغيّر الرابط دون أن تلاحظ:

• الشرطة المائلة في آخر الرابط (/): ووردبريس يضعها غالبًا، فاضبط Next.js ليفعل نفس الشيء.
• ترميز الحروف العربية: الرابط العربي يُرسل مُرمّزًا (%D9%86...)، فتأكد أن الموقع الجديد يفك الترميز ويجد الصفحة.

3. انقل بيانات السيو وليس النص فقط

لكل صفحة، انقل:

• العنوان والوصف الموجودين في إضافة Yoast أو Rank Math، وليس عنوان المقال فقط.
• هيكل العناوين (H1 وH2).
• النص البديل للصور (alt).
• الروابط الداخلية بعد تحديثها للروابط النهائية.

ثم أضف ما كان ناقصًا غالبًا في ووردبريس: رابط canonical صحيح لكل صفحة، وبيانات منظمة مناسبة لنوع نشاطك.

4. حوّل فقط ما يجب تغييره

بعض الروابط ستتغير حتمًا، مثل صفحات الوسوم أو روابط ?p=123. لهذه الروابط:

• استخدم تحويل 301 دائم مباشرة إلى أنسب صفحة جديدة، بخطوة واحدة.
• لا تحوّل كل شيء إلى الصفحة الرئيسية. جوجل يعامل هذا كأنه صفحة غير موجودة.

5. اجعل الموقع الجديد أسرع من القديم

هذا أسهل جزء مع Next.js، لكن قِسه ولا تفترضه. شغّل PageSpeed Insights على أهم صفحاتك قبل النقل وبعده. الصفحات الجديدة يجب أن تكون أسرع.

6. أعطِ صاحب الموقع طريقة سهلة للنشر

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

7. قائمة فحص قبل الإطلاق

• كل رابط في القائمة يعمل (200) أو يتحول مرة واحدة (301).
• لا يوجد noindex متبقٍ من نسخة التجربة.
• ملف robots.txt يسمح بالأرشفة ويشير إلى خريطة الموقع الجديدة.
• خريطة الموقع الجديدة مُرسلة في Search Console.
• التحقق من ملكية الموقع في Search Console ما زال يعمل.
• تتبع التحويلات (الاتصالات، ضغطات واتساب، النماذج) يعمل.

8. راقب لمدة 4 إلى 8 أسابيع

من الطبيعي أن يتحرك ترتيبك قليلًا في الأيام الأولى بعد النقل. راقب في Search Console:

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

الخلاصة

• لا تيأس إن ضاعت قاعدة البيانات. أرشيف الإنترنت قد يحتفظ بمحتواك، وسكريبت بسيط يوفر عليك أسابيع من النسخ اليدوي.
• الروابط أهم شيء. احتفظ بها كما هي، وحوّل ما يجب تغييره فقط بتحويل 301.
• انقل السيو كاملًا: العناوين والأوصاف والصور والروابط الداخلية.
• قِس وراقب قبل النقل وبعده.

إن كنت تريد النسخة المختصرة بالإنجليزية، اقرأ WordPress to Next.js Migration Without Losing SEO.

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