Sat Mar 28 2026 20:00:00 GMT-0400 (北美东部夏令时间)
دليل تحسين صور لمحركات البحث: النص البديل والسرعة والفهرسة
استخدم مسار عمل تحسين صور لمحركات البحث لكتابة نص بديل مفيد، واختيار WebP delivery، وتجنب الصفحات البطيئة، ومساعدة Google في اكتشاف أصول الصور.

آخر تحديث: June 28, 2026
تحسين محركات البحث للصور (Image SEO) ليس مجرد حيلة لحشو الكلمات المفتاحية في أسماء الملفات. بل هو العمل العملي لجعل الصور المهمة قابلة للاكتشاف، ومفهومة، وسريعة، ومفيدة في الصفحة التي تظهر فيها.
يغطي هذا الدليل سير العمل الذي سأستخدمه لمعرض المنتجات، أو المقال التحريري، أو صفحة الخدمة المحلية، أو صفحة الهبوط الغنية بالصور، قبل التساؤل عما إذا كان يمكن للصور أن تصنف في Google Images.
إجابة سريعة: ما هو أهم شيء لتحسين محركات البحث للصور؟
يعمل تحسين محركات البحث للصور عندما يمكن الزحف إلى الصورة، وتشرح الصفحة ما تظهره الصورة، ويتم تحميل الملف بسرعة كافية بحيث لا يتخلى المستخدمون عن الصفحة. ابدأ بعنوان URL لصورة مستقر عبر HTTPS، واسم ملف وصفي، ونص بديل (alt text) محدد، ومحتوى نصي داعم مفيد، وإصدار مضغوط بصيغة WebP أو AVIF بحجم مناسب للتخطيط.
تؤكد إرشادات Google الخاصة لأفضل ممارسات الصور على الصور عالية الجودة، والنصوص الوصفية القريبة من الصورة، وعناوين الصفحات الجيدة، وعناوين URL القابلة للزحف. إن سياق الصفحة يهم بقدر أهمية الملف نفسه.
استخدم هذا الترتيب: قابلية الاكتشاف أولاً، الوصف ثانياً، التسليم ثالثاً، والقياس أخيراً. إذا كان الملف يعيد رمز 404، أو تم حظره بواسطة robots.txt، أو يظهر فقط داخل كود من جانب العميل لا يمكن لمحركات البحث تحليلها بشكل موثوق، فلن يحل النص البديل الأفضل المشكلة.
لإجراء عملية نشر أكثر شمولاً بعد العمل على تحسين محركات البحث للصور، استخدم قائمة التحقق الكاملة لتحسين الصور. إذا كانت المشكلة المباشرة هي وزن الملف، فإن دليل نسبة ضغط الصور يشرح كيفية قياس التوفير دون إخفاء أي ضرر مرئي.
كيف يفهم Google الصورة؟
يمكن لـ Google استخدام ملف الصورة، وعنوان الصفحة، والعناوين الفرعية، والنص المرئي، والتسميات التوضيحية، والبيانات المنظمة، والروابط لفهم ما تمثله الصورة. فصورة لحذاء جري أزرق على صفحة بيضاء تكون أضعف من نفس الصورة داخل صفحة منتج تحتوي على عنوان واضح، واسم الموديل، والألوان، وخيارات المقاسات، ونص بديل (alt text) وصفي.
الاكتشاف هو البوابة الأولى. يجب أن يُرجع عنوان URL الخاص بالصورة رمز HTTP 200، وأن يستخدم تنسيقًا قابلًا للزحف، وأن يظل مستقرًا بعد النشر. تجنب استخدام عناوين URL الموقعة المؤقتة لصور المقالات العامة ما لم يكن عنوان URL النهائي المعروض عامًا وقابلاً للفهرسة.

استخدم قائمة التحقق السريعة لقابلية الزحف هذه:
- يُرجع عنوان URL النهائي للصورة رمز HTTP 200 دون الحاجة إلى مصادقة.
- عنوان URL للصفحة قابل للفهرسة وغير محظور بواسطة
noindex. - الصورة ليست محظورة بواسطة
robots.txt. - تظهر الصورة في HTML عادي أو علامات مُعروضة يمكن التنبؤ بها.
- تحتوي الصفحة على نص يشرح سبب أهمية الصورة.
- ملف الصورة مستقر بما يكفي ليتم تخزينه وإعادة الزحف له.
يمكن لخريطة موقع الصور (image sitemap) أن تساعد في اكتشاف المعارض الكبيرة، لكنها لا تحل محل جودة الصفحة. توثق Google دعم خريطة موقع الصور في إرشادات امتداد سيتماپ للصور. استخدمها عندما تكون الصور محتوى مهمًا، وليس مجرد ديكور لملء الصفحة.
ما الذي يجب أن يتضمنه النص البديل (alt text)؟
يجب أن يصف النص البديل الموضوع المرئي ووظيفة الصورة للصفحة. اكتبه لشخص لا يستطيع رؤية الصورة، ثم تحقق مما إذا كان الوصف يوفر أيضًا محتوى واضحًا لمحركات البحث.
النص البديل الجيد يكون محددًا، وقصيرًا بما يكفي للمسح البصري، وخاليًا من حشو الكلمات المفتاحية (keyword stuffing). لا ينبغي أن يكرر عنوان المقال على كل صورة. ولا يجب أن يصف الأشكال الزخرفية التي لا تحمل أي معلومات. إذا كانت الصورة عبارة عن مخطط بياني (chart)، قم بتلخيص نقطة المخطط بدلاً من كتابة "chart".

| نوع الصورة | نص بديل ضعيف | نص بديل مفيد |
|---|---|---|
| صورة منتج | "صورة حذاء" | "حذاء جري للمسارات باللون الأزرق مع أربطة سوداء ونعل أبيض سميك، عرض جانبي" |
| شكل مدونة | "مخطط تحسين محركات البحث (SEO)" | "سير عمل لتحسين محركات البحث للصور المكون من أربع خطوات يوضح الاكتشاف والوصف والتوصيل والقياس" |
| مخطط بيانات | "مخطط بياني" | "مخطط شريطي يوضح زيادة حجم ملف WebP مع نمو عرض الصورة من 800 إلى 2400 بكسل" |
| لقطة شاشة | "لوحة تحكم" | "تقرير أداء Search Console مُصفّى لنقرات البحث عن الصور" |
استخدم هذه المراجعة للنص البديل قبل النشر:
- ذكر الموضوع المرئي أولاً.
- أضف التفاصيل المهمة في هذه الصفحة.
- احتفظ بالعلامات التجارية فقط عندما تكون مرئية أو مفيدة.
- تجنب العبارات مثل "صورة لـ" ما لم تكن ضرورية للوضوح.
- لا تحشر متغيرات كلمات مفتاحية متعددة في سمة واحدة.
- استخدم النص البديل الفارغ فقط للصور الزخرفية حقًا.
لسياق إمكانية الوصول، يشرح مرجع عنصر [img] الخاص بـ MDN (https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img) كيفية استخدام alt عندما لا يمكن تحميل الصور أو رؤيتها. تعامل مع ذلك كخط أساس، ثم أضف سياقًا خاصًا بالصفحة عندما يكون المحتوى المعروض ذا مغزى.
ما هو تنسيق الملف والحجم الذي يجب أن تستخدمه؟
بالنسبة لمعظم صور الويب العامة، قم بتصدير نسخة تسليم حديثة بعد تغيير حجم الصورة الرئيسية لتناسب الحاجة الفعلية للعرض. يُعد WebP خيارًا افتراضي آمنًا لدعم واسع النطاق. يمكن أن يكون AVIF أصغر للعديد من الصور الفوتوغرافية، لكن ترميزه أبطأ ويتفاوت سلوك ظهور التشوهات (artifacts). احتفظ دائمًا بنسخة رئيسية المصدر بشكل منفصل، خاصة لصور المنتجات والتصوير التحريري.
الخطأ الذي أراه في أغلب الأحيان هو ضغط صورة تم رفعها بحجم 4000 px ثم عرضها عند 900 px. قم بتغيير الحجم أولاً، ثم اضغط. لا يمكن لإعداد جودة أصغر أن يلغي بالكامل الأبعاد المبالغ فيها.

لقد قمت بتوليد صورة المخطط في هذه المقالة بحجم 1400 × 788 وصدّرتها بجودة WebP بقيمة 82. كان الناتج المحلي هو 22 KB لمخطط تغيير الحجم و 42 KB للغلاف. هذه الأرقام صغيرة لأن الرسومات تستخدم ألوانًا مسطحة ونصًا. يمكن أن تكون صورة فوتوغرافية حقيقية بنفس الأبعاد أكبر بكثير، لذا قم بقياس أصولك الخاصة بدلاً من نسخ هدف بايت ثابت.
| حالة الاستخدام | نقطة البداية | خطر SEO يجب تجنبه |
|---|---|---|
| بطل المقالة (Article hero) | WebP أو AVIF بعرض 1200-1600 px | رفع صورة أصل كاميرا بحجم 5000 px لتناسب تخطيطًا ضيقًا |
| معرض المنتجات (Product gallery) | قص متناسق، WebP q82-q90 | ضغط التسميات حتى يصبح النص غير مقروء |
| لقطة الشاشة (Screenshot) | PNG master، تسليم WebP أو PNG بعد الاختبار | نص واجهة مستخدم ضبابي بسبب الضغط التالف القوي |
| خلفية زخرفية (Decorative background) | WebP أو AVIF بجودة أقل | السماح لصورة غير حاسمة بالتنافس مع محتوى الصفحة |
| معاينة السوشيال ميديا (Social preview) | نسبة المنصة الدقيقة بالإضافة إلى نسخة مضغوطة | إعادة استخدام صورة مقالة طويلة تقص الموضوع الرئيسي |
بالنسبة للمفاضلات في التنسيق، قارن بين AVIF vs WebP. إذا كنت بحاجة إلى تأكيد الأبعاد قبل التصدير، استخدم Check Image Size and Dimensions.
كيف تؤثر الصور المتجاوبة على تحسين محركات البحث (SEO)؟
تساعد الصور المتجاوبة المستخدمين وزواحف البحث (crawlers) في الوصول إلى الملف الصحيح للجهاز. لا ينبغي للزائر عبر الهاتف المحمول تنزيل نفس الصورة الهائلة التي يتلقاها شاشة سطح المكتب. استخدم srcset و sizes عندما تحتاج الصورة نفسها إلى عرضيات متعددة، واحتفظ بقيمة alt ذات مغزى على عنصر img.
يجب أن تحجز الصفحة مساحة قبل تحميل الصور. قم بتعيين سمات العرض والارتفاع أو استخدم قواعد نسبة الأبعاد (aspect ratio) في CSS حتى لا تتنقل المحتويات بشكل عشوائي أثناء جلب المتصفح للملف. توثق Google "Cumulative Layout Shift" كجزء من إرشاداتها الخاصة بـ Core Web Vitals، وتُعد الصور التي تفتقر إلى الأبعاد سببًا شائعًا يمكن الوقاية منه.
استخدم نمط الترميز (markup pattern) هذا عندما يكون لديك مشتقات متجاوبة:
<img
src="/images/product-shoe-1200.webp"
srcset="/images/product-shoe-600.webp 600w, /images/product-shoe-1200.webp 1200w"
sizes="(max-width: 700px) 92vw, 680px"
width="1200"
height="800"
alt="Blue trail running shoe with black laces and thick white sole"
loading="lazy"
>
لا تقم بتطبيق التحميل الكسول (lazy-load) على أهم صورة فوق الطية (above-the-fold) كعادة. غالبًا ما تحتاج صور البطل (Hero images)، وصور المنتج الأساسية، والصور التحريرية الرئيسية إلى أولوية عادية. أما الصور المعرضة تحت الطية (below-the-fold) فهي مرشحات أفضل للتحميل الكسول.
لتوليد المشتقات بكميات كبيرة، يقدم Batch Resize Guide سير عمل عبر سطر الأوامر (command-line workflow). بالنسبة للقرارات الخاصة بالصور للهواتف المحمولة، قم بإقران هذا الدليل بـ Mobile Image Optimization.
هل يجب عليك استخدام خرائط مواقع الصور والبيانات المهيكلة؟
استخدم خرائط مواقع الصور عندما تكون الصور محتوى مهمًا وليست مجرد دعم زخرفي. وهي مفيدة بشكل خاص لكتالوجات المنتجات، ووصفات الطعام، والمعارض، والأرشيف التحريري حيث تحتاج العديد من عناوين URL للصور إلى اكتشاف موثوق.
يمكن أن تساعد البيانات المهيكلة أيضًا عندما يدعم نوع الصفحة ذلك. غالبًا ما تتضمن صفحات المنتج والوصفة والمقالة والفيديو خصائص الصور في ترميز المخطط (schema markup). يجب أن يتطابق المخطط مع محتوى الصفحة المرئي؛ لا تقم بترميز صورة لا يمكن للمستخدمين رؤيتها.
| نوع الصفحة | دعم SEO مفيد للصور | ملاحظات |
|---|---|---|
| منتج التجارة الإلكترونية | مخطط المنتج، عناوين URL متسقة للمعرض، نص بديل وصفي | إعطاء الأولوية لدقة اللون والمادة والتسميات المرئية |
| الوصفة | مخطط الوصفة مع صورة الطبق النهائي | استخدم الطبق النهائي الفعلي، وليس صورة مطبخ عامة |
| مقالة أخبار أو مدونة | صورة المقالة، غلاف ثابت، صور جسم سياقية | اختر صورة تمثيلية تتطابق مع موضوع المقالة |
| عمل تجاري محلي | صور للمباني، الخدمات، الفريق، أو الأعمال المنجزة | تجنب الصور المخزنة التي لا تثبت الصلة المحلية |
| معرض أعمال فنية | إدخالات خريطة الموقع والتسميات التوضيحية | امنح كل عينة عمل ما يكفي من السياق المحيط بها |
إذا تم إنشاء الصور أو تعديلها بشكل كبير، فاجعل سياق الصفحة صادقًا. لا تدع صورة مصقولة توحي بإثبات وجود منتج أو عقار أو نتيجة لا يمكن للصفحة دعمها.
كيف تقيس SEO الصور بعد النشر؟
يجب أن يفصل القياس بين اكتشاف الصور وسرعة الصفحة. يمكن لـ Search Console عرض أداء البحث عن الصور عن طريق تصفية تقرير نتائج البحث إلى نوع بحث الصورة. يمكن لـ Core Web Vitals و Lighthouse أن يظهرا ما إذا كانت الصور تؤثر سلبًا على تجربة التحميل.

تحقق من هذه النقاط بعد النشر:
- عناوين URL للصور الهامة في CDN تعيد رمز HTTP 200.
- تحتوي الصفحة المعروضة على علامات الصورة النهائية (image markup).
- يقوم Search Console بجمع الانطباعات لاستعلامات ذات صلة.
- لا يهيمن على Largest Contentful Paint صورة كبيرة الحجم.
- لا يحدث تحول في التخطيط عند تحميل الصور.
- لا يزال نص Alt يتطابق مع الصورة المرئية بعد التعديلات أو الاستبدالات.
- تشير الروابط الداخلية إلى صفحات مفيدة للخطوة التالية، وليس منشورات غير ذات صلة.
- تظهر الصورة بشكل صحيح في معاينات Open Graph ووسائل التواصل الاجتماعي.
لا تتوقع أن يصلح Image SEO صفحة ضعيفة المحتوى. إذا كان المقال أو صفحة المنتج أو المعرض يفتقر إلى نصوص مفيدة، فإن الصورة سيكون لديها سياق أقل للتصنيف بناءً عليه. يكون Image SEO أقوى عندما تساعد الصورة حقًا الصفحة على الإجابة عن الاستعلام.
قائمة مراجعة تحسين محركات البحث للصور (SEO)
يجب استخدام هذه المراجعة النهائية لكل صورة مهمة لحركة مرور البحث، أو المشاركة الاجتماعية، أو التحويل:
| الفحص | شرط النجاح | الإصلاح إذا فشل |
|---|---|---|
| قابلية الاكتشاف | تعيد الصورة والصفحة رمز HTTP 200 وليستا محظورتين | نقلها إلى عنوان URL لـ CDN قابل للزحف أو تحديث قواعد robots |
| السياق | يشرح العنوان القريب، أو الترويسة، أو التسمية التوضيحية، أو النص المحيط الصورة | إضافة نص محيط محدد أو استبدال الصورة |
| النص البديل (Alt text) | يصف الموضوع المرئي ووظيفة الصفحة | إعادة الكتابة دون حشو الكلمات المفتاحية |
| الأبعاد | تطابق أبعاد الملف الفتحة المعروضة أو المجموعة المتجاوبة | إعادة تغيير الحجم من النسخة الرئيسية وتوليد المشتقات |
| التنسيق | يُستخدم WebP أو AVIF حيثما كان مناسباً | تصدير نسخة تسليم حديثة والاحتفاظ بنسخة احتياطية إذا لزم الأمر |
| الاستقرار | لن يتغير عنوان URL للصورة بعد كل عملية نشر | نشر أصول ذات إصدار أو مسارات CDN مستقرة |
| القياس | مراجعة تقارير Search Console وفحوصات السرعة | تتبع نقرات الصورة، والانطباعات، وLCP، وCLS بعد الإطلاق |
لا يزال سير العمل الموثوق والأبسط هو الأفضل: استخدم صورة قابلة للزحف، واصفها بصدق، وقم بتغيير حجمها قبل الضغط، وقم بتسليمها من CDN مستقر، وقِس الصفحة بعد نشرها.
استخدم الأدوات المجانية أثناء متابعة الدليل.
تابع القراءة

Tue Mar 24 2026 20:00:00 GMT-0400 (北美东部夏令时间)
كيفية إضافة علامة مائية للصور (حماية حقوق النشر)
أضف علامة مائية للصور لحماية حقوق النشر: مقارنة بين وضع العلامة في الزاوية مقابل التوزيع الشبكي أو الوسط الخافت، وكيفية تطبيقها على دفعات (batch-watermark)، والموازنة بين مستوى الحماية وجودة الصورة.

Thu Mar 19 2026 20:00:00 GMT-0400 (北美东部夏令时间)
كيفية إنشاء تأثير ثنائي اللون على الصور (دليل التصميم)
تعرّف على كيفية إنشاء تأثير ثنائي اللون للصور: كيف يعمل التدرج اللوني المكون من لونين، وأفضل أزواج الألوان، وكيفية تطبيقه في Canva و Photoshop أو ImageMagick، ومجالات استخدامه.

Thu Mar 12 2026 20:00:00 GMT-0400 (北美东部夏令时间)
دليل تحسين محركات البحث للصور 2026: الزحف، التصنيف، والحصول على الاقتباسات
سير عمل عملي لتحسين محركات البحث للصور في 2026، يغطي الملفات القابلة للزحف، alt text، أسماء الملفات، schema، تسليم CDN، Core Web Vitals، والرؤية الجغرافية (GEO visibility).