نصائح حول كيفية جعل مدونتك أكثر ملاءمة للجوال

نشرت: 2017-02-25

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

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

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

اختبار التوافق مع الجوّال

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

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

بالنسبة لأولئك الذين يستخدمون برنامج إدارة المحتوى (CMS) لتشغيل مدوناتهم ، مثل WordPress و Joomla! و Drupal و Blogger و Tumblr و Google Sites و Bitrix وما إلى ذلك ، يجب ألا يكون التخصيص مشكلة ، لأن معظم أنظمة البرامج هذه تقدم أدوات ، ستجعل موقع الويب الخاص بك تلقائيًا مناسبًا للجوّال. ولكن ، إذا ذهبت إلى جذر المدرسة القديمة المتمثل في عدم استخدام أي برنامج CMS لإنشاء موقع الويب الخاص بك ، أو إذا كنت تستخدم بالفعل CMS ، ولكن موقع الويب الخاص بك لا يزال غير متوافق مع معايير الهاتف المحمول ، فإليك بعض النصائح حول كيفية تحسين التوافق مع الجوّال لموقعك.

1. قم بتحديث CMS إلى أحدث إصدار واستخدم سمات الجوال

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

2. استخدم العناوين الفرعية

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

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

3. اختر الحجم المناسب للصور

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

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

4. استخدم التصميم سريع الاستجابة

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

على سبيل المثال ، Foundation 3 و Skeleton و Bootstrap . ستعمل هذه الأطر على ضبط مدونتك تلقائيًا ، بحيث يسهل قراءتها على أي جهاز. استخدام هذه أسهل بكثير من ترميز كل تركيبة ممكنة بنفسك. بالطبع يمكنك القيام بذلك أيضًا باستخدام وحدات الطول النسبية الجديدة في CSS3 مثل عرض منفذ العرض (vw) ، وارتفاع منفذ العرض (vh) ، والحد الأدنى لارتفاع وعرض منفذ العرض (vmin) والحد الأقصى لارتفاع وعرض منفذ العرض (vmax). ومع ذلك ، فإن البرمجة تتطلب مهارة بالإضافة إلى الوقت ، وإذا لم تكن مبرمجًا ذا خبرة ، أقترح عليك استخدام الخيار السابق.

5. استخدم تصميمات بسيطة

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

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

6. استخدم الخطوط القياسية

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

لذا اختر الخطوط التقليدية مثل Times New Roman أو Verdana أو Comic Sans MS أو WildWest أو Bedrock. وتحقق أيضًا من قابلية قراءة الخط الذي قررت استخدامه ، للتأكد من أن النص لا يصبح غير قابل للقراءة بمجرد عرضه على شاشة أصغر في الهاتف الذكي. القاعدة العامة هي أن أي نص على موقع ويب يجب أن يكون 14 بكسل على الأقل ، لأنه بهذه الطريقة سيكون النص كبيرًا بما يكفي لقراءته بسهولة حتى إذا كنت تستخدم جهازًا محمولًا بشاشة صغيرة جدًا.

7. تصغير المحتوى لكل صفحة

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

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

8. استخدام أشرطة فيديو يوتيوب

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

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

9. استبدال الروابط بأزرار وقوائم قابلة للنقر

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

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

10. استمر في الاختبار

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

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

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