كيفية التحقق من صحة موقع الويب الخاص بك بعد إعادة التصميم

عملية إعادة التصميم معقدة وتنطوي على عمل الكثير من الناس والوقت. يرغب المصممون في جعل الموقع جميلًا ، ويريد المطورون ترميزه بسرعة ، ويريد مُحسِّن محركات البحث تحسينه - فهذه النوايا الثلاث لا تكمل بعضها البعض دائمًا.

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

ما هي مشاكل تحسين محركات البحث التي قد تظهر بعد إعادة تصميم موقع الويب

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

تحقق من الموقع قبل إعادة التصميم

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

كيفية التحقق من سلامة موقع الويب واكتشاف المشكلات بعد إعادة التصميم

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

المشكلات الأساسية المتعلقة بقابلية الزحف والقابلية للفهرسة

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

• رمز الاستجابة غير 200 (1)
  إذا لم يكن هناك عنوان URL من هذا القبيل على موقع ويب ، فإن رمز الاستجابة هو 4xx ؛ إذا تم إعادة توجيه الصفحة ، يكون رمز الاستجابة هو 3xx ؛ إذا كان هناك خطأ من جانب الخادم ، فإن رمز الاستجابة هو 5xx. في أي من هذه الحالات ، لا يمكن تحميل الصفحة وعرضها للمستخدمين ، لذلك لا يمكن الزحف إليها أو إضافتها إلى فهرس Google - تأكد من أن جميع الصفحات المهمة بها رمز الاستجابة 200.
• الصفحة محظورة في ملف robots.txt (2)
• تحتوي الصفحة على العلامة الوصفية لبرامج الروبوت "noindex" (3)
• عنوان URL المتعارف عليه يشير إلى صفحة أخرى [4)

للتحقق من صحة كل هذه المشكلات في وقت واحد ، انتقل إلى "مراجعة موقع الويب" ← الصفحات التي تم الزحف إليها واختر الأعمدة المناسبة لمشاهدة مشكلات قابلية الزحف والفهرسة على شاشة واحدة.

بنية عنوان URL

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

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

• شرطة في النهاية
  "... / example-url" ليس هو نفسه "... / example-url /". إذا كان عنوان URL الأساسي لا يحتوي على الشرطة المائلة في النهاية ، فإن زيارة عنوان URL المنتهي بشرطة مائلة ستؤدي إلى رمز استجابة 404 وهو ليس جيدًا لتحسين محركات البحث. تحتاج إلى التأكد من أن جميع عناوين URL الجديدة تنتهي بنفس العناصر القديمة أو تكوين العناوين الأساسية وإعادة التوجيه وفقًا لذلك.
• HTTP (S)
  مثل المشكلة السابقة ، يؤثر تمكين / تعطيل اتصالات SSL أيضًا على بنية عنوان URL ويمكن أن يتسبب في مشكلات خطيرة إذا تمت تهيئته بشكل غير صحيح.
• www
  "www.example.com" لا يساوي "example.com". تم استخدام هذه البادئة بشكل شائع في العصور المبكرة لشبكة الويب العالمية للإشارة إلى أن مورد الويب كان من المفترض الوصول إليه بشكل عام.
  من الناحية الفنية ، "www." هو نطاق فرعي ، ويتعامل Google مع النطاق الفرعي باعتباره نطاقًا مختلفًا وليس مجلدًا. إذا كنت تحاول الوصول إلى مجال أو مجال فرعي لم يتم تكوينه بشكل صحيح ، فستتلقى الخطأ ، وكذلك البحث في برامج الروبوت. لتجنب مثل هذه المشكلات ، تأكد من إعداد عمليات إعادة التوجيه أو إضافة العلامات rel = canonical التي تشير إلى الإصدار المفضل من موقع الويب الخاص بك.

العلامات الفوقية

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

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

محتوى

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

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

صفحات مكررة

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

العلامات الفوقية

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

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

العناوين H1

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

حيوية الويب الأساسية

إذا كنت تقوم بتنفيذ تصميم جديد ، فيجب أن تتأكد من أنه سيحسن تجربة المستخدم ؛ خلاف ذلك ، ليس هناك فائدة من القيام بذلك. لحسن الحظ ، قامت Google بتطوير Core Web Vitals - مجموعة من المقاييس لمساعدة المطورين على تقييم تجربة المستخدم الخاصة بهم.

مع تصنيف SE ، لا تحتاج إلى التحقق من كل صفحة في Web.dev أو منارة Chrome لأن تدقيق موقع الويب يتحقق من جميع الصفحات بحثًا عن جميع مقاييس تجربة الصفحة الضرورية. دعونا ننظر من خلالهم.

أول شيء هو التحقق من أساسيات الويب الأساسية: LCP و FID و CLS. هذه ثلاث معلمات تعكس مدى جودة أداء موقعك على الويب لتجربة المستخدم:

1. أكبر رسم محتوى يعني مدى سرعة طباعة إطار العرض الأول في متصفح المستخدم. يرتبط هذا المقياس ارتباطًا وثيقًا بسرعة تحميل موقع الويب ، والتي سنناقشها في ثوانٍ.
2. يقيس تأخير الإدخال الأول مدى سرعة تفاعل المستخدمين مع الصفحة (على سبيل المثال ، النقر على الروابط والأزرار). ترتبط هذه المعلمة أيضًا بسرعة الموقع.
3. يوضح التحول التراكمي في التخطيط مدى استقرار المحتوى الخاص بك أثناء التحميل - إنه أمر مزعج للغاية عندما تغير عناصر المحتوى حجمها وموضعها أثناء تحميل الصفحة.

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

سرعة الموقع

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

لغة البرمجة

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

JS و CSS

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

تقنيات التحسين لملفات JS و CSS متشابهة:

1. تصغير
   استبعد جميع التعليقات وفواصل الأسطر والمسافات الزائدة وما إلى ذلك - اترك الأحرف المهمة فقط.
2. الجمع
   حاول أن تخدم أقل عدد ممكن من الملفات (من الناحية المثالية ، ملف JS واحد و CSS واحد لكل صفحة). يستغرق كل طلب ملف وقتًا حتى يستجيب الخادم ويتطلب المتصفح تنزيله - يعد الملف الفردي طريقة أكثر ملاءمة للقيام بذلك.
3. التخزين المؤقت
   يعني تمكين التخزين المؤقت من جانب الخادم أنه لن يتم إنشاء ملفاتك من نقطة الصفر في كل مرة يطلب فيها المستخدم الصفحة ؛ بدلاً من ذلك ، سيتم تقديم نسخ محفوظة منها. هذا يزيل الكثير من الأحمال غير الضرورية من الخوادم ويحسن وقت التحميل.

فيما يلي بعض التوصيات العامة:

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

الصور

فيما يتعلق بـ SEO ، يعد تحسين الصور أمرًا ضروريًا أيضًا:

1. يجب أن تحتوي الصور على نص بديل ، بحيث يمكن لمحركات البحث والأشخاص الذين يستخدمون برامج قراءة الشاشة فهم ما تدور حوله الصورة - تأكد من احتواء جميع الصور على نص بديل ذي معنى بعد إعادة التصميم.
2. حجم الصورة
   أفضل ممارسة هي عرض الصورة بدقة تساوي الحاوية الأصلية. ومع ذلك ، يكاد يكون من المستحيل إنشاء نسخ صور لتناسب جميع الحاويات الممكنة بسبب التصميم سريع الاستجابة حيث يمكن للحاويات تغيير أحجامها. ما يمكنك فعله هو إنشاء العديد من أشكال الصور المختلفة (مثل الحجم الأصلي ، عرض 300 بكسل ، عرض 100 بكسل) لاستخدامها في أماكن مختلفة على الموقع. على سبيل المثال ، يجب أن تكون الصورة المميزة في المقالة بالحجم الأصلي ، بينما من الأفضل استخدام صورة أصغر حجمًا بعرض 300 بكسل أو أقل للصورة المصغرة على صفحة الأرشيف.
3. ضغط الصورة
   ضغط الصورة هو عملية تقليل عدد الألوان الفريدة المستخدمة في الصورة. الضغط المعتدل بالكاد يمكن رؤيته بالعين المجردة ، ولكن يمكنه حفظ ما يصل إلى 30٪ من حجم الملف - وهذا كثير ، خاصة بالنظر إلى أن الصور ذات حجم ملف كبير مقارنة بمصادر الصفحة الأخرى.

الرسم المتجاوب

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

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

تغليف

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

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