يعتبر العديد من المصممين والفنانين أن حرفتهم هي فوق كل قوانين تحسين محركات البحث (SEO).

لكن مقالًا نشرته جمعية the Association for Computing Machinery يشير إلى أن حوالي 95 % من التعليقات السلبية حول موقع ويب لها علاقة بقضايا التصميم.

من الآمن القول أن التصميم يؤثر بشكل كبير على تصور مواقع الويب وبالتالي على تصنيفاتها.

العيب الكامن في تصميم موقع الويب الخاص بك

لقد حان الوقت حيث تقاربت خطوط تحسين محركات البحث (SEO) والمحتوى والتصميم الجرافيكي .

جميع التخصصات الثلاثة التي كان يُعتقد في السابق أنها تعمل بشكل متوازي تعمل الآن معًا.

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

هناك العديد من جوانب تصميم موقع الويب الخاص بك والتي تتطلب الانتباه.

أعد فحص تصميم الويب الخاص بك ولاحظ هذه الأخطاء:

لا تركز على مواقع الويب الملائمة للجوّال

منذ سبتمبر 2020 كانت Google في موجة تحديث.

أحد هذه التغييرات هو التحول إلى مواقع الويب الملائمة للجوّال ذات المحتوى الذي يبدو جيدًا ويتم تحميله بسرعة على شاشات الهاتف المحمول.

ويحدث ذلك للاسباب التالية:

  • تجاوز عدد المستخدمين الذين يصلون إلى الإنترنت من الهاتف المحمول المستخدمين الذين يستخدمونه عبر الأجهزة الأخرى في عام 2018.
  • إذا تم تحميل صفحتك بعد ثلاث ثوانٍ ، فأنت تواجه معدل ارتداد بنسبة 32 %.

وجدت Kissmetrics بعض المشكلات التي يواجهها مستخدمو الأجهزة المحمولة أثناء الوصول إلى أحد المواقع وهي :

  • يتوقع 47% من الزوار وقت تحميل يستغرق ثانيتين.
  • 40 % إجازة إذا استغرق التحميل أكثر من ثلاث ثوان.
  • 79 % من الزوار لا يزورون أبدًا الموقع الذي كان أداؤه سيئًا.
  • إذا زاد وقت التحميل بنسبة 1 %، فمن المحتمل أن تفقد 16 % من حركة المرور.

نعتقد أن هذه الاستطلاعات كافية لك لفهم أن فهرسة الجوال هي المفتاح التالي لنجاح مُحسّنات محرّكات البحث.

أكدت Google ذلك من خلال تحديث تجربة الصفحة الأخير ، والذي يركز على تحسين تجربة المستخدم (UX).

يتم نشر تجربة الصفحة على الجوّال ومن المقرر طرحها على “بحث سطح المكتب” في آذار (مارس) 2022.

الآن ، تتمتع مواقع الويب التي تؤثر على تجربة الصفحة في إشارات الترتيب ومبادئ تصميم UX بالميزة.

تصميم UX هو عملية فهم كيف يتفاعل المستخدم ويشعر به بعد التعامل مع المنتج.

تم دمجها بشكل أساسي لزيادة سهولة الاستخدام.

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

إزالة الصورذات الحجم الكبير من التصميم

هل سبق لك أن حاولت صب إبريق من الماء في كوب؟ يبدأ الماء في الفيضان بمجرد امتلاء الكوب.

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

تخيل موقعًا يحتوي على مئات الصور على صفحته المقصودة , بطبيعة الحال ، سيكون من الصعب على المستخدمين التنقل في الصفحة.

في نسخة الهاتف المحمول يصبح كل شيء صغيرًا جدًا وغير مقروء.

كشفت الأبحاث التي أجرتها Searchmetrics أن أفضل 10 مواقع على صفحة نتائج البحث (SERP) بها أقل من ثلاث صور لكل صفحة على مواقعها على الويب.

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

PageSpeed ​​Insights من Google قد يمنحك اختبار بعض الأفكار حول كيفية إزالة عناصر المحتوى الثقيلة من التصميم.

سيعرض الصور التي تحتاج إلى ضغط لجعل الصفحة أكثر ملاءمة لتحسين محركات البحث بنسبة تزيد عن 50 %.

إضافة نص في صور قد لا يضيف قيمة

النص هو شيء يمكن لـ Google قراءته ، إلا أنه تم ترميزه بتنسيق HTML على الواجهة الخلفية لموقع الويب.

الخوارزمية غير قادرة على قراءة الصور أو قراءة النص المكتوب فيها.

لذلك ، يعد تبسيط النص في موقع الويب الخاص بك جانبًا مهمًا آخر لسيو.

يُنصح بإضافة نص ليس في الصور ولكن في كود تصميم الصفحة.

يسمح هذا للخوارزمية بقراءة الكلمات الرئيسية وتحديدها وترتيبها وفقًا لذلك.

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

بالإضافة إلى ذلك ، تأتي إضافة نص إلى موقع الويب الخاص بك بميزة يفوتها معظم المصممين.

إذا احتاج زائر بلغة أخرى إلى أي معلومات ، فيمكن تغيير النص المشفر بينما لا يمكن للصورة ذلك.

تحتاج إلى العمل على جوانب معينة لبدء الأمور ، مثل:

إضافة علامات بديلة إلى الصور

علامة alt هي وصف للصورة المشفرة في HTML على الواجهة الخلفية.

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

الكثير من الرسومات سوف تضر أكثر مما تنفع.

يجب عليك استخدام اسم الصورة كأداة مهمة لتحسين محركات البحث.

لمعلوماتك ، يمكن لـ Google قراءة اسم الملف , لذلك بدلاً من استخدام 12345.jpg , يمكنك استخدام الكلمات الأساسية التي تصف الملف مما يساعد الشبكة في الفهرسة.

استخدام تركيبات الألوان المناسبة

يجب اختيار الصور الواضحة مع مجموعة الألوان المناسبة.

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

لا تشمل معلومات معينة

تجنب تقديم أي تفاصيل اتصال أو معلومات مفيدة في الصور.

شارك المعلومات بطريقة دقيقة ولكن بارزة في التذييل.

يمكنك أيضًا التفكير في إضافة روابط مهمة إلى موقع الويب الخاص بك في التذييل لفهرسة الخوارزمية.

إعادة التوجيه خطأ 404

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

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

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

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

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

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

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

هذه الفكرة غيرت قواعد اللعبة لمواقع الويب التي يتم إعادة إطلاقها.

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

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

استبعاد النوافذ المنبثقة تمامًا

لا يزال إيثان زوكرمان يشعر بالأسف لإنشاء إعلانات منبثقة من خلال JavaScript و Perl من جانب الخادم قبل 20 عامًا.

على الرغم من أنها مزعجة إلا أنها تزيد من المبيعات.

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

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

هذه نتائج مذهلة لميزة غير مرغوبة لدرجة أن Chrome لديه آلية مضمنة لحظرها.

النوافذ المنبثقة ليست سيئة بطبيعتها , لذا ، ما الخطأ الذي نفعله؟

تقول مدونة مشرفي المواقع من Google تنقسم الاعلانات المنبثقة الي عدة انواع ومنها :

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

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

في الواقع ، يفضل بقوة تضمين النوافذ المنبثقة.

لماذا ا؟ لأنها تمكنت من الحصول على 95 % من مشتركيها من خلالهم في غضون أشهر قليلة ,إذن ، ما الذي يفتقده المصممون؟

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

فيما يلي بعض الأفكار للتصميم لجعلها مفيدة للزائر:

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

الصفحات الرئيسية مفقودة H1s

تقرأ الشبكة عناصر مثل أوصاف meta وعلامات العنوان وعلامات alt و H1 و H2 و HTML code للعثور على مدى الصلة.

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

يميل الناس إلى مساواة H1s بعلامات العنوان ، والتي تظهر في SERPs.

علامات العنوان هي في الأساس روابط تأخذك إلى صفحة الويب.

ما يتم عرضه على صفحة الويب كتفسير للاستعلام يُعرف بالرأس أو H1.

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

العناوين التي قد تكون H1 و H2 وما إلى ذلك هي العوامل الحاسمة في SEO . إنها تشكل جزءًا من كود HTML الذي تقرأه الشبكة وتجعل كلمات معينة بارزة لبرامج الزحف للتركيز عليها.

لذلك ، يعد تضمين H1 نصيحة احترافية لمشرفي المواقع.

تذكر هذهالأشياء عند وضع العنوان الرئيسي H1:

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

التفكير في Google هو أداة تمرير جيدة

بينما يمكن للمستخدمين التمرير لأسفل لاسترداد المعلومات ذات الصلة في أي وقت من الأوقات , لن تتمكن الشبكة من القيام بذلك.

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

أشار مارتن سبليت من Google في مؤتمر عبر الإنترنت إلى هذه المشكلة بشكل تعاطفي تمامًا.

وأشار إلى أن الشبكة تقرأ وتفهرس كل ما هو مرئي لها مقدمًا.

لإصلاح حالة التحميل البطيء ، يجب على مشرفي المواقع الرجوع إلى مركز بحث Google.

يذكر عملاق محرك البحث Google بعض الإصلاحات:

  • يسمح Chrome 76 لمصممي مواقع الويب باستخدام سمات التحميل دون تشفير مكتبة للتحميل البطيء في JavaScript.
  • تسمح مكتبة JavaScript بتحميل البيانات أثناء إدخال منفذ العرض.
  • يسمح التمرير المرقّم للمستخدمين بالنقر فوق ارتباط ينقلهم إلى القسم المطلوب من المحتوى.

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

كن على دراية بها واتخذ الخطوات والتحديثات اللازمة للتأكد من أنك على رأس مُحسّنات محرّكات البحث ولعبة المحتوى.