صورة بديلة

تُستخدم في تطوير الويب للتحقق من التخطيط والإطارات السلكية والنماذج الأولية ونماذج التصميم قبل أن تصبح الصور الفعلية جاهزة.

نعم، تُعرض أبعاد الصورة افتراضياً، لكن يمكنك تغييرها إلى أي نص تريده. كما يمكن تخصيص لون النص وخطه.

مستطيل رمادي واحد يخبر الزائر بأن الموقع غير مكتمل، وفي صفحة منتج يجعله يتردّد في الشراء. وهو خسارة في البحث أيضاً: إذ تُفهرَس الصورة النائبة الفارغة في صور جوجل، وإن كان حقل image في بيانات المنتج المنظّمة يشير إلى ذلك العنوان فقد تفقد الصفحة أهليتها للنتائج المنسّقة. وقبل كل إصدار، ابحث في الشيفرة كلها عن سلاسل مثل placeholder أو via.placeholder.

يجب أن تطابق تماماً نسبة أبعاد الصورة التي ستحلّ مكانها لاحقاً. فإذا حُمّلت الصورة الحقيقية بشكل مختلف انزاح كل ما تحتها إلى الأسفل، وهو ما يرفع درجة التزحزح التراكمي للتخطيط في مقاييس جوجل. ولا يلزم تطابق الأبعاد بالبكسل، لكن النسبة يجب أن تتطابق — وأضف السمتين width وheight إلى وسم img كي يحجز المتصفح المساحة قبل وصول الملف.