5.3SEO والوصولية
الأساسي في 30 ثانية
- SEO: بنية عناوين صحيحة (H1 واحد، تراتُب)، محتوى جيّد، صفحات سريعة.
- الوصولية: alt للصور، تراتُب العناوين، تباينات كافية، تنقّل واضح.
- SEO والوصولية يلتقيان: بنية واضحة تخدم كليهما.
الخيط الناظم — نادية تعتني بالجوهر
موقع النجّار جميل وسريع؛ يبقى جعله قابلًا للإيجاد ومتاحًا للجميع. تتحقّق نادية من H1 واحد لكل صفحة، alt على الصور، تباينات مقروءة تحت الشمس، تنقّل واضح. تلاحظ أن هذه الممارسات تخدم معًا Google والزوّار.
تكملة 5.2 — جعل الموقع قابلًا للإيجاد وشاملًا.
1. SEO: بنية وجودة
SEO (التحسين لمحرّكات البحث) يُحسّن الموقع ليُصنَّف جيدًا في المحرّكات. الممارسات الجيّدة من جهة Elementor/WordPress: بنية عناوين صحيحة (H1 واحد، ثم H2/H3 في تراتُب)، محتوى جيّد وملائم، صفحات سريعة (المستوى 5.1)، وسوم و روابط نظيفة (غالبًا عبر إضافة SEO).
تتحقّق نادية من كل صفحة: H1 وحيد، تراتُب منطقيّ، عناوين وصفية.
2. الوصولية (وتلتقي بالـ SEO)
الوصولية تجعل الموقع صالحًا للاستخدام من الجميع، بمن فيهم ذوو الإعاقة. الأساسيات: النصّ البديل (alt) للصور، بنية عناوين واضحة، تباينات كافية، تنقّل متّسق (لوحة المفاتيح).
نقطة مفتاحية: SEO والوصولية يلتقيان — بنية عناوين واضحة، alt، تباين جيّد تساعد معًا المحرّكات والزوّار. العناية بأحدهما غالبًا عناية بالآخر.
🔎 مثال ملموس — جعل الموقع قابلًا للإيجاد وشاملًا (حالة نادية)
SEO: 1 H1/صفحة، تراتُب H2/H3، عناوين وصفية، صفحات سريعة.
الوصولية: alt على كل صورة، تباينات مُتحقَّق منها، تنقّل واضح.
الأرضية المشتركة: بنية العناوين والـ alt تخدمان كليهما.
→ تحقّق من كل صفحة قبل التسليم.النتيجة: موقع أفضل ظهورًا ومتاح للجميع.
الدرس: SEO والوصولية يسيران معًا.
مفردات القسم
- SEO (التحسين الطبيعيّ)
- تحسين الموقع لتصنيف جيّد في محرّكات البحث.
مثال بسيط: عناوين واضحة، محتوى ملائم، صفحات سريعة.
ما ليس كذلك: حشو كلمات مفتاحية بلا بنية.
رد فعل: بنية + جودة + سرعة.
- بنية العناوين
- H1 واحد لكل صفحة، ثم H2/H3 في تراتُب منطقيّ.
مثال بسيط: H1 عنوان الصفحة، H2 أقسام، H3 أجزاء فرعية.
ما ليس كذلك: عدّة H1 أو مستويات عشوائية.
رد فعل: H1 واحد، تراتُب نازل.
- النصّ البديل (alt)
- وصف صورة للمحرّكات وقارئات الشاشة.
مثال بسيط: alt «طاولة بلّوط صلب، تشطيب زيتيّ».
ما ليس كذلك: alt فارغ أو اسم ملفّ.
رد فعل: كل صورة مفيدة لها alt وصفيّ.
- التباين
- فرق نص/خلفية كافٍ للمقروئية (الوصولية).
مثال بسيط: نصّ داكن على خلفية فاتحة، مقروء تحت الشمس.
ما ليس كذلك: رمادي فاتح على أبيض.
رد فعل: تحقّق من تباين كل نصّ.
- SEO ↔ الوصولية
- كلاهما يلتقي: عناوين، alt، بنية واضحة تخدم كليهما.
مثال بسيط: تراتُب جيّد يساعد Google وقارئات الشاشة.
ما ليس كذلك: معاملتهما كورشتَين منفصلتَين اختياريتَين.
رد فعل: العناية بأحدهما غالبًا عناية بالآخر.
في التطبيق — التحقّق من SEO والوصولية
- تحقّق من وجود H1 واحد لكل صفحة وتراتُب H2/H3 منطقيّ.
- تحقّق من alt وصفيّ على كل صورة مفيدة.
- تحقّق من تباينات النص/الخلفية (المقروئية).
- اختبر التنقّل (قائمة واضحة، قابلة للاستخدام بلوحة المفاتيح).
نصّ جاهز للقول — إبراز SEO + الوصولية (20 ث)
«اعتنيتُ ببنية الموقع لسببَين مترابطَين: أن يُوجَد أفضل على Google، وأن يبقى صالحًا للاستخدام من الجميع — بمن فيهم ضعاف البصر. عناوين مُترتّبة جيدًا، أوصاف للصور، تباينات جيّدة: هذه الممارسات تخدم ظهورك وزوّارك.»
اربطي الظهور والشمول: الأساس نفسه، فائدة مزدوجة.
قالب للنسخ واللصق — تحقّق SEO/الوصولية
H1 واحد لكل صفحة + تراتُب H2/H3: نعم / لا
alt وصفيّ على كل صورة مفيدة: نعم / لا
تباينات نص/خلفية كافية: نعم / لا
تنقّل واضح (لوحة المفاتيح): نعم / لا
صفحات سريعة (انظر 5.1): نعم / لاموقع تعريفي محلّيّ
عناوين وصفية + معلومات تواصل واضحة للظهور المحلّيّ.
مدوّنة
تراتُب عناوين مُعتنى به لكل مقال، مفيد للـ SEO والقراءة.
الصور
alt وصفيّ: وصولية + ظهور الصور.
التباينات
تحقّق من المقروئية تحت الشمس ولكل العيون.
✓ ممارسات جيدة
- H1 واحد لكل صفحة، تراتُب منطقيّ.
- alt وصفيّ على كل صورة مفيدة.
- تحقّق من التباينات والتنقّل.
✗ أخطاء شائعة
- عدّة H1 أو عناوين عشوائية.
- alt فارغ أو أسماء ملفّات.
- تباينات غير كافية (نصّ قليل المقروئية).
النقاط الأساسية
- SEO: عناوين، محتوى، سرعة، روابط نظيفة.
- الوصولية: alt، عناوين، تباين، لوحة مفاتيح.
- كلاهما يلتقي (أساس مشترك).
- جوهريّ، لا اختياريّ.
تحدّي 48 ساعة — طبّق غدًا
دقّق صفحة: تحقّق من H1 واحد + تراتُب، alt الصور، التباينات والتنقّل بلوحة المفاتيح. صحّح عيبًا من كل فئة. 30 دقيقة.
- أحترم تراتُب العناوين.
- أملأ الـ alt وأتحقّق من التباينات.
- أعتني بالـ SEO والوصولية معًا.
أسئلة شائعة
كم H1 لكل صفحة للـ SEO؟
واحد فقط، العنوان الرئيسيّ، ثم تراتُب H2/H3. جيّد للظهور وللوصولية (قارئات الشاشة).
هل يخدم النصّ البديل الـ SEO أم الوصولية؟
كليهما: يصف الصورة لقارئات الشاشة (وصولية) ويساعد المحرّكات على فهم الصورة (SEO). مثال مثاليّ على الأرضية المشتركة.
هل SEO والوصولية مرتبطان فعلًا؟
بسعة: بنية عناوين واضحة، alt، تباين جيّد وتنقّل متّسق تخدم معًا الظهور والوصولية. العناية بأحدهما تساعد الآخر.
قبل التسليم، تريد نادية موقعًا جيّد الظهور ومتاحًا معًا. أي أساس يخدم كليهما؟