الخلاصة: سيو الصور يعني أن كل صورة مضغوطة بصيغة حديثة، ولها اسم ملف وصفي ونص بديل حقيقي، ومحمَّلة بتأجيل حيث يناسب، ومحددة بأبعاد صريحة. كل من ذلك يؤدي مهمة: الصيغ الحديثة والتحميل المؤجل يحميان درجات سرعتك، وأسماء الملفات الوصفية والنص البديل يخبران محركات البحث والذكاء الاصطناعي بما تعرضه الصورة، والأبعاد الصريحة توقف الإزاحة التي تُفشل CLS. والقاعدة التي يغفلها الناس: لا تؤجّل أبداً تحميل صورتك البطلة.
ما هو سيو الصور؟
سيو الصور مجموعة ممارسات تخدم ثلاثة أهداف في آن: سرعة الصفحة، وإتاحة الوصول، وقابلية الاكتشاف. الصورة الواحدة تمس الثلاثة: وزنها يؤثر في التحميل، ونصها البديل يؤثر في إتاحة الوصول وفي كيفية قراءة الآلات لها، وأبعادها تؤثر في الاستقرار البصري. ضبط الصور من أعلى الإصلاحات التقنية مردوداً لأن الصفحة النموذجية تحوي كثيراً منها، وكل واحدة فرصة لتنفع أو تضر.
هذا الفحص الثالث عشر في قائمة السيو للذكاء الاصطناعي، وأحد فحوصات الفحص التقني قبل الإقلاع الستة. ويقع مباشرة فوق فحص السرعة، لأن الصور غير المحسّنة أشهر سبب منفرد لفشل LCP.
لماذا تهم صيغة الصورة وضغطها؟
لأن الصور عادة أثقل شيء على الصفحة، والصور الثقيلة أشهر سبب لفشل LCP. تقديم صيغ حديثة مثل WebP وAVIF بدلاً من JPEG وPNG القديمتين يقلل حجم الملف بشكل كبير بجودة بصرية نفسها، وتسليمها عبر CDN يقلل التأخر الجغرافي فوق ذلك. والصورة البطلة المفرطة الحجم هي المذنب الكلاسيكي: صورة بحجم 3 ميجابايت حيث تبدو صورة بحجم 150 كيلوبايت مطابقة قادرة وحدها على دفع التحميل فوق عتبة 2.5 ثانية.
الضغط ليس مسألة صيغة فقط. حجّم الصورة إلى أكبر بُعد ستُعرض به فعلاً، بدلاً من شحن أصل بعرض 4000 بكسل في مساحة 800 بكسل وترك المتصفح يصغّرها. البايتات التي يُنزّلها المتصفح هي الملف الكامل لا الحجم المعروض، فتقديم صور بالحجم الصحيح غالباً أكبر مكسب سرعة منفرد في صفحة مثقلة بالصور.
ما الذي يصنع نصاً بديلاً وأسماء ملفات جيدة؟
وصفية ومحددة ومكتوبة لإنسان لا يرى الصورة. النص البديل يصف ما تعرضه الصورة فعلاً بلغة واضحة، لا حشو كلمات مفتاحية: "ختم توثيق زمردي فوق ثلاث بطاقات مستندات" أفضل من "صورة ثقة سيو كلمة مفتاحية". يخدم مستخدمي قارئات الشاشة أولاً، وتقرؤه محركات البحث والذكاء الاصطناعي لفهم الصورة، فالوصف الدقيق واجب إتاحة وإشارة اكتشاف معاً.
أسماء الملفات تؤدي نسخة أصغر من المهمة نفسها. اسم وصفي مثل content-capsule-diagram.webp يخبر محرك البحث أكثر مما يفعل IMG_4821.jpg، قبل قراءة النص البديل أصلاً. حاجزان: صِف الصورة بصدق بدلاً من التلاعب، وتجاوز النص البديل في الصور الزخرفية البحتة حتى تتجاهلها قارئات الشاشة، مستخدماً خاصية alt فارغة بدلاً من حشو كلمات.
كيف تتعامل مع التحميل المؤجل؟
أجّل ما تحت الطية، لا البطلة أبداً. التحميل المؤجل يؤخر الصور خارج الشاشة حتى يمرّر المستخدم قربها، فيوفر النطاق ويسرّع التحميل الأولي، وهو الافتراض الصحيح للصور أسفل الصفحة. لكن أكبر صورة فوق الطية تكون دائماً تقريباً عنصر LCP، وتأجيلها يؤخر الشيء نفسه الذي تقيسه Core Web Vitals، فيزيد درجتك سوءاً.
فالقاعدة منقسمة: الصورة البطلة تُحمَّل بشغف، ويفضَّل بتلميح تحميل مسبق عالي الأولوية، وكل ما تحت الطية يُحمَّل بتأجيل. وهذا أشهر خطأ صور عملياً، لأن كثيراً من منصات إدارة المحتوى والإضافات تؤجّل تحميل كل صورة افتراضياً، بما فيها التي تحتاج تحميلها أولاً.
لماذا تحتاج الصور أبعاداً صريحة؟
لأن الصورة بلا عرض وارتفاع معلنين تسبب إزاحة تخطيط، والإزاحة تُفشل CLS. حين لا يعرف المتصفح حجم الصورة مسبقاً، لا يحجز مساحة، فحين تُحمَّل الصورة تدفع كل ما تحتها للأسفل، وتلك القفزة هي بالضبط ما تعاقبه الإزاحة التراكمية للتخطيط. ضبط خاصيتي العرض والارتفاع الصريحتين، أو نسبة أبعاد بـCSS، يتيح للمتصفح حجز المساحة الصحيحة من البداية، فتملأ الصورة مساحة محجوزة بدلاً من دفع الصفحة. وهذا الزوج من الخصائص أبسط إصلاح لـCLS على الإطلاق، وإغفاله من أشهر أسباب فشل درجة الاستقرار.
صورة محسّنة مقابل صورة غير محسّنة
| الخاصية | صورة محسّنة | صورة غير محسّنة |
|---|---|---|
| الصيغة | WebP أو AVIF عبر CDN | JPEG أو PNG ثقيلة |
| الحجم | محجَّمة لمساحة العرض | أصل 4000 بكسل في مساحة صغيرة |
| اسم الملف | وصفي مثل hero-diagram.webp | IMG_4821.jpg |
| النص البديل | وصف واضح للمحتوى | غائب أو محشو بالكلمات |
| التحميل | البطلة بشغف والباقي بتأجيل | الكل بتأجيل بما فيه البطلة |
| الأبعاد | عرض وارتفاع صريحان | لا شيء، فتحدث إزاحة |
كيف نطبق القاعدة في HBS؟
كل صورة ننشرها محوَّلة إلى صيغة حديثة، ومحجَّمة، ولها نص بديل وصفي، ومشحونة بأبعاد صريحة، والصور البطلة مضبوطة على التحميل بشغف بينما صور المحتوى تُحمَّل بتأجيل. ويُكتب النص البديل وصفاً صادقاً لا مساحة كلمات، فيخدم إتاحة الوصول وقابلية القراءة الآلية معاً. هذا جزء ثابت من فحصنا التقني قبل الإقلاع، وأعمال حلول السيو المتقدمة التي نقدمها تشمل تدقيق وإعادة تحسين طبقة الصور عبر الموقع، وهو ما يستعيد LCP فاشلاً بمفرده كثيراً.
أرخص مكسب سرعة على الصفحة
الصور عادة أثقل شيء على الصفحة وأسهل شيء للإصلاح، ما يجعل سيو الصور أعلى التغييرات التقنية مردوداً في معظم المواقع. حوّلها، وحجّمها، وسمّها، وصفها، واحجز مساحتها. لو صفحاتك بطيئة ومثقلة بالصور، فريق حلول السيو المتقدمة في HBS يقدر يدقّق كل صورة، ويصلّح الصيغ والأبعاد والتحميل، ويستعيد السرعة وإتاحة الوصول اللي بتخسرها. اطلب مراجعة مجانية واعرف صورك بتكلّفك كام من الوزن.
