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

هل يؤثر تصميم المواقع فعلًا على ترتيبك في Google؟

نعم، لكن مدى صلة المحتوى بالبحث يأتي أولًا. يؤكد Google أن مؤشرات أداء الويب الأساسية (Core Web Vitals)، وهي مقاييسه لسرعة التحميل وسرعة الاستجابة والثبات البصري، تُستخدم ضمن أنظمة الترتيب لديه. لكنه يوضح أيضًا أن الدرجات الجيدة لا تضمن المركز الأول، وأنه سيظل يعرض الصفحة الأكثر صلة بالبحث حتى لو كانت تجربتها ضعيفة (Google Search Central).

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

سبعة قرارات في التصميم تؤثر على تحسين محركات البحث

  1. تصميم نسخة الهاتف المحمول. يعتمد Google على نسخة الهاتف المحمول من موقعك لفهرسته وترتيبه (Search Engine Journal). وإذا حُذف أي محتوى أو عناوين أو روابط من نسخة الهاتف، فلن يراها Google.
  2. السرعة ومؤشرات Core Web Vitals. يحدد Google أهدافًا بأن يُحمَّل المحتوى الرئيسي خلال 2.5 ثانية (LCP)، وأن تستجيب الصفحة للمسات المستخدم خلال 200 ملّي ثانية (INP)، وأن يبقى التخطيط ثابتًا أثناء التحميل بدرجة CLS أقل من 0.1 (Google Search Central). وأكثر أسباب بطء الصفحات شيوعًا هي مقاطع الفيديو الكبيرة في واجهة الصفحة، والصور غير المضغوطة، وكثرة نصوص التتبع البرمجية، والخطوط الثقيلة.
  3. المحتوى كنص حقيقي. يجب أن تُكتب الخدمات والأسعار والمواقع الجغرافية والرسائل الأساسية كنص على الصفحة، لا أن تُدمج داخل الصور أو شرائح العرض المتحركة. كما تحتاج الصور إلى نص بديل (alt text) وصفي.
  4. طريقة بناء الموقع. يستطيع Google تشغيل JavaScript لرؤية محتوى الصفحة، أما أبرز زواحف الذكاء الاصطناعي فلا تستطيع ذلك: إذ تجلب GPTBot وClaudeBot وPerplexityBot الصفحة دون أن تشغّل JavaScript الخاص بها (Vercel). فإذا كان محتواك لا يظهر إلا بعد تشغيل النصوص البرمجية، فقد ترى أدوات الذكاء الاصطناعي صفحة شبه فارغة. والحل هو العرض من جهة الخادم (Server-side rendering) أو الصفحات الثابتة.
  5. هيكل واضح. تحتاج كل صفحة إلى عنوان H1 واحد يوضح موضوعها، وعناوين H2 منطقية، ورابط URL وصفي، وروابط إلى الصفحات ذات الصلة. ويجب أن يكون الوصول إلى كل صفحة مهمة ممكنًا بنقرات قليلة من الصفحة الرئيسية.
  6. صفحة لكل خدمة. تخصيص صفحة منفصلة لكل خدمة، ولكل منطقة تخدمها إن كان ذلك مهمًا، يمنح Google وأدوات الذكاء الاصطناعي شيئًا محددًا يطابقانه مع عملية البحث. أما صفحة الخدمات الطويلة الواحدة التي تسرد كل شيء فمن الصعب جدًا أن تتصدر النتائج.
  7. الأمان والنوافذ المنبثقة. قدّم كل صفحة عبر HTTPS، وتجنب النوافذ المنبثقة والإعلانات التي تغطي المحتوى، خاصة على الهاتف المحمول. فكلاهما جزء من إرشادات Google الخاصة بتجربة الصفحة.

ما الذي يهم أقل مما يظن الناس؟

  • معدل الارتداد (Bounce rate). لم يؤكد Google يومًا أنه عامل من عوامل الترتيب. فالزائر الذي يجد رقم الهاتف ويتصل فورًا يمثل نجاحًا، وليس مشكلة ارتداد.
  • أسلوب تصميم معين. لا يكافئ Google التصميم البسيط أو الجريء أو أي شكل آخر، بل يكافئ الصفحات التي تُحمَّل بسرعة وتجيب عن السؤال.
  • الحركات والمؤثرات. نادرًا ما تساعد في تحسين الترتيب، وغالبًا ما تضر الثقيلة منها بالسرعة.

هل تعيد تصميم موقعك؟ احمِ ترتيبك أولًا

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

  1. اربط كل رابط URL قديم برابطه الجديد وأعدّ عمليات إعادة توجيه دائمة (301)، وفق إرشادات Google الخاصة بنقل المواقع (Google Search Central).
  2. حافظ على المحتوى الذي يحقق ترتيبًا بالفعل. أعد كتابته وحسّنه، لكن لا تحذفه.
  3. انقل العناوين (titles) والأوصاف التعريفية (meta descriptions) والبيانات المنظمة من الصفحات القديمة.
  4. أزل أي قيود متبقية من مرحلة التجربة (staging). فوسم noindex منسي أو حظر في ملف robots.txt قد يُخرج الموقع الجديد من Google.
  5. أرسل خريطة الموقع (sitemap) الجديدة عبر Google Search Console، وراقب الأخطاء والصفحات المفقودة خلال الأسابيع التي تلي الإطلاق.

قائمة سريعة للتحقق قبل الإطلاق

  • كل صفحة تجتاز مؤشرات Core Web Vitals على الهاتف المحمول
  • نسخة الهاتف المحمول تتضمن المحتوى نفسه الموجود في نسخة سطح المكتب
  • المحتوى الأساسي يظهر دون الحاجة إلى JavaScript
  • لكل صفحة عنوان H1 واحد واضح، وعنوان (title) ووصف تعريفي فريدان
  • لكل خدمة صفحة خاصة بها
  • الصور مضغوطة ولها نص بديل
  • HTTPS في كل الصفحات، دون نوافذ منبثقة تغطي المحتوى
  • كل الروابط القديمة تُعاد توجيهها إلى الصفحات الجديدة الصحيحة