باختصار: لفحص الصور على صفحة ما من حيث تحسين محركات البحث، الصق رابطها في أداة فحص الصور المجانية من PromoPilot. ستحلل الأداة ما يصل إلى 100 وسم <img>: ما إذا كان هناك وسم alt، وما إذا تم ضبط loading="lazy" ، وما إذا تم تحديد العرض والارتفاع، وما إذا تم استخدام WebP أو AVIF أو SVG، وما إذا كان هناك srcset. والنتيجة هي درجة من 0 إلى 100 وتعليقات على كل صورة. ستجد أدناه كيفية حساب الدرجة، وما يجب إصلاحه أولاً، وما لا تكشفه الأداة.
أعمل في مجال تصميم المواقع الإلكترونية والمتاجر منذ 12 عامًا، وتُعدّ الصور العائق الرئيسي في معظمها. مثال على ذلك: بطاقة منتج نموذجية: خمس صور بحجم 3 ميجابايت مُلتقطة مباشرةً من الكاميرا، نص بديل فارغ، واسم الملف IMG_4512.jpg.
ما الذي يتحقق منه فحص تحسين محركات البحث للصور؟
تقوم الأداة بفحص كل صورة على الصفحة بناءً على خمسة معايير وتجمعها معًا لتكوين درجة إجمالية.
| ما الذي يتحقق منه؟ | ما الذي ينظر إليه؟ | لماذا يُعد هذا الأمر مهمًا لتحسين محركات البحث والأعمال التجارية؟ |
|---|---|---|
| Alt | هل يوجد وصف نصي لكل صورة <img> | ترتيب صور Google حسب النص البديل؛ إمكانية الوصول للمكفوفين |
| التحميل الكسول | يتم تطبيق السمة loading="lazy" على الصور الموجودة أسفل الشاشة الأولى. | لا تقوم الصفحة بتحميل أي شيء لم يقم الزائر بالتمرير إليه بعد. |
| العرض والارتفاع | هل تم تحديد الأبعاد في سمات الوسم؟ | لا "تقفز" الكتل عند التحميل - هذا مقياس CLS |
| شكل | WebP أو AVIF أو SVG حسب امتداد الملف | تتميز الصيغ الحديثة بصغر حجمها بشكل ملحوظ مقارنةً بصيغتي JPG و PNG. |
| مجموعة المصادر | هل توجد خيارات للصور تناسب الشاشات المختلفة؟ | يستقبل الهاتف الملف الصغير، وليس نسخة الشاشة. |
تُضاف قائمة بالتعليقات إلى كل صورة، وتُمنح الصفحة تقييمًا نهائيًا. وهذا مفيد: إذ يمكنك معرفة ليس فقط الأخطاء، بل أيضًا الصورة التي بها المشكلة.
كيفية التحقق من الصور على موقع ويب عبر الإنترنت؟
- افتح أداة فحص تحسين محركات البحث للصور.
- أدخل عنوان الصفحة ، ويفضل أن تكون صفحة تحتوي على الكثير من الصور: بطاقة المنتج، الفئة، مقالة المدونة، معرض الأعمال.
- انقر على "تحقق" وانتظر حتى يتم مسح جميع الصور ضوئيًا.
- اطلع على التقييم وقائمة التعليقات لكل صورة.
- يرجى إصلاح المشاكل والتحقق من الصفحة مرة أخرى.
هذا هو شكل صفحة الأداة: حقل العنوان، وقائمة الفحوصات، والأسئلة الشائعة.
كيف يتم حساب التقييم وما الذي يجب تصحيحه أولاً؟
يبدأ التقييم من 100 نقطة، وتُخصم نقاط جزائية لكل مشكلة، بناءً على نسبة الصور غير المطابقة للتقييم في الصفحة. بمعرفة القواعد، يسهل تحديد ما سيحقق أكبر زيادة في التقييم.
| فحص | بخير | تعليق |
|---|---|---|
| Alt | أقل من 50% من الصور ذات قيمة alt — -30؛ أقل من 80% — -15؛ أقل من 100% — -5 | أهم نقطة |
| التحميل الكسول | أقل من 50% - -15؛ أقل من 80% - -8 | لم يتم أخذ الصور الثلاث الأولى في الاعتبار |
| العرض والارتفاع | أقل من 50% - -15؛ أقل من 80% - -8 | لا يتم أخذ الأبعاد التي تعتمد على CSS فقط في الاعتبار. |
| WebP أو AVIF أو SVG | أقل من 30% - -10 | يتم تحديد التنسيق بواسطة الامتداد |
| مجموعة مصادر الصور النقطية | أقل من 30% - -10 | لا يحتاج SVG إلى srcset |
هذا هو طلب العمل الخاص بي:
- بديل: أغلى قطعة وأسهلها إصلاحًا. اكتب ما هو معروض:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку"، وليسalt="рюкзак купить дёшево рюкзак". بالنسبة للعناصر الزخرفية، استخدمalt=""فارغًا. - العرض والارتفاع. حدد الأبعاد الفعلية في السمات، وأضف
img { max-width: 100%; height: auto; }إلى CSS - ستظل الصورة متجاوبة، ولن يقفز التصميم. - ينطبق التحميل الكسول على كل شيء أسفل الجزء المرئي من الصفحة. ومع ذلك، فهو يضر بالصورة الرئيسية: إذ يجب تحميلها فوراً وبأولوية.
- WebP أو AVIF. يدعم WordPress تحميل ملفات WebP منذ الإصدار 5.8، وملفات AVIF منذ الإصدار 6.5.
- Srcset للصور الكبيرة حتى لا يقوم الهاتف بتنزيل نسخة الشاشة.
مثال على صورة رئيسية مناسبة وصورة متكيفة في النص:
<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">كيفية كتابة نص بديل جيد للصورة؟
يُعدّ نص الصورة البديل (alt tag) أهم عنصر في التقييم، وهو المكان الذي تُرتكب فيه الأخطاء غالبًا: إما بتركه فارغًا أو بحشوه بالكلمات المفتاحية. قاعدة بسيطة: صف الصورة لشخص لا يستطيع رؤيتها بوضوح في جملة واحدة.
| صورة | بديل سيئ | بديل جيد |
|---|---|---|
| صور المنتج | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| صورة الفريق | photo1 | Мастера мастерской Nord за работой над сумкой |
| رسم تخطيطي أو مخطط | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| أيقونة الزخرفة | иконка | alt="" — لا داعي لقراءته |
في الكتالوج، من الملائم إنشاء نصوص بديلة باستخدام قالب: اسم المنتج + اللون أو النوع + زاوية التصوير. بهذه الطريقة، ستحصل خمس صور على بطاقة واحدة على خمسة أوصاف مختلفة ومفيدة، بدلاً من خمسة أوصاف متطابقة.
اسم الملف مهم أيضاً: kozhanyj-ryukzak-nord-korichnevyj.webp أفضل من IMG_4512.jpg. لا داعي لإعادة تسمية الملفات القديمة لهذا السبب فقط، بل ارفع ملفات جديدة بأسماء وصفية.
مقارنة: مدقق تحسين محركات البحث للصور والبدائل
| أداة | ما هو المجاني؟ | قيود | لمن يناسب هذا المنتج؟ |
|---|---|---|---|
| برومو بايلوت - أداة فحص تحسين محركات البحث للصور | خيارات إضافية: Alt، التحميل الكسول، العرض/الارتفاع، التنسيقات، srcset؛ التقييم من 0 إلى 100 والتعليقات لكل صورة | يصل حجم الملف إلى 100 صورة، ولا يتم تقدير حجم الملف. | تحليل الصور بسرعة من أي صفحة |
| Google بيج سبيد إنسايتس | تدقيق الصور كجزء من اختبار السرعة: التنسيق، الحجم، التحميل الكسول | وسط عشرات الفحوصات الأخرى، بالكاد يفهم برنامج alt | تقييم تأثير الصور على السرعة |
| سحق | ضغط وتحويل صورة واحدة في المتصفح | لا يقوم بفحص الصفحة، ويعمل مع الملفات | إعداد الصور الفردية |
| عنكبوت تحسين محركات البحث Screaming Groove | قائمة الصور بدون نص بديل في جميع أنحاء الموقع | يلزم التثبيت، والنسخة المجانية محدودة من حيث عدد العناوين. | التدقيق البديل على مئات الصفحات |
الخلاصة: يُظهر مدقق الإنترنت ما هو الخطأ في الصور الموجودة على صفحة معينة، ويُظهر PageSpeed مقدار التكلفة في السرعة، ويساعد Squoosh أو المحول في إصلاح الملفات نفسها.
يُقدّم PromoPilot 87 أداة مجانية لتحسين محركات البحث ، بما في ذلك أداة ضغط الصور ومحوّل WebP، تعمل مباشرةً في المتصفح دون الحاجة إلى تحميل الملفات إلى الخادم. لفهم حجم الصفحة الإجمالي، يُرجى الاطلاع على مقالنا ضمن سلسلة تحليل سرعة الصفحة.
ما الذي لا يراه التحقق من الصور؟
لنكن صريحين بشأن حدود الأداة - من المهم معرفتها لتفسير التقييم بدقة:
- لا يتم أخذ حجم الملف في الاعتبار - لا يتم تنزيل الصور؛ يتم تحديد التنسيق بواسطة الامتداد.
- لا يتم تحليل الوسم
<picture>: سيتم وضع وسم JPG في<img>حتى لو كان هناك AVIF أو WebP في<source>المجاور له. - لا يتم تضمين صور الخلفية من CSS والصور المضافة بواسطة JavaScript في التقرير.
- لا يتم أخذ الأبعاد المحددة في CSS فقط في الاعتبار.
- الصفحة التي لا تحتوي على أي صورة
<img>تحصل على 50 نقطة - هذا ليس "نصف الأخطاء"، بل "لا شيء يستحق التقييم".
متى لا تكفي الأداة المجانية؟
يستغرق تصحيح النص البديل في صفحة واحدة عشر دقائق. ولكن إذا كان المتجر يحتوي على خمسة آلاف منتج، فمن المستحيل القيام بذلك يدويًا. أنت بحاجة إلى متخصص في الحالات التالية:
- ينبغي إنشاء النص البديل تلقائيًا من الاسم واللون والزاوية للكتالوج بأكمله؛
- يتم تحميل الصور من الكاميرا بدون ضغط، وهناك حاجة إلى مسار تلقائي: الضغط، WebP، أحجام متعددة؛
- يعرض تصميم الموقع الإلكتروني الصور بدون تحديد العرض والارتفاع و srcset، ويجب إصلاح القالب؛
- هل ترغب في الحصول على زيارات من صور Google للاستفسارات المتعلقة بالمنتجات؟
ما الذي يمكنني فعله لموقعك الإلكتروني؟
أنا فاليري دانيوك، مطور ومتخصص في تحسين محركات البحث، ولدي خبرة 12 عامًا وأكثر من 200 عميل، بما في ذلك العديد من المتاجر الإلكترونية التي تحتوي على آلاف الصور.
تحسين محركات البحث والتدقيق
- تدقيق تحسين محركات البحث لموقع الويب بالكامل: أقوم بفحص الصور في جميع أنحاء الموقع، وإعداد التحويل التلقائي والنص البديل في القوالب.
- مدونة لتحسين محركات البحث مدعومة بالذكاء الاصطناعي تجلب عملاء عضويين - تعرض تلقائيًا صورًا بديلة وصور WebP لكل مقال.
المتاجر والكتالوجات
- كتالوج يحتوي على 300 عنصر في غضون دقائق قليلة عبر MCP و Claude - مع وصف وصور لكل عنصر.
- متجر إلكتروني على WooCommerce مع معالجة صور مناسبة.
- نقل المتجر من Instagram إلى الموقع الإلكتروني — صور المنتجات وأوصافها قيد النقل.
- يمكن نقل المنتجات والصور والنصوص إلى 1001site عبر رابط من موقعك الإلكتروني القديم أو وسائل التواصل الاجتماعي.
المحاسبة والأتمتة
- المحاسبة + مسك الدفاتر + متجر لـ 30,000 منتج.
- بوت Telegram مزود بتقنية الذكاء الاصطناعي لمتجر صلصات عبر الإنترنت.
أرسل لي رابط بطاقة المنتج على Telegram - سأخبرك بالمبلغ الذي يمكنك ربحه بناءً على الصور.
نتيجة
- يقوم مدقق صور تحسين محركات البحث عبر الإنترنت بتحليل ما يصل إلى 100 صورة على الصفحة ويمنحها درجة من 0 إلى 100، بالإضافة إلى التعليقات لكل صورة.
- تُمنح أعلى النقاط لأبعاد alt و width/height، تليها التحميل الكسول، و WebP/AVIF و srcset.
- الصورة الرئيسية لا تحتاج إلى التحميل الكسول - إنها تحتاج إلى
fetchpriority="high". - بالنسبة للكتالوجات الكبيرة، تتم معالجة الصور بشكل آلي - أو يتم اختيار منصة يتم فيها ذلك بالفعل، على سبيل المثال، 1001site.
تحقق من أثقل صفحة في موقعك باستخدام أداة فحص تحسين محركات البحث للصور المجانية - ابدأ بالنص البديل.
مصادر
- صفحة مدقق تحسين محركات البحث للصور من PromoPilot - عمليات التحقق، وقواعد التقييم، والقيود، والأسئلة الشائعة.
- مركز بحث Google - توصيات الصور للبحث.
- Google PageSpeed Insights و Squoosh - وصف الميزات.
