لنجعل مواقعنا أسرع – واجهة المستخدم

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

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

الجزء الأول : الواجهة Front-End:

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

أولاً : قلل من استدعاءات العناصر HTTP Requests

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

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

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

- استخدم صور أقل : اذا كان هناك صور و أيقونات و خلفيات لا تحتاجها في موقعك أو يمكن أن تستخدم بدلاً منها تأثيرات الـ CSS .

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

- إستخدم الـ Sprite : تقنية السبرايت ببساطة تسمح لك بوضع جميع الصور المشتركة في موقعك ، مثل صور شريط التصفح و الشعار و الخلفيات و الأيقونات الرمزية ، تسمح لك بوضعها في صورة واحدة كبيرة ، و من ثم بإستخدام الـ CSS تستطيع أن تقطع هذه الصورة على جهاز الزائر Client Side و تعرضها مباشرة. ما الفائدة ؟ تخيل لو كان لديك : شعار + 6 أيقونات رمزية صغيرة + صورتين لخلفيات الجداول = 9 صور ، الآن بدلاً من إنشاء 9 إستدعاءات لجلب هذه الصور أنت ستقوم بإستدعاء واحد لجلب الصورة الكبيرة و يتولى الـ CSS تقطيعها و عرضها.

ثانياً : نصائح لملفات الجافا سكربت و الـ CSS

هناك مجموعة متفرقة من النصائح البسيطة التي تساهم في تحسين أداء الموقع و تتعلق بالجافا سكربت و الـ CSS سأذكرها تحت هذا البند :

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

- ضع ملفات الـ CSS في أعلى الصفحة ، و ملفات الجافا سكربت في أسفل الصفحة : السبب وراء ذلك ببساطة هو أن المتصفحات تقوم بعرض الصفحة بشكل أسرع اذا توفرت لها كافة ملفات التنسيق من البداية ، و ذلك لكي تتجنب إعادة تنسيق الصفحة من جديد ، هذا هو سبب أفضلية وضع ملفات الـ CSS في الأعلى. أما لماذا ملفات الجافا سكربت في الأسفل، فأيضاً لأن المتصفحات يمكنها القيام بطلبين HTTP Requests في نفس الوقت ، و لكن اذا كان الأمر يتعلق بملف جافا سكربت ، فالمتصفح لن يقوم بجلب أي عنصر آخر معه حتى ينتهي منه !

- تجنب وضع الـ CSS و الجافا سكربت في سطور الـ HTML : أو ما يعرف بـ Inline CSS & Javascript . ضع أي أكواد خاصة بهاتين التقنيتين في ملفات منفصلة و ذلك لكي تستفيد من عملية التخزين المؤقت Caching التي توفرها المتصفحات. فهذه العناصر اذا كانت مخزنة في ملفات فسيتمكن متصفح الزائر من تخزينها في الملفات المؤقته و من ثم إستخدامها بدلاً من أن يجلبها كل مرة.

ثالثاً : استخدم شبكات تخزين المحتوى

شبكات تخزين / توصيل المحتوى CDN ، هي خدمات خاصة تقدم لك إمكانية استضافة كافة الملفات الساكنة Static لموقعك بحيث تتكفل هي بإيصالها للزائر بدلاً من أن يكون الحمل على سيرفر موقعك. فمثلاً يمكن أن تضع كافة ملفات الـ CSS و الجافا سكربت و الصور و الفيديو و ملفات الـ PDF و أي ملفات أخرى على شبكة تخزين محتوى و تعدل الروابط في موقع لتشير إلى عناوينها الجديدة. بالتالي أنت توفر على السيرفر عدد الإستدعاءات التي سيتكفل بالرد عليها ، كما أنك تستفيد من الخصائص المذهلة التي تقدمها شبكات تخزين المحتوى مثل التخزين المؤقت على البروكسي Proxy Caching و نشر نسخ من المحتوى في مناطق جغرافية مختلفة حول العالم مما يساهم بسرعة إيصال المحتوى بشكل أكبر من سيرفر موقعك !

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

من أشهر خدمات تخزين المحتوى : أمازون S3 و خدمة NetDNA

رابعاً : معالجة الصور

بشكل عام فإن الصور هي عادة ما تكون أكبر العناصر في أي موقع ويب ، لذلك فإن معالجتها و التقليل من حجمها هو أمر بالغ الأهمية. حينما يتعلق الأمر بصفحة ويب ، فإن دقة الصور لا تكون ذات أهمية قصوى و يمكن بتقليل الدقة بنسبة 10 % تقليل حجم الصورة بنسبة 60 % أو أكثر . إليك هذا المثال من برنامج Paint.NET :

لاحظ في الصورة الأولى كيف أن حجم الملف أساساً هو 131.5 كيلو بايت ، بينما اذا قللنا جودة الصورة بنسبة 10 % وهو ما لا يترك أي أثر نهائياً على دقة الصورة وجودتها ، فإن حجم الصورة يقل إلى 54 كيلو بايت تقريباً ، أقل بـحوالي 60 % ، الآن راجع ملفات و صور موقعك و شاهد كيف يمكنك تقليل أحجامها دون المساس بدقتها.

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

خامساً : التحميل الديناميكي للعناصر

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

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

سادساً : استغل جهاز المستخدم

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

- التحقق من إدخالات النماذج و معالجتها و التأكد من صحتها

- رسم الرسوم البيانية و ذلك بإستقبال المعلومات من السيرفر بصيغة XML او JSON و استغلال إمكانيات الجافا سكربت و الـ CSS للرسم و معالجة البيانات ، يمكنك إستخدام Processing أو D3 أو Flot لهذا الغرض

- الأجاكس AJAX هي أحد أشكال المعالجة على جهاز المستخدم

سابعاً : استخدم أدوات التحليل

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

- موقع Cuzillion : يستخدم لتحليل هيكلة الموقع و توقع الوقت اللازم لتحميله في حال إستخدام هذه الهيكلة. موقع بسيط و لكنه مفيد.

- إضافة Firebug : تستخدم لتحليل الصفحة و معرفة مشاكل الأكواد الخاصة بها ، أداة لا غنى عنها

- إضافة YSlow : إضافة مفيدة لفحص أي صفحة في موقعك و معرفة مستواها مقارنة بمجموعة من القوانين الخاصة بتحسين أداء الصفحة ، إضافة يجب إستخدامها 

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

- أداة DynaTrace : أداة رائعة و متطورة تمنحك تفاصيل دقيقة عن أداء موقعك ، بمجرد التصفح ستجمع الأداءة الكثير من البيانات حول محتويات الصفحة و تظهر لك مستوى الأداء و النصائح لتطوير و تحسين سرعة الموقع و أداءه.

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

الموضوع القادم …

الموضوع القادم في هذه السلسلة سيكون عن : خادم الويب Web Servers و ما هي الأمور التي يمكن تغييرها لتحسين أداء و سرعة الموقع من خلال إعداداته و الإضافات الخاصة به.

١٥ طريقة لجعل مدونتك متميزة

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

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

ما الحل؟

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

http://blogsearch.google.com

15 . استمع لخبرة غيرك في التدوين

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

16. اكتب لي ما تريد سأتابع الردود باستمرار وسأتواصل معك في أي شيء تحتاجه

إجعل مدونتك أحسن | الجزء الأول

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

إجتنب توسيط النصوص

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

الخط

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

الألوان

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

• الألوان الباردة : الأزرق - الأخضر - البنفسجي .
• الألوان  الساخنة : الأحمر - البرتقالي - الأصفر .

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

الإعلانات

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

الأدوات و الإضافات

على سبيل المثال الأدوات التي توجد على القائمة الجانبية ( Sidebar ) كأداة ' المشاركات الشائعة ' و غيرها ، وجدتُ مدونة بها أداة إحصائيات تحتوي على زر يعرض عدد الزوار ثم زر اخر مثله من خدمة موقع اخر، ثم خريطة لأمكنة الزوار ثم قائمة بعدد الزوار من كل دولة .... !!! لم كــل هـــذا ؟؟؟ هل الزائر سيهتم باحصائات مدونتك ؟؟ أنت تهتم لذلك يمكنك الإكتفاء بزر واحد بسيط لا يؤثر لا على صفحات مدونتك و لا على الزوار أبدا كالزر التي تقدمه whos.amung.us ، ثم قائمات التبادل الإعلاني مامعنى أن تقوم بوضع 20 إعلان لمدونات أخرى ، بالطبع كلنا نعرف مدى أهمية التبادل الإعلاني ، لكن إن كنت تعلم كلما وضعت إعلانات أكثر فقد الزائر الإنتباه إليها و الإهتمام بها، كما أنها من جهة أخرى تزيد من حجم صفحات مدونتك و هذا شيء سلبي .
هناك إضافة متميزة لاحظت وجودها في بعض المدونات و المواقع ، إنها الساعة - أنـا أرى بأنها إضافة غير مهمة لأسباب منها :
لا يوجد حاسوب ليس به ساعة فما الهدف من وضعها في الموقع ، سيكون الهدف هو التجميل ، تكون الساعة غالبا بتقنية الفلاش التي تبطئ موقعك فهي جميلة لكن بطيئة للأسف ، إن كنت تريد وضعها فابحث عن ساعة خفيفة الحجم و جميلة المنظر .
هناك أيضا الشرائط المتحركة التي توجد في المواقع الإخبارية، هناك الكثير من المدونات التي تعتمدها بحبث تضع فيها " أهلا و سهلا بك في مدونتي " ، إنها تشتت إنتباه الزائر و تجعل تركيزه عليها فقط فإن كنت صاحب مدونة فلاشك أنك لا تريد أن يقرأ الزوار " أهلا و سهلا " و يرحلون، أما بالنسبة للمواقع الإخبارية فهي تؤذي الغرض منها جيدا فتلك الشرائط تحتوي دائما على مقاطع إخبارية التي يرغب الموقع بعرضها ، و بالتالي فهي تجلب له إهتمام الزوار بعكس المدونات التي بها ' أهلا و سهلا ' .