نصائح تصميم المدونة للمؤلفين لمساعدتك في الترويج لكتبك

نشرت: 2022-12-03

Blog Design Tips

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

هناك العديد من الخيارات والمكونات الإضافية والأدوات والإضافات التي يمكنك استخدامها مع سمات المدونة الآن. لكن الصفحات الرئيسية للمدونة غالبًا ما تزدحم بالكثير من هذه العناصر.

تميل اتجاهات التصميم الآن بكل تأكيد نحو تقليل المكونات وتعظيم تجربة المستخدم.

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

إخفاء في هذا المقال
ما هي العوامل الحاسمة في التصميم الجيد للمدونة؟
1. كيف تختار نظام الألوان؟
2. ما هي أفضل تخطيطات المدونة؟
3. لماذا الطباعة مهمة؟
4. ما هي أهمية الصفحة الرئيسية لمدونتك؟
5. كيف يمكنك جعل صفحات التدوينات في مدونتك تعمل بجدية أكبر؟
6. كيف يمكنك جعل مدونتك أكثر قابلية للقراءة؟
7. ما مقدار الوظائف التي تحتاجها؟
ملخص

ما هي العوامل الحاسمة في التصميم الجيد للمدونة؟

بدون شك ، نظام الألوان الذي تختاره هو رقم واحد.

يخلق مظهر مدونتك.

ولكن يتبعه عن كثب الطباعة وأحجام الخطوط وتصميم التخطيط.

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

من الضروري التأكد من أن صفحات منشورات المدونة الخاصة بك مصممة بشكل جميل.

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

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

ثم هناك اعتبارات فنية مثل تحسين محركات البحث وسرعة الموقع.

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

الآن دعنا نلقي نظرة على كل من نصائح تصميم المدونة هذه للمؤلفين بمزيد من التفصيل.

1. كيف تختار نظام الألوان؟

أحد أسرار التصميم اللافت للنظر هو استخدام لوحة الألوان.

لست مقيدًا بالألوان الموجودة في قالب المدونة أو سمة WordPress الخاصة بك. يمكنك تغيير لون أي جزء من المدونة.

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

يمكنك الاختيار من بين مئات مجموعات الألوان المختلفة مثل هذه.

palettes

عندما تجد اللون الذي يعجبك ، مرر الماوس فوق كل لون ، وسترى رموز الألوان السداسية العشرية لـ CSS.

لوحة ألوان هانت 71302

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

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

المثال أعلاه عبارة عن مجموعة من أربعة ألوان. ولكن يمكنك العثور على الكثير من المجموعات إذا قمت بالبحث في Google عن أنظمة الألوان.

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

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

الكود السداسي العشري للأسود هو # 000000. في هذا الموقع ، يستخدم # 3f3f3f. يمكنك تجربة لمعرفة الظل الذي يناسبك بشكل أفضل.

2. ما هي أفضل تخطيطات المدونة؟

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

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

blog layout

لكن هناك مشكلة في معظم هذه الخيارات.

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

يجعلها عديمة الفائدة تمامًا لمستخدمي الهاتف المحمول ، الذين يمثلون أكثر من 60٪ من حركة المرور على الإنترنت.

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

كيف تحل هذه المشكلة؟

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

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

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

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

3. لماذا الطباعة مهمة؟

اختيارك للخط يقول الكثير عنك.

تقول خطوط Serif أنك أخبار وخطيرة وخطوط sans serif تقول أنك أكثر استرخاءً.

الخطوط الأكثر شيوعًا هي Arial و Open Sans و Oswald و Georgia و Garamond و Montserrat و Merriweather و Roboto و Raleway و Playfair Display و Alegreya و Helvetica Neue و Lato.

يجب تجنب الخطوط الفاخرة مثل Comic Sans و Papyrus و Brush Script MT و Lobster. قد يكون هذا جيدًا بالنسبة إلى عنوان رئيسي لمرة واحدة ، على سبيل المثال في مدونة طعام. لكن من الصعب للغاية قراءتها عند استخدامها في نص عام.

awful fonts

لديك شيء مهم لتقوله في مدونتك. قلها بخط يقول أنك جاد.

لا تستخدم الخطوط التي تجعلك تبدو كمهرج.

التزم بالخطوط القياسية واختر واحدة تعكس موضوع مدونتك. بالمناسبة ، هذا الموقع يستخدم Raleway.

4. ما هي أهمية الصفحة الرئيسية لمدونتك؟

هل ستندهش من معرفة أن أقل من 10٪ من زوار الموقع يذهبون إلى الصفحة الرئيسية للمدونة؟

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

لذا ، امنحهم هذا الشيء.

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

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

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

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

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

تصميم صفحة واحدة للمنظر مثالي لهذا الهدف.

هنا مثال على الصفحة الرئيسية للمنظر من ThemeGrill.

parralax1

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

5. كيف يمكنك جعل صفحات التدوينات في مدونتك تعمل بجدية أكبر؟

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

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

غالبًا ما تتمتع المدونات بمعدل ارتداد مرتفع يتراوح بين 65-75٪.

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

المفتاح لصفحة منشور رائعة هو منحهم أسبابًا ممتازة للبحث عن المزيد في مدونتك.

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

لا ، لأنهم في كثير من الأحيان لا يحصلون على أكثر من 50٪ حيث وجدوا ما كانوا يبحثون عنه في الفقرات القليلة الأولى.

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

من الناحية المثالية ، يجب أن يكون لديك واحد على الأقل في وقت مبكر جدًا في رسالتك.

blog tips for authors use internal links

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

إنها لفكرة جيدة أن تضيف ثلاثة أو أربعة إلى مقالتك.

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

6. كيف يمكنك جعل مدونتك أكثر قابلية للقراءة؟

العامل الأكثر أهمية في سهولة القراءة في المدونة هو المساحة البيضاء والفقرات القصيرة.

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

ثانيًا ، من الصعب للغاية قراءة فقرات النص المحظورة لفترة طويلة على شاشة الهاتف المحمول.

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

اجعل نصك مفتوحًا وواسعًا وسهل القراءة على أي جهاز.

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

add more images

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

يجب عليك استخدام الصور ذات الصلة التي تساعد في سرد ​​قصتك.

في حين أن صور المخزون المجانية جيدة ، فمن الأفضل دائمًا إنشاء صور فريدة.

7. ما مقدار الوظائف التي تحتاجها؟

يضيف مصممو ومطورو سمات المدونات المزيد والمزيد من الميزات باستمرار لجذب المستخدمين والعملاء.

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

يمكن أن يكون لها تأثير شديد على سرعة صفحات الجوال ، على وجه الخصوص.

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

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

حتى أن شيئًا بسيطًا مثل المكوِّن الإضافي لنموذج الاتصال يمكن أن يتسبب في حدوث مشكلات - فبعض المكونات الإضافية تُحمِّل رمزًا في كل صفحة بدلاً من مجرد صفحة اتصال واحدة لديك.

أحد الأسباب الرئيسية لفشل الموقع في اختبار Google Pagespeed هو عناصر جافا سكريبت التي تُستخدم فقط في صفحة واحدة أو صفحتين ولكن يتم تحميلها في الخلفية في جميع صفحات موقعك.

كما أنها تنطبق على كود CSS.

قد تعتقد أن الموضوع الذي يحتوي على جميع الخيارات والأجراس والصفارات يعد خيارًا رائعًا.

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

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

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

يمكنك معرفة عدد العناصر (الطلبات) وسوء تصميم المدونة الذي يؤثر على سرعة الموقع في نتيجة الاختبار هذه.

page speed 1

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

page speed 2

هناك العديد من الأدوات التي يمكنك استخدامها للتحقق من وقت تحميل مدونتك وتحسينه.

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

إذا تمكنت من تحميل صفحاتك في أقل من ثلاث أو أربع ثوانٍ ، فستكون قد أنجزت عملاً رائعًا.

ملخص

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

بغض النظر عن مصدر إلهام التصميم لديك ، يمكنك دائمًا جعله جذابًا وعمليًا.

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

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

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

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

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

تصميم المدونة وكتابة المحتوى الجذاب الذي يسهل قراءته وتقديمه في تصميم جذاب يتم تحميله بسرعة هي المكونات الرئيسية لمدونة مؤلف ناجح.