المحتوى الرقمي

1مايو

دليل استراتيجيات استخدام الجهات الحكومية لتويتر

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

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

24أكتوبر

كيف تبدأ وتنطلق في عالم التدوين؟

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

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

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

5أبريل
حديقة عامة وفيها مسار عليه مجسمات على شكل قلوب ومغطاه بالزهور بحيث يمكن للزوار المرور من تحتها

النص البديل للصور في صفحات الويب، أهميته وماهي معايير إضافته

نبدأ هذه التدونية بصورة

حديقة عامة وفيها مسار عليه مجسمات على شكل قلوب ومغطاه بالزهور بحيث يمكن للزوار المرور من تحتها

عندما أضفت النص البديل لهذه الصورة كتبته بهذا النص:

“حديقة عامة وفيها مسار عليه مجسمات على شكل قلوب ومغطاه بالزهور بحيث يمكن للزوار المرور من تحتها”

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

ومنها هنا تبرز أهمية إضافة النص البديل للصور المضافة في أي صفحة إلكترونية وهو alternative text ويختصر بـAlt text يظهر لمن لا يرون الصور ومنهم:

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

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

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

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

نقاط متفرقة في النص البديل للصور:

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

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

1فبراير

كيف تكتب بلغة بسيطة لقارئ الويب؟

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

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

الصورة مصدرها الانترنت وشكراً لمن صممها 🙂

31أكتوبر
كفيف

الويب للجميع، بما فيهم ذوي الاحتياجات الخاصة (2)

كتبت في تدوينة سابقة “الويب للجميع، بما فيهم ذوي الاحتياجات الخاصة (1)” وهنا أكمل السلسلة حول نفس الموضوع وسيكون تركيزي للإجابة عن السؤال: كيف يستخدم ذوو الإحتياجات الخاصة مواقع الويب والتطبيقات؟

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

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

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

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

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

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

25أكتوبر
موقع أين

رحلتي لـ20 عام مع الإنترنت في السعودية

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

23أكتوبر

الويب للجميع، بما فيهم ذوي الاحتياجات الخاصة (1)

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

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

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

Web Accessibility Initiative

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

لا زلت في البدابة وسيكون هناك تدوينات لاحقه في هذا الموضوع “دعواتكم”

11أكتوبر

مجموعة معايير لضمان أمثلية صفحة الموقع مع محركات البحث SEO

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

  1. استخدام روابط صديقة وتكون أول ثلاث كلمات من الكلمات المفتاحية لموضوع الصفحة وبالتأكيد تكون روابط قصيرة.
  2. إبدأ عنوان الصفحة بالكلمات المفتاحية وهي الكلمات الرئيسية لموضوع الصفحة والتي سيبحث عنها من يريد محتوى الصفحة.
  3. إضافة صفة تعريفية للعنوان مثل: “أفضل” “دليل” “مراجعة”
  4. تحديد نسق العنوان الرئيسي في الاستايل H1
  5. إضافة وسائط للصفحة لأن الصور والفيديوهات والإنفوجرافيك تزيد من قوتها.
  6. تحديد نسق العناوين الفرعية H2 وضمان إحتوائها على الكلمات المفتاحية.
  7. وضع الكلمات المفتاحية في الفقرة الأولى (في أول 100 كلمة).
  8. يكون تصميم الصفحة متجاوب مع كل مقاسات الشاشات بما فيها الجوال (Responsive)
  9. إضافة روابط خارجية، وهذا المعيار له وزن كبير في حال تمت إضافة روابط لمواقع متميزة وذات علاقة بموضوع الصفحة.
  10. إضافة روابط داخلية، وهنا يقصد إضافة روابط لصفحات في نفس الموقع وتكون داعمه إذا كانت هي من الكلمات المفتاحية، وهي تضمن زيادة تصفح الزائر للموقع والحصول على المزيد من المعلومات.
  11. ضمان سرعة تصفح الموقع.
  12. إحتواء المحتوى على الكلمات المفتاحية المعروفة بـ(LSI) وهي التي تظهر في أسفل محرك البحث جوجل وتكون ذات علاقة بكلمات البحث الرئيسية، ولكن على كاتب المحتوى أن لا يضعها بطريقة تضعف الجمل بل توضع بذكاء وتكون جزء من النص وذات فائدة.
  13. الاهتمام بأمثلية الصور مع محركات البحث بإضافة عناصرها المطلوبة مثل ALT text و الوصف والنص البديل وبالطبع تكون متضمنه للكلمات المفتاحية.
  14. إضافة أيقونات مشاركة المحتوى في الشبكات الاجتماعية.
  15. إضافة محتوى نصي طويل (على الأقل 1900 كلمة) وغني بالمعلومات ولتسهيل القراءة يتم توزيعه على فقرات وعناوين فرعية.
  16. ضمان بقاء الزائر فترة أطول في الصفحة.

أكمل القراءة »

© جميع الحقوق محفوظة 2020