10 نصائح لإعادة تصميم مواقع الويب للحصول على نتائج أفضل في 2017

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

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

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

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

يفيدك هذا الدليل بصيغة قائمة تحقق للمزايا الواجب توافرها والقادرة على مساعدة تصميم موقعك الجديد على الحصول على النتائج التي تصبولها في 2017. دعنا نتعمق بهذه النصائح الخارقة لإعادة تصميم موقع الويب.

أفضل نصائح إعادة تصميم موقع الويب لتنمية مشروعك (في 2017)

العناصر التالية أساسية لو كنت راغبا في التأكد من أن جمهورك المستهدف سيجد موقعك وسيتحول لزبون يقوم بالدفع:

1.فكر "الموبايل أولا"

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

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

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

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

2. خطط لتنمية المحتوى

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

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

تفصح عبر المزيد من أفضل سمات وورد بريس:

• 
  وورد بريس
  أفضل 20+ سمة وورد بريس ممتازة (الأكثر شعبية لعام 2017)
  بريندا بارون

3. وجود خبرة مستخدم مثالية

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

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

• 
  UX
  ما هو تصميم UX؟
  جوانا نجاي
• 
  UX
  المكونات الخمسة الأساسية في UX
  جوانا نجاي

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

4.اجعل فصل الاختبارات سهل

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

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

للبدء، يمكنك الاطلاع على أدوات مثل أوبتيمايزلي، أنباونس، وفيجوال ويبسايت أوبتيمايزر.

5. تمتع بعناصر بصرية ورسومية قوية

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

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

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

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

6. قم بإعداد صفحات مخصصة للهبوط

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

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

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

• 
  صفحات الهبوط
  ما هي صفحات الهبوط؟
  براد سميث
• 
  صفحات الهبوط
  10 أفضل قوالب بوتستراب لصفحات الهبوط – مع تصاميم سريعة الاستجابة
  شون هودج

7. تكامل مع وجودك على الوسائل الاجتماعية

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

إليك بعض العلامات التي تساعدك لتحديد إذا كانت عملية إعادة تصميمك متكاملة كليا مع حسابك الجديد في الوسائل الاجتماعية:

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

8. انتبه للطابع الشخصي

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

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

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

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

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

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

9. حافظ على SEO في ذهنك أثناء إعادة تصميمك

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

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

فهرسة البحث في الموبايلات

لقد ذكرنا مسبقا طريقة غوغل "للفهرسة للموبايل أولا" في بداية هذا الدليل، لكن يجب تكرارها هنا بما أنها جزء من استراتيجية SEO خاصتك.

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

البحث المحلي

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

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

البحث الصوتي

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

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

10. اضمن ملاءمة تصميمك الجديد لعلامتك

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

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

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

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

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

لا تعتبر أي واحدة من المقاربتين صحيحة أو خاطئة. فكل ذلك تابع للخيارات البصرية والاختبارية والتي تمثل علامتك بأكثر دقة. تعلم المزيد حول تطوير قيم علامتك:

• 
  العلامة
  كيف تحدد قيم علامتك الحوهرية (ولم عليك ذلك)
  جوليا ميليمبروز

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

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