اكتشف ما يفعله زوارك على موقع الويب الخاص بك باستخدام خرائط التمثيل اللوني

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

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

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

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

كيفية إنشاء خريطة التمثيل اللوني في WordPress

في الوقت الحاضر ، يعد إنشاء خريطة حرارية أمرًا بسيطًا للغاية. في WordPress ، يتعين علينا فقط استخدام مكون إضافي يسمح لنا بإنشاء خرائط حرارية. في الواقع ، تعد الخرائط الحرارية إحدى الميزات الأكثر طلبًا من قِبل مستخدمي Nelio A / B Testing.

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

أول شيء هو إنشاء خريطة حرارية جديدة. للقيام بذلك ، نختار الاختبار الجديد في Nelio A / B Testing ونختار الصفحة التي نهتم بها ، كما ترى في لقطة الشاشة التالية:

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

نتائج خريطة التمثيل اللوني

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

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

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

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

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

تفاصيل خريطة التمثيل اللوني

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

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

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

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

تفاصيل التمرير

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

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

تفاصيل النثار

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

نحن نرى كيف أن غالبية الزوار الذين نقروا استغرقوا ما بين 5 و 10 ثوانٍ للقيام بذلك. إن معرفة هذه البيانات أمر مثير للاهتمام ، نظرًا لأن لدينا مقياسًا تقريبيًا إلى حد ما للوقت الذي يتعين علينا فيه جذب انتباههم.

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

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

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

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

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

صورة مميزة بواسطة Almos Bechtold على Unsplash.