كيفية إعادة تصميم موقع WordPress الخاص بك (واحتفظ SEO)

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

خذها من شخص قام بالكثير من إعادة بناء WordPress - إنه يستحق ذلك ولكن بالتأكيد يتطلب بعض العمل.

لماذا إعادة تصميم موقع الويب الخاص بك؟

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

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

خطوات لإعادة تصميم موقع WordPress

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

1. خطط احتياجاتك في إعادة التصميم

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

غالبًا ما تشمل الأهداف المشتركة لإعادة تصميم موقع الويب أشياء مثل:

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

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

2. إنشاء موقع انطلاق

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

يوفر Siteground واحدة من أسهل الطرق لإنشاء موقع انطلاق من موقع الويب الخاص بك.

موقع التدريج هو استنساخ لموقع الويب الخاص بك "يعيش" على عنوان URL مؤقت. إنه منفصل تمامًا عن موقعك المباشر ، لذلك لا يوجد تدخل بين الاثنين.

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

3. الحفاظ على SEO والتفاصيل الفنية

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

تأكد من القيام بكل من هذه لكل إعادة تصميم:

1. الحفاظ على عناوين URL الحالية. تتبع كل صفحة ونشرها على موقع الويب الخاص بك ، بما في ذلك صفحات CMS المبنية (فكر في التصنيف وصفحات المتجر). أحب الحصول على جدول بيانات من كل هذه. يمكنك إلقاء نظرة على خروفك المقصود مقابل 95 ٪ من صفحات موقعك.
2. إعداد 301 إعادة توجيه لأي صفحات مع تغيير عنوان URL (مهم للغاية - ستقوم بعض المكونات الإضافية بذلك تلقائيًا).
3. فيما يتعلق بـ 301s ، حافظ على إعادة التوجيه السابقة سليمة. قد ترغب أيضًا في تنظيف أي 301s ضرورية (404s ليست سيئة ، ولكن استخدم 301 إذا تحركت الصفحة).
4. ترحيل علامات العنوان الخاصة بك وأوصاف التعريف. يمكنك تغييرها ، لكنك بالتأكيد لا تريد أن تفقدهم إذا لم تفعل ذلك.
5. احتفظ بأي مخطط إضافي يستخدم على صفحاتك (أكثر من ما تم إنشاؤه افتراضيًا من البرنامج المساعد لكبار المسئولين الاقتصاديين). إنه لأمر لإعادة إنشاء المخطط عندما نسيت ببساطة حفظه (استخدم جدول البيانات لهذا أيضًا).
6. حافظ على بنية العنوان الخاصة بك سليمة لأن محركات البحث تستخدمه للسياق. يُسمح لك بإجراء تغييرات في المحتوى ، ولكن فقط تعرف على أنها قد تؤثر على تحسين محركات البحث (SEO) السابق.

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

4. استخدم Divi لإعادة تصميم WordPress الخاص بك

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

الآن ، لديك مئات الخيارات عند اختيار موضوع لإعادة تصميم WordPress. ومع ذلك ، لا يوجد شيء أفضل لتصميم موقع ويب بالفعل من Divi. لم أر منشئ الصفحة لـ WordPress يمنح المستخدمين العديد من خيارات التصميم (سواء كانوا مبتدئين أم لا شخص ما في الكفاءة في CSS).

Divi هي آلة تصميم ، وإذا كنت تلتزم حقًا بإعادة تصميم ، أقترح ألا تختار أداة تدفعك إلى عنق الزجاجة الآخر . أولاً وقبل كل شيء ، Divi هو أداة تصميم. هذا يعني أنه يحتوي على كل ميزة ووظيفة تحتاجها لإعادة بناء موقع الويب الجديد الخاص بك.

إذا كنت بحاجة إلى مزيد من المساعدة قليلاً ، فإن Divi لديه مواقع بداية صممها فريقنا من مصممي الويب المحترفين. يمكنك أيضًا استخدام منشئ موقع AI المجربة والحقيقية لشيء مخصص. أفضل جزء في كلا الخيارين هو أن كل تصميم متوافق مع Divi ، مما يعني أن كل شيء قابل للتحرير داخل محرر Divi.

بميزانية محدودة؟ Divi هو في الواقع من بين أكثر أدوات تصميم الويب بأسعار معقولة في السوق. يمكنك الحصول على أداة تصميم كاملة ، وتخزين سحابي ، ومساعد AI ، ودعم VIP (وأكثر مما أرغب في الحصول على الأشياء في هذه الجملة) مقابل 7.42 دولار شهريًا.

احصل على Divi لإعادة تصميمك

5. تصميم صفحاتك والقوالب

ابدأ بإعداد ألوانك وخطوطك العالمية . يمكنك إنشاء لوحة ألوان أساسية وأزواج الخطوط مباشرة داخل خيارات موضوع Divi أو مخصص موضوع WordPress.

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

بعد ذلك ، اعمل على قوالب رأسك وقوالب التذييل باستخدام منشئ موضوع Divi. قم بإنشاء قوالب Global Header and Footer التي سيتم تطبيقها عبر موقع الويب الخاص بك بالكامل (أو إلى أقسام محددة ، إذا لزم الأمر). أيضا ، قم بإنشاء أي قوالب صفحة ديناميكية ضرورية. يتم استخدام قوالب الصفحة الديناميكية للمحتوى الذي يتم تطبيقه على قالب تلقائيًا (مثل منشورات المدونة الخاصة بك ، صفحات أرشيف الفئات ، وصفحات المنتج).

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

6. تحسين موقعك للأداء

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

ديفي

نسخة سابقة من Divi 5 Alpha تقلل من وقت تحميل الصفحة بعامل أربعة

لقد غطينا بالفعل كيف يعد Divi موضوعًا رائعًا لا يضع حدودًا على حرية التصميم والتحكم. لكنها أيضًا من بين أسرع وأكثر موضوعات WordPress في السوق. إذا كنت تقوم بتثبيت Divi لأول مرة خلال هذا إعادة التصميم ، فإنني أوصي بشدة أن تنظر إلى Divi 5 - نسخة أعيد بناؤها بالكامل من منشئ موقع الويب الخاص بنا والتي تكون أسرع بكثير ولديها بالفعل ميزات جديدة أكثر من الإصدار الأقدم من Divi . إذا كنت تعيد تصميم متجر WooCommerce ، فإن الإصدار القديم هو أفضل رهان لك في الوقت الحالي ، ولكن في معظم الحالات الأخرى ، سيكون Divi 5 هو ما تريد استخدامه.

احصل على Divi لإعادة تصميمك

Cloudflare CDN

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

الحصول على CloudFlare

Nitropack

Nitropack هو منصة الكل في واحد لجعل مواقع الويب سريعة للغاية. إنه يوفر WordPress Websites التخزين المؤقت الذكي ، وتسليم الموارد المحسّن عبر CDN الخاص به ، وتحسين الصور المثير للإعجاب. كما أنه يتعامل مع التحميل البطيء وتحويل الصور إلى WebP. مع WordPress ، غالبًا ما تقوم بتصحيح سلسلة من الإضافات وأدوات الطرف الثالث ، لكن Nitropack هو حقًا متجر واحد. عامل نفسك بهذا الجناح المذهل من الأدوات المتكاملة - سوف تشكرني لاحقًا.

الحصول على Nitropack

7. اتبع قائمة مراجعة ما قبل الإطلاق

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

• تصحيح جميع المحتوى : تحقق من الأخطاء المطبعية والأخطاء النحوية وأي شيء يتطلب مراعاة عن كثب (أحب استخدام الذكاء الاصطناعى هنا للقبض على أشياء معينة).
• مراجعة الصور والوسائط : تأكد من عرض جميع الصور ومقاطع الفيديو بشكل صحيح وتحسينها.
• اختبار الهاتف المحمول : اختبر كل صفحة على الأجهزة المحمولة والأجهزة اللوحية لضمان عمل التصميم المستجيب كما هو متوقع. نحن نعيش جيدًا في القرن الحادي والعشرين ، لذا تأكد من اختبار العروض على مستوى الفائق أيضًا.
• اختبار المتصفح المتقاطع : اختبر موقعك على متصفحات مختلفة (Chrome ، Firefox ، Safari ، Edge) لضمان التوافق.
• قم بتنفيذ زحف موقع : إذا استطعت ، فاستخدم الإصدار المجاني من ScreamingFrog لزحف موقعك ومعرفة ما إذا كانت هناك حاجة إلى معالجة أي أخطاء واضحة مسبقًا.
• تثبيت التحليلات : مباشرة قبل الإطلاق هو وقت رائع لإعداد التحليلات. تأكد من تعيين أحداث التحويل حتى تتمكن حقًا من معرفة كيفية عمل موقعك المعاد تصميمه.

8. اذهب لايف

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

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

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

إعادة تصميم WordPress بشكل صحيح

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

جرب ديفي

بمجرد أن يكون لديك السمة الصحيح ، ركز على إضافة ميزات جديدة إلى موقع الويب الخاص بك ، والحفاظ على (وتحسين) مُحسّنات محرّكات البحث ، والبناء بالسرعة والاستجابة منذ البداية.

احصل عليه للذهاب

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