9 اتجاهات لتطوير الويب يجب تجنبها في عام 2020

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

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

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

1. إعطاء الأولوية للعرض التقديمي على الأداء

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

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

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

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

2. المكونات المرئية المتطفلة

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

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

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

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

3. إهمال سرعة تحميل الصفحة

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

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

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

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

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

4. إهمال إرشادات العلامة التجارية

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

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

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

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

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

5. المعضلة المنبثقة

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

• من المؤكد أن النوافذ المنبثقة تزعج الناس وتؤدي إلى تدهور تجربة المستخدم
• متوسط ​​معدل التحويل لجميع النوافذ المنبثقة هو 3.09٪

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

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

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

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

6. تصميم سطح المكتب فقط

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

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

هذا ليس بالأمر الجديد لأن التوافق مع الأجهزة المحمولة كان أولوية Google منذ عام 2016 ، لكنهم جعلوا الميزة أكثر أهمية في عام 2020 بفضل ما يسمى بالفهرسة المحمولة الأولى. ماذا يعني ذلك؟

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

7. كن مجنونًا بشأن أطر عمل جافا سكريبت

تقدم لك JavaScript مجموعة كاملة من الأطر المثيرة للاهتمام ، مع بعض الحلول الأكثر شيوعًا هي Angular و Vue و React. تمنح أطر عمل JS مطوري الويب مجموعة واسعة من الوظائف العملية للغاية مثل:

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

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

8. SEO: اضبطه وانسى الأمر

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

ماذا يعني ذلك؟

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

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

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

9. عدم طلب المساعدة

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

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

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

استنتاج

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

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