2026-07-26
تحسين صور محركات البحث (SEO): قائمة مراجعة عملية لعام 2026
قائمة مراجعة عملية لتحسين صور محركات البحث لعام 2026: ما تحتاجه Google وBing لتصنيف الصورة، ونص Alt text، وأسماء الملفات، والتنسيقات، وResponsive markup، ومقاييس Core Web Vitals، والبيانات المنظمة (structured data)، والمراجعة الشهرية.

آخر تحديث: July 26, 2026
يُعد تحسين محركات البحث للصور (Image SEO) النقطة التي تلتقي فيها سرعة الصفحة وإمكانية الوصول واكتشاف محركات البحث في ملف واحد. تغطي قائمة التحقق هذه ما يحتاجه كل من Google و Bing قبل أن تتمكن الصورة من التصدر على الإطلاق، وكيفية كتابة نص Alt وأسماء الملفات التي تمنحها السياق، واستراتيجية التحميل التي تحمي Core Web Vitals، والمراجعة الشهرية التي تلتقط الانجراف بعد النشر.
إجابة سريعة: ما هو Image SEO؟
Image SEO هي ممارسة جعل الصور مفهومة وسريعة ومتاحة وقابلة للاكتشاف في محركات البحث. يغطي سير عمل قوي لتحسين Image SEO أسماء ملفات وصفية، ونص Alt مفيد، وأبعاد صحيحة، وتنسيقات حديثة، وضغطًا، وبيانات منظمة عند الاقتضاء، والقياس المستمر في Google Search Console.
الهدف ليس حشو الكلمات المفتاحية في كل صورة. الهدف هو مساعدة المستخدم والمتصفح وزاحف الويب ونظام الإجابة بالذكاء الاصطناعي على فهم ما تظهره الصورة ولماذا هي مهمة في الصفحة.
من يجب أن يستخدم قائمة التحقق هذه؟
استخدم قائمة التحقق هذه إذا كانت الصور تؤثر على قيمة صفحتك. ويشمل ذلك:
- صفحات المنتجات للتجارة الإلكترونية حيث تدفع الصور الثقة ومعدل التحويل.
- منشورات المدونة التي تشرح الرسوم البيانية أو لقطات الشاشة أو المخططات.
- صفحات الأدوات التي تعرض لقطات الشاشة لسير العمل.
- صفحات الخدمات المحلية التي تثبت الخبرة من خلال صور المشاريع الحقيقية.
- الصفحات التحريرية التي تعتمد على بحث الصور أو الاستشهادات المستندة إلى إجابات الذكاء الاصطناعي.
إذا كانت صفحتك تحتوي فقط على صور زخرفية، فاجعلها خفيفة واستخدم نص Alt فارغًا. إذا حملت صورتك معنىً ما، قم بتحسينها مثل المحتوى.
ماذا يحتاج Google أو Bing قبل أن تتمكن الصورة من التصدر؟
تحتاج أنظمة البحث إلى اكتشاف الصورة وجلبها وفهمها وربطها بالصفحة الصحيحة. إذا فشلت خطوة واحدة، فإن نص Alt الأفضل لن ينقذ الأصل (asset).
السياق هو ما يفصل بين صورة مصنفة وصورة يتم تجاهلها. إن صورة حذاء جري أزرق على صفحة بيضاء هي أضعف من نفس الصورة داخل صفحة منتج بها عنوان واضح واسم الموديل واللون وخيارات المقاس ونص Alt وصفي. يمكن لـ Google استخدام ملف الصورة، وعنوان الصفحة، والعناوين الفرعية، والنص المرئي، والتسميات التوضيحية، والبيانات المنظمة، والروابط لمعرفة ما تمثله الصورة.
| طبقة SEO | ماذا تفحص | الإصلاح العملي |
|---|---|---|
| الاكتشاف (Discovery) | تظهر الصورة في HTML عادي أو صفحة مُصاغة يمكن للزاحف الوصول إليها | استخدم <img> أو <picture> للصور المهمة، وليس فقط صور الخلفية CSS |
| الجلب (Fetching) | يُرجع عنوان URL للصورة رمز 200، ولا يتم حظره، ولا يتطلب ملفات تعريف الارتباط | اختبر عنوان CDN مباشرة باستخدام curl -I |
| السياق (Context) | النص القريب من الصورة يشرح سبب وجودها في الصفحة | أضف فقرة قصيرة أو تسمية توضيحية تذكر الموضوع والمغزى المستخلص |
| الكنسي (Canonical) | تنتمي الصورة إلى الصفحة الرئيسية، وليست عنوان URL مكررًا | حافظ على علامات canonical وعناوين sitemap والروابط الداخلية متوافقة |
| البيانات الوصفية (Metadata) | تستخدم بيانات المقالة أو المنتج أو الوصفة أو Open Graph صورة ممثلة | استخدم نفس عنوان URL لصورة CDN المستقر في البيانات المنظمة عند الاقتضاء |
تجنب عناوين URL الموقعة المؤقتة لصور المقالات العامة ما لم يكن عنوان URL المُصاغ النهائي عامًا وقابلاً للفهرسة. حافظ على الملف مستقرًا بما يكفي ليتم تخزينه وإعادة الزحف إليه.
يؤكد دليل Google للصور على أسماء الملفات الوصفية، ونص Alt، وسياق الصفحة، وعناوين URL للصور القابلة للزحف في Google Images best practices. ويشير دليل Webmaster الخاص بـ Bing إلى نفس الاتجاه: اجعل الصفحات قابلة للزحف، وتجنب التمويه (cloaking)، واستخدم علامات وصفية واضحة بدلاً من الحيل المخفية، وفقًا لـ Bing Webmaster Guidelines.
ما الذي يجب عليك تحسينه أولاً؟
ابدأ بالصور الأكثر احتمالاً للتأثير على تجربة المستخدم وتفسير البحث:
| الأولوية | نوع الصورة | لماذا يهم الأمر | الإصلاح الأول |
|---|---|---|---|
| 1 | صورة البطل (LCP) | غالبًا ما يتحكم في سرعة الصفحة المُدركة | تغيير الحجم، الضغط، التحميل المسبق أو تحديد الأولوية |
| 2 | صورة المنتج أو النتيجة | تدفع النقرات والثقة ومعدلات التحويل | اسم ملف وصفي ونص Alt |
| 3 | لقطة الشاشة التعليمية | تساعد المستخدمين على إكمال مهمة ما | تسمية توضيحية وشرح محيط بها |
| 4 | الرسوم البيانية والمخططات | غالبًا ما تستشهد بها إجابات الذكاء الاصطناعي | تلخيص المغزى المستخلص بالقرب من الصورة |
| 5 | الخلفية الزخرفية | عادةً لا تكون مفيدة للبحث | الضغط واستخدام نص Alt فارغ |
لا تبدأ بإعادة تسمية كل الملفات دفعة واحدة. ابدأ حيث يغير فيها تغيير الصورة ما يفهمه المستخدم.
كيف تختار التنسيق الصحيح للصورة؟
استخدم التنسيق الذي يتطابق مع المحتوى المرئي. لا يزال اختيار التنسيق الخاطئ أحد أسهل الطرق لإبطاء الصفحة.

| محتوى الصورة | الافتراضي الأفضل | استخدم هذا عندما | تجنب |
|---|---|---|---|
| صورة المنتج | WebP أو JPEG | صور العالم الحقيقي ذات التدرجات اللونية | PNG للصور الكبيرة |
| قصاصة منتج شفافة | WebP أو PNG | عند الحاجة إلى الشفافية | JPEG، لأنه يزيل قناة ألفا (alpha) |
| أيقونة أو شعار | SVG | الأشكال والعلامات المتجهة المسطحة | الملفات النقطية للرموز البسيطة |
| لقطة شاشة بها نص | PNG أو WebP | عندما تكون الحواف الحادة مهمة | JPEG مضغوط بشكل مفرط |
| صورة بطل تحريرية كبيرة | WebP أو AVIF | يمكنك تقديم التنسيقات الحديثة بأمان | صور الكاميرا الأصلية عالية الدقة بالكامل |
بالنسبة لمعظم فرق الويب، يعد WebP هو الافتراضي العملي. يمكن أن يكون AVIF أصغر، ولكن اختبر الجودة والتعامل مع المتصفح قبل تبديل كل أصل (asset).
ما هو نص Alt الجيد؟
ينص نص Alt الجيد على الصورة في سياق الصفحة. يجب أن يساعد الشخص الذي لا يستطيع رؤية الصورة على فهم نفس المعلومات التي يحصل عليها المستخدم ذو البصر السليم.

استخدم هذا النمط:
- اذكر الموضوع.
- أضف التفصيل ذي الصلة.
- قم بتضمين السياق فقط إذا كان مهمًا للصفحة.
- توقف قبل أن يصبح فقرة كاملة.
أمثلة:
| الصورة | نص Alt ضعيف | نص Alt أفضل |
|---|---|---|
| صورة المنتج | shoe |
حذاء جري أخضر على الممر مع نعل خشن على خلفية بيضاء |
| لقطة الشاشة | dashboard |
لوحة تحكم ضغط الصور تظهر انخفاض حجم الملف بنسبة 72 بالمائة |
| الرسم البياني | chart |
رسم بياني شريطي يقارن أحجام ملفات JPEG و WebP و AVIF لصور المنتجات |
| توهج زخرفي | green background |
نص Alt فارغ: alt="" |
يشير كل من دليل Google لتحسين Image SEO ودليل إمكانية الوصول إلى نفس الاتجاه: وصف الصور المفيدة للناس أولاً. إذا كانت الصورة زخرفية، فلا تجبرها في البحث.
كيف يجب كتابة أسماء الملفات؟
استخدم أسماء ملفات قصيرة ووصفية قبل التحميل. يمكن للزاحف قراءة عنوان URL، ويمكن للمستخدم البشري الذي يقوم بتصحيح مكتبة الأصول (asset library) قراءته أيضًا.
أسماء الملفات الجيدة:
green-trail-running-shoe-side-view.webpimage-compression-before-after-chart.svgshopify-product-photo-white-background.jpg
أسماء الملفات الضعيفة:
IMG_2847.jpgfinal-final-2.pngscreenshot.png
حافظ على استقرار أسماء الملفات بعد النشر. يؤدي إعادة تسمية الصور القديمة إلى تغيير في عناوين URL ما لم تقم بإعادة التوجيه أو تحديث كل مرجع.
كيف تؤثر الصور على Core Web Vitals؟
تؤثر الصور عادةً على مقياسين من مقاييس Core Web Vitals بشكل مباشر:
- LCP: غالبًا ما يصبح أكبر صورة فوق الطية (above-the-fold) عنصر Largest Contentful Paint.
- CLS: يمكن للصور التي لا تحتوي على أبعاد محجوزة أن تحول التخطيط عند تحميلها.
استخدم هذه القاعدة:
| موضع الصورة | استراتيجية التحميل | استراتيجية الحجم |
|---|---|---|
| البطل الرئيسي أو غلاف المقالة | لا تقم بالتحميل الكسول (lazy load)؛ أعطيه الأولوية | قدم حجمًا قريبًا من حجم العرض |
| صورة المقالة تحت الطية (Below-fold) | التحميل الكسول الأصلي جيد | استخدم نسبة عرض إلى ارتفاع ثابتة أو width/height |
| أيقونة أو واجهة مستخدم (UI chrome) | SVG مضمن أو أصل صغير مخزن مؤقتًا | حافظ عليه صغيراً وقابلاً لإعادة الاستخدام |
| صور مصغرة للمعرض | التحميل الكسول | إنشاء ملفات بحجم الصور المصغرة |
في هذا الموقع، تحتفظ أغلفة المدونات بمساحة 16:9 قبل تحميل الصورة. وهذا يحمي استقرار التخطيط حتى عندما تكون صورة CDN بطيئة.
يؤجل التحميل الكسول (Lazy loading) الصور خارج الشاشة، مما يسرع من أول رسم ويحفظ عرض النطاق الترددي. إذا تم تطبيقه بشكل أعمى، فإنه يفعل العكس: يمكن أن يؤخر عنصر LCP. الفاصل الذي يصمد بعد قياس كلتا النتيجتين هو:
<!-- البطل: تحميل فوري -->
<img src="hero.webp" loading="eager" fetchpriority="high"
width="1600" height="900" alt="صورة منتج بطل">
<!-- المعرض: تأجيل -->
<img src="thumb-03.webp" loading="lazy" decoding="async"
width="400" height="300" alt="زاوية تفاصيل المنتج الثالثة">
قم دائمًا بإقران التحميل الكسول بـ width و height صريحة لتجنب CLS. يمكن العثور على الشرح الكامل للتطبيق في how to lazy load images.
كيف تؤثر الصور المتجاوبة (responsive images) على SEO؟
تساعد الصور المتجاوبة المستخدمين والزواحف للوصول إلى الملف الصحيح للجهاز. لا ينبغي لزائر الهاتف المحمول تنزيل نفس الصورة البطل الضخمة التي يستقبلها شاشة سطح المكتب. استخدم srcset و sizes عندما تحتاج الصورة نفسها إلى عروض متعددة، وحافظ على قيمة alt ذات مغزى واحدة على عنصر img.
<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="حذاء جري أزرق على الممر بأربطة سوداء ونعل أبيض سميك"
loading="lazy"
>
لتوليد المشتقات بكميات كبيرة، يقدم batch resize guide سير عمل سطر الأوامر. وللقرارات الخاصة بالهواتف المحمولة، قم بإقران هذا بـ mobile image optimization.
هل يجب استضافة الصور على نطاقك الخاص؟
عادةً نعم. تحافظ الصور المستضافة ذاتيًا على نطاقك (أو نطاق فرعي CDN الخاص بك) على حقوق الارتباط والنسبة التجارية معك، وتسمح لك بالتحكم في التخزين المؤقت والرؤوس والتحليلات. يمكن أن يفشل الاستضافة من طرف ثالث، أو يسرب الإحالات، ويخفف إشارات الملكية.
استخدم CDN يخدم من نطاقك الخاص أو نطاق فرعي من الطرف الأول. وهذا يمنحك تسليم حافة عالمي وضغطًا دون التخلي عن السيطرة - يتم تغطية المفاضلات في image CDN guide.
هل يجب إضافة الصور إلى البيانات المنظمة؟
نعم، عندما يدعم نوع الصفحة ذلك. يمكن لـ Article و Product و Recipe و Organization schema جميعها تضمين حقول للصور. يجب أن يكون عنوان URL للصورة قابلاً للزحف ومستقرًا وممثلًا للصفحة.
بالنسبة لمنشورات المدونة، فإن الفحوصات المهمة هي:
- يتضمن JSON-LD الخاص بـ
ArticleأوBlogPostingالعنوان والوصف والتاريخ وعنوان canonical والمؤلف أو الناشر والصورة. - لا يتم حظر الصورة بواسطة الروبوتات (robots).
- يظهر نفس عنوان URL للمقالة الرئيسية في البيانات الوصفية، وsitemap، والروابط الداخلية.
- الصورة ذات صلة بالمقال، وليست رسمًا افتراضيًا عامًا يُعاد استخدامه عبر عشرات المنشورات.
يستخدم هذا المشروع الآن فهرسة المدونات بالاعتماد على canonical فقط، لذا يجب أن تعيد عناوين URL القديمة المكررة التوجيه إلى المقالة الرئيسية بدلاً من التنافس معها.
ما الذي يجعل Image SEO مفيدًا لإجابات الذكاء الاصطناعي؟
تفضل أنظمة إجابة الذكاء الاصطناعي الصفحات ذات الفقرات الواضحة والمكتفية بذاتها. بالنسبة لصفحات Image SEO، فإن أفضل الفقرات هي التي تربط الصورة بإجابة عملية.
فقرة جيدة قابلة للاقتباس بالذكاء الاصطناعي:
بالنسبة لصورة المنتج، فإن سير العمل الافتراضي الأفضل هو: اقتصاصها لتناسب نسبة العرض إلى الارتفاع المعروضة، وتصديرها كـ WebP أو JPEG، والحفاظ على الصورة الرئيسية أقل من 200 KB قدر الإمكان، وكتابة نص Alt يذكر المنتج والتفصيل المرئي، وحجز العرض والارتفاع لمنع تحول التخطيط.
تعمل هذه الفقرة لأنها تجيب على سؤال محدد دون الحاجة إلى خمس فقرات محيطة.
أضف كتل إجابة مباشرة مماثلة بالقرب من الرسوم البيانية وقوائم التحقق والأمثلة. لا تخفِ الإجابة تحت مقدمة طويلة.
كيف تقوم بمراجعة Image SEO كل شهر؟

قم بتشغيل مراجعة شهرية على الصفحات الأكثر أهمية:
- تصدير صفحات الهبوط للصور العلوية من Google Search Console.
- التحقق مما إذا كانت الصورة العلوية في كل صفحة فريدة وذات صلة.
- العثور على الملفات التي تزيد عن 200 KB وضغطها أو تغيير حجمها.
- مراجعة نص Alt للوصف المفقود، أو الغامض، أو المحشو بالكلمات المفتاحية.
- التحقق من LCP و CLS في PageSpeed Insights أو بيانات الحقل الخاصة بك.
- التأكد من أن schema الخاص بـ Article أو Product يستخدم الصورة الصحيحة.
- تحديث لقطات الشاشة القديمة عند تغيير واجهة المستخدم (UI).
أكثر فشل شيوعًا ليس خطأً تقنيًا. إنه صورة قديمة أو عامة لم تعد تدعم المقالة.
عندما قمت بمراجعة صورة الغلاف الخاصة بهذا الدليل، ضغطت تصدير الكاميرا الأصلية إلى ملف WebP مقاس 61 KB دون فقدان مرئي للجودة.
قائمة التحقق من Image SEO
قبل النشر:
- الصورة الغلاف فريدة للمقالة.
- تشرح صورة الغلاف موضوع المقالة بنظرة سريعة.
- كل صورة ذات مغزى لديها نص Alt وصفي.
- الصور الزخرفية تستخدم نص Alt فارغًا.
- تصف أسماء الملفات الموضوع باللغة الإنجليزية البسيطة.
- يتم ضغط وتغيير حجم الصور الكبيرة.
- لا يتم تحميل الصور فوق الطية بشكل كسول (lazy loaded).
- تحتفظ الصور تحت الطية بمساحة التخطيط.
- يتضمن schema الخاص بـ Article أو Product عنوان URL للصورة قابل للزحف.
- تحتوي الصفحة على صورة واحدة على الأقل مفيدة بما يكفي لكسب نقرة أو اقتباس.
بعد النشر:
- اختبر الصفحة على الهاتف المحمول.
- تحقق من HTML المُصاغ بحثًا عن علامات Open Graph و canonical للصور.
- قم بتشغيل PageSpeed Insights على القوالب المهمة.
- راقب انطباعات ونقرات الصور في Google Search Console.
- استبدل الصور الافتراضية أو المكررة بمجرد العثور عليها.
الأدوات الموصى بها
| المهمة | الأداة | لماذا |
|---|---|---|
| ضغط الصور | أداة ضغط الصور | تقليل سريع لحجم الملف قبل التحميل |
| تحويل التنسيقات | أداة تحويل الصيغ | تحويل أصول PNG و JPEG و WebP |
| تغيير الأبعاد | أداة تغيير حجم الصور | مطابقة حجم العرض قبل الضغط |
| إزالة الخلفيات | أداة إزالة الخلفية | إنشاء قصاصات منتجات نظيفة |
| التحقق من أداء الصفحة | PageSpeed Insights | فحص LCP و INP و CLS |
| قراءة الإرشادات الرسمية | Google image SEO best practices | المصدر الأساسي لإرشادات الصور القابلة للزحف |
| التحقق من المحتوى المفيد | Google helpful content guidance | التأكد من أن الصفحة تساعد المستخدمين أولاً |
الأخطاء الشائعة التي يجب تجنبها
هل يمكن إعادة استخدام صورة عامة واحدة عبر العديد من المنشورات؟
لا. يضعف الغلاف الافتراضي المكرر الصفحة قبل أن يبدأ القارئ. يشير إلى أن المقالة قد تكون حشواً برمجيًا، ويمنح أنظمة البحث سياقاً أقل خصوصية للصفحة.
هل يجب أن يكرر نص Alt الكلمة المفتاحية المستهدفة؟
فقط عندما تصف الكلمة المفتاحية الصورة بشكل طبيعي. image SEO checklist dashboard جيد لصورة لوحة القياس. أما image SEO image SEO image SEO فهو سبام ويضر بإمكانية الوصول.
هل يجب تحميل كل صورة بشكل كسول (lazy loaded)؟
لا. قم بالتحميل الكسول للصور تحت الطية. لا تقم بتحميل الصورة الرئيسية بشكل كسول إذا كانت من المحتمل أن تكون عنصر LCP.
هل خريطة موقع الصور (image sitemap) مطلوبة دائمًا؟
ليس دائمًا. يمكن لـ Google اكتشاف الصور من HTML العادي. تكون إدخالات خريطة موقع الصور أكثر فائدة عندما يتم تحميل الصور عبر JavaScript، أو المعارض، أو مكتبات الوسائط الكبيرة حيث يكون الاكتشاف أصعب.
أدلة ذات صلة
- Complete Image Optimization Checklist
- WebP vs AVIF Comparison
- Website Speed Images Guide
- Compress Images Without Losing Quality
- Image Format Guide
الأسئلة المتداولة
ما هي الصورة التي يجب تحسينها أولاً في الصفحة؟
قم بإصلاح صورة البطل الكبيرة فوق الطية أولاً، لأنها عادةً ما تتحكم في أكبر محتوى مرئي (LCP) للصفحة قبل أن يهم أي شيء آخر.
لماذا تحتاج قصاصة المنتج الشفافة إلى PNG أو WebP بدلاً من JPEG؟
لا يحتوي JPEG على قناة ألفا (alpha)، لذلك يملأ البكسلات الشفافة بخلفية صلبة ويدمر تأثير القص الذي يحافظ عليه PNG أو WebP.
هل تحتاج الصور الزخرفية إلى نص Alt؟
لا، يجب أن يتم إرسال الصور الزخرفية بالكامل بنص alt فارغ حتى تتخطاها قارئات الشاشة بدلاً من الإعلان عن حشو لا معنى له.
هل من الآمن إعادة تسمية ملف الصورة بعد نشر الصفحة بالفعل؟
فقط إذا قمت بإعداد إعادة توجيه (redirect) أو تحديث كل مرجع، لأن إعادة تسمية ملف صورة حي بخلاف ذلك تخلق روابط مكسورة وتغيير في عناوين URL.
هل يجب تحسين الأيقونات وواجهة المستخدم بنفس طريقة صور المحتوى؟
لا، تعمل الأيقونات وواجهة المستخدم بشكل أفضل كـ SVG مضمن أو أصل صغير مخزن مؤقتًا بدلاً من المعالجة بالضغط ونص Alt المستخدم للصور ذات المحتوى الهادف.
ما الذي يجعل الفقرة المتعلقة بالصورة أكثر عرضة للاقتباس بواسطة محرك إجابة الذكاء الاصطناعي؟
فقرة مكتفية بذاتها تذكر سير عمل ملموس، مثل نسبة الاقتصاص وحجم الملف المستهدف والتنسيق، دون أن تتطلب من القارئ التمرير عبر فقرات محيطة.
ما الذي يجب أن تتحقق منه مراجعة Image SEO الشهرية بالفعل؟
يجب أن تشير إلى الملفات التي تزيد عن 200 KB، أو نص Alt الغامض أو المفقود، وأي صفحة صور ذات أداء عالٍ انحرفت فيها LCP أو CLS منذ الفحص الأخير.
هل تحتاج كل موقع ويب إلى نفس مستوى جهد Image SEO؟
لا، تعتمد صفحات التجارة الإلكترونية والتحريرية وخدمات الموقع المحلية على الصور الهادفة وتحتاج إلى تحسين حقيقي، بينما تحتاج الصفحات التي تحتوي فقط على صور زخرفية إلى أكثر من مجرد الضغط.
استخدم الأدوات المجانية أثناء متابعة الدليل.
تابع القراءة

2026-08-01
ضغط الصور في 2026: اختبار WebP وAVIF وJPEG XL وJPEG AI
اختبرت WebP وAVIF وJPEG XL على أربع صور حقيقية. WebP أصغر 32% من JPEG، وAVIF 65%، وJPEG XL 30%. بيانات كاملة ودعم المتصفحات وأي تنسيق تختار في 2026.

2026-07-26
قائمة مراجعة لتحسين الصور: كل خطوة لصور الويب السريعة
قائمة مراجعة شاملة لتحسين الصور: اختيار التنسيق، تغيير الحجم، الضغط، التسليم المتجاوب (responsive delivery)، التحميل الكسول (lazy loading)، وإعداد CDN. راجعها قبل النشر في كل مرة.

2026-07-26
ضغط الصور إلى أقل من 100KB دون تدمير الجودة
غيّر الحجم إلى عرض العرض ثم صدّر كـ WebP. أحجام ملفات مقاسة لصور الهاتف وصور المنتجات ولقطات الشاشة تُظهر الوصفة للوصول بأي ملف إلى أقل من 100KB.