أخطاء التصميم التي يمكن أن تدمر مُحسّنات محرّكات البحث لموقعك

يعتبر العديد من المصممين والفنانين أن حرفتهم هي فوق كل قوانين تحسين محركات البحث (SEO). لكن مقالًا نشرته جمعية آلات الحوسبة يشير إلى أن حوالي95 في المائة من التعليقات السلبية حول موقع ويب تتعلق بقضايا التصميم.من الآمن القول أن التصميم يؤثر بشكل كبير على تصور مواقع الويب ، وبالتالي على تصنيفاتها.

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

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

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

لا تركز على الهاتف المحمول

منذ سبتمبر 2020 ، كانت Google في موجة تحديث. أحد هذه التغييرات هو التحول إلى مواقع الويب الملائمة للجوّال ذات المحتوى الذي يبدو جيدًا ويتم تحميله بسرعة على شاشات الهاتف المحمول. لماذا؟

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

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

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

نعتقد أن هذه الاستطلاعات كافية لك لفهم أن فهرسة الجوال هي المفتاح التالي لنجاح SEO الخاص بك. أكدت Google ذلك من خلال تحديث تجربة الصفحة الأخير ، والذي يركز على تحسين تجربة المستخدم (UX). يتم نشر تجربة الصفحة على الجوّال ومن المقرر طرحها على بحث سطح المكتب في آذار (مارس) 2022.

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

صور كبيرة تتحدى التعديل التحديثي المتجاوب

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

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

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

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

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

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

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

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

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

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

علامة alt هي وصف للصورة المشفرة في HTML على الواجهة الخلفية. تقرأ محركات البحث هذا الرمز لفهم صلة أي صورة باستعلام عن الترتيب. الكثير من الرسومات سوف تضر أكثر مما تنفع. يجب عليك استخدام اسم الصورة كأداة مهمة لتحسين محركات البحث. لمعلوماتك ، يمكن لـ Google قراءة اسم الملف. لذلك ، بدلاً من استخدام 12345.jpg ، يمكنك استخدام الكلمات الأساسية التي تصف الملف ، مما يساعد العناكب في الفهرسة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

النوافذ المنبثقة ليست سيئة بطبيعتها. لذا ، ما الخطأ الذي نفعله؟ تقول مدونة مشرفي المواقع من Google كل شيء:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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