H3 — الفصل 8 - Images

معيار H3 : ضغط الصور — دليل + قائمة تحقق

الجزء 1 - الأساسيات الفصل 8 - Images الكلمة المفتاحية : compression images

هذا النوع من التفاصيل عادةً ما يمنع الإشارات المتضاربة.

معيار **H3 — ضغط الصور** هو جزء من قائمة التحقق SEO الخاصة بنا (335 معيارًا). هنا لديك طريقة **عملية** للتحقق منه وتصحيحه — مع مثال عملي.

ما يغطيه هذا المعيار بالضبط

هذا النوع من التفاصيل عادةً ما يمنع الإشارات المتضاربة.

**H3 — ضغط الصور** (الفصل 8 - الصور): تحسين الوزن بدون فقدان جودة مرئية، الأدوات: TinyPNG، Squoosh

لماذا هو مهم (SEO + تجربة المستخدم)

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

في المواقع التي تُنتج بكميات كبيرة، يعمل هذا المعيار أيضًا كـ **حارس**: قاعدة مستقرة تمنع 1000 خطأ دفعة واحدة.

كيفية التحقق (خطوة بخطوة)

الطريقة: تدقيق سريع (يدوي + أداة واحدة). الأداة الموصى بها: **Squoosh**.

  1. افتح الصفحة في Chrome → DevTools → تبويب Performance/Network.
  2. شغّل Lighthouse وسجل النقطة الضعيفة الرئيسية.
  3. تحقق إذا كانت المشكلة تتكرر في صفحات “money”.

نصيحة: عزل أولاً 10 روابط URL “تمثيلية” (أفضل الصفحات + الصفحات المنتجة) قبل توسيع التصحيح.

كيفية التصحيح بشكل صحيح

الاستراتيجية: تطبيق قاعدة، ثم التحقق من الصفحات المجاورة.

  • تحويل إلى WebP/AVIF + ضغط (Squoosh/ImageOptim).
  • إضافة width/height لتجنب CLS.
  • كتابة alt سياقي (مفيد، وليس محشوًا بالكلمات المفتاحية).

ثم: إعادة الزحف لـ 50–200 رابط URL، ومراقبة Search Console لمدة 7–14 يومًا (الانطباعات/معدل النقر/الفهرسة).

مثال عملي (توضيحي)

مثال (توضيحي):

  • **السياق**: صفحة تدريب لكوتشينغ رياضي في تونس
  • **قبل**: صور PNG بحجم 2–4 ميجابايت، بدون أبعاد واضحة.
  • **بعد**: تحويل إلى WebP/AVIF + أبعاد + alt وصفي (السياق: صفحة تدريب).
  • **ملاحظة**: الهدف: تقليل الوزن وتحسين العرض (وأحيانًا البحث عن الصور).

قائمة التحقق

  • [ ] وزن محسن
  • [ ] احترام: الأدوات: tinypng
  • [ ] صيغة حديثة
  • [ ] أبعاد محددة
  • [ ] alt مفيد وسياقي
الأسئلة الشائعة

الأسئلة الشائعة — H3

ما هو الخطأ الأكثر شيوعًا في “ضغط الصور”؟

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

ما هي الأداة الأسرع للتحقق على نطاق واسع؟

لهذا النوع من المعايير، الزحف (مثل Screaming Frog) + التحقق المستهدف في Squoosh هو عادة أسرع تركيبة.

كيف تمنع تكرار هذا على 10 آلاف صفحة منتجة؟

تثبيت قاعدة توليد تلقائي (العنوان/الهيكل/المخطط/روابط URL) + إضافة تحكم تلقائي (زحف أو اختبار) قبل الاستيراد للإنتاج.

هل أنت مستعد للانتقال من النظرية إلى التطبيق؟

تحقق من هذا المعيار بتدقيق، ثم تعمّق في المنهجية في الأكاديمية.

تدقيق بالأداة → تعلّم في الأكاديمية →