أفضل 10 ممارسات لتخطيط المدونة لعام 2022 - لا تدع التنسيقات الغريبة تدمر تجربة المستخدم الخاصة بك

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

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

أفضل واجهة مستخدم (UI) وتجربة مستخدم (UX) هي تلك التي لا تمنعنا من تحقيق أهدافنا ، سواء كان ذلك التعليق على منشور Instagram أو التنقل في منشور مدونة طويل أو إدخال البيانات فيه تطبيق ويب.

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

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

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

نظرًا لأن مدونتك تمثل جزءًا مهمًا من مسار التسويق الخاص بك ، فإن واجهة المستخدم / UX الجيدة ستؤثر بالتأكيد على الزائرين العائدين والإيرادات.

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

أفضل 10 ممارسات لتخطيط المدونة لتجربة المستخدم في عام 2022

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

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

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

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

نصيحة رقم 1: استخدم نهج "مركز التعلم" المركزي

تُعد الكتابة المكثفة حول موضوع معين طريقة رائعة لبناء سلطة موضوعية على Google والثقة مع جمهورك.

ومع ذلك ، فإن كيفية تنظيم هذا المحتوى على مدونتك لا تقل أهمية عن المحتوى نفسه.

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

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

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

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

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

النصيحة رقم 2: الاستفادة من العناصر "اللاصقة"

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

يعد استخدام العناصر "اللاصقة" في الصفحة أحد أفضل الطرق لتسهيل ذلك وزيادة المشاركة في مدونتك.

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

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

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

يمكنك استخدام العناصر اللاصقة لمجموعة متنوعة من الأغراض الأخرى ، مثل:

• أزرار الوسائط الاجتماعية
• قوائم التنقل
• أشرطة البحث
• أدوات الدردشة الحية

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

نصيحة رقم 3: قطع إلى المطاردة

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

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

مثال آخر هو الخوض في منشور مدونة مطول على Pinterest للوصول إلى المكونات وخطوات الوصفة. شكرا لله لخبراء الطهي الذين يستخدمون الروابط التي تأخذك مباشرة إلى الوصفة ، أليس كذلك؟

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

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

على سبيل المكافأة ، ستؤدي الإجابة الواضحة والصريحة على أسئلة المستخدمين إلى زيادة احتمالية قيام Google بوضعك في نتيجة "المقتطف المميز" المرغوبة ، والتي تعد أفضل نتيجة في Google SERP التي تسلط الضوء على إجابة سؤال المستخدم.

نصيحة رقم 4: استخدم تصميم بطاقة مدونة

للحفاظ على تحديث مدونتك ، من المحتمل أنك تنشر الكثير من المقالات - أحسنت! أبقه مرتفعاً.

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

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

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

يوفر موقع Medium.com مثالاً ممتازًا على هذا التنسيق.

هناك العديد من المزايا لاستخدام تصميم بطاقة المدونة ، بما في ذلك ما يلي:

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

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

بالإضافة إلى ذلك ، يمكنك تضمين العناصر التالية في تصميم البطاقة.

• صورة مميزة
• مؤلف المدونة (صورة)
• فئة
• عنوان المدونة
• روابط المشاركة الاجتماعية
• تاريخ آخر
• مقتطفات من المدونة
• زر "قراءة المزيد"

مع وضع هذه القائمة في الاعتبار ، دعنا نلقي نظرة على الصفحة الرئيسية لـ Medium:

لاحظ كل "بطاقة" وجميع المعلومات المرتبطة بها. تحتوي جميع منشورات المدونة تقريبًا على ما يلي على الأقل:

• عنوان المدونة
• صورة مميزة
• مؤلف المدونة
• صورة مؤلف المدونة
• تاريخ النشر
• وقت القراءة
• القدرة على وضع إشارة مرجعية على المنشور في وقت لاحق

ربما لم تلاحظ كل هذه العناصر من قبل ، أليس كذلك؟ رغم ذلك ، ربما تقدر وجودهم. هذا مثال رائع على كون التصميم الرائع غير مرئي.

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

يعتمد هذا على المعلومات التي تقدمها ، ولكنه بشكل عام يزيد من عدد المشاركات التي يتم عرضها في وقت واحد.

نصيحة رقم 5: قم بتضمين وقت القراءة

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

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

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

نصيحة رقم 6: استخدم المسافة البيضاء لصالحك

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

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

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

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

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

نصيحة رقم 7: لا تشوش الشريط الجانبي

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

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

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

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

نصيحة رقم 8: استخدم أسلوب الطباعة بحكمة

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

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

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

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

من الناحية المثالية ، تعتبر أحجام الخطوط بين 17 بكسل و 21 بكسل مناسبة للقراء الرقميين. بعض أحجام الخطوط أكبر بشكل طبيعي مقارنة بأحجام أخرى.

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

1. استخدم نمط الخط الأول للعنوان في المنشورات.
2. استخدم نمط الخط الثاني لعناوين الأشرطة الجانبية.
3. استخدم نمط الخط الثالث لنص المنشور.

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

نصيحة رقم 9: قم بتضمين المقالات ذات الصلة

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

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

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

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

على سبيل المثال ، إذا أردنا مشاهدة جميع الصفحات التي كتبناها حول موضوع التدوين ، فسأدخل البحث التالي في Google: "blogging site: skuvault.com."

من المحتمل أن تكون الصفحات الناتجة مرشحة رائعة للترابط.

النصيحة رقم 10: استخدم صورًا عالية الجودة

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

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

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

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

يُعد Pexels مكانًا رائعًا للعثور على صور مخزون مجانية وأنيقة .

طرق أخرى لرفع مستوى مدونتك UX

إلى جانب النصائح العشر التي ذكرناها ، إليك بعض الطرق الأخرى لتحسين UX / UI لمدونتك:

• اختر تصميمًا يمكن مسحه ضوئيًا : التدوين يختلف تمامًا عن كتابة كتاب أو ورقة أكاديمية. يمكنك جعل تخطيط المدونة قابلاً للفحص عن طريق كتابة أقسام قصيرة ودقيقة ، وتجنب الفقرات الطويلة ، وكسر النص بالعناوين والصور ذات الصلة ، وتنظيم الأقسام باستخدام العناوين الفرعية والعناوين.
• العلامة التجارية لتصميمك : العلامة التجارية هي المفتاح لتسويق عمل ناجح ، وهي تعمل بنفس الطريقة لتخطيط مدونتك. يجب أن تعكس المدونة التي تنشئها إحساس ومظهر علامتك التجارية. هذا يعني أنه إذا كانت صفحتك الرئيسية تحتوي على سمة أو تصميم بسيط ، فمن الجيد الاحتفاظ بها كما هي لتخطيط مدونتك.
• استخدم المحاذاة الرأسية : العناصر المصممة بشكل سيئ تبرز مثل الإبهام المؤلم. على سبيل المثال ، عندما تبدو الصور والنصوص في غير مكانها من بقية العمود ، فإنها تصبح مصدر إلهاء وتبدو غير مهنية. أيضًا ، يجب أن تكون الفقرات والصور بنفس عرض الاستمرارية البصرية.
• تضمين شريط بحث : إذا كان لديك الكثير من المحتوى على موقعك ، فقد يكون من الصعب على الأشخاص العثور على ما يبحثون عنه. من المهم تضمين شريط بحث في تخطيط مدونتك. بهذه الطريقة ، يمكن للأشخاص العثور بسرعة وسهولة على المعلومات التي يبحثون عنها.
• تمييز مؤلفي المحتوى الخاص بك : إذا كان لديك مؤلفون متعددون في مدونتك ، فمن المهم إبراز أسمائهم وتضمين صورة عالية الجودة إلى جانب منشوراتهم. هذا النهج يضفي طابعًا إنسانيًا على كل شيء ويساعد على بناء الثقة مع القراء. كما أنه يسهل عليهم العثور على محتوى آخر لنفس المؤلف ويساعد Google في تحديد EAT (الخبرة والسلطة والثقة).
• اجعل موقعك مناسبًا للجوّال: إنه عام 2022. ليس من الممكن التفاوض بشأن التأكد من أن تخطيط مدونتك متوافق مع الجوّال. لحسن الحظ ، تتضمن جميع تخطيطات المدونات الحديثة من مزودي الخدمة ذوي السمعة الطيبة (WordPress و Squarespace و Shopify) تصميمًا مناسبًا للهاتف المحمول مباشرةً. إذا لم يكن لديك تصميم مناسب للجوّال ، فستواجه مشاكل خارج نطاق هذا المنشور.

ها أنت ذا! استفد من هذه النصائح لإنشاء تصميم مدونة قاتل يحافظ على عودة القراء للحصول على المزيد.

لا تنس مراقبة المخزون

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

إذا كنت متجرًا للتجارة الإلكترونية ، فستحتاج إلى نظام مخزون جيد لإدارة هذا النمو.

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

انقر هنا للحصول على مزيد من المعلومات حول الطرق المحددة التي نلتقي بها مع أصحاب الأعمال لمساعدتهم على تنمية أرباحهم النهائية (وحفظ سلامتهم العقلية).