محتويات المقال
الصورة هي أول ما يقيّمه المشتري، وغالباً السبب الأول للشراء أو المغادرة. لكن الصور عالية الدقة التي تخرج من الكاميرا أو برامج التصميم قد تصل إلى عدة ميغابايت للصورة الواحدة، فتجعل صفحات المتجر بطيئة، خصوصاً على شبكات الهاتف.
لماذا تهم سرعة الصفحة؟
كل ثانية تأخير في تحميل الصفحة ترفع احتمال مغادرة الزائر، كما تعتمد جوجل مؤشرات أداء الويب الأساسية ضمن عوامل الترتيب، ومن أهمها سرعة ظهور أكبر عنصر في الصفحة، وهو غالباً صورة المنتج الرئيسية.
1. اختر الأبعاد المناسبة
لا ترفع صورة بعرض 5000 بكسل إذا كانت تُعرض بعرض 1000 بكسل. معظم المتاجر تحتاج صوراً بين 1000 و2000 بكسل للصورة الرئيسية لتدعم خاصية التكبير، وأصغر من ذلك للصور المصغرة. تحقق من الأبعاد التي توصي بها منصتك.
2. اختر الصيغة الصحيحة
- JPG: مناسب للصور الفوتوغرافية ومدعوم في كل مكان.
- PNG: للصور ذات الخلفية الشفافة والرسوم والنصوص، لكنه أثقل في الصور الفوتوغرافية.
- WebP: صيغة حديثة تعطي حجماً أصغر بكثير بنفس الجودة، وتدعمها المتصفحات الحديثة.
3. اضغط الصور قبل الرفع
الضغط بجودة بين 70% و85% يقلل الحجم بشكل كبير مع فرق نادراً ما تلاحظه العين. يمكنك ضغط مجموعة صور دفعة واحدة وتغيير أبعادها وتحويلها إلى WebP عبر أداة ضغط الصور التي تعمل داخل متصفحك دون رفع صورك إلى أي خادم.
4. سمِّ ملفاتك بشكل وصفي
اسم مثل IMG_4521.jpg لا يخبر محركات البحث بشيء. استخدم أسماء وصفية مثل coloring-book-animals-kids.jpg، فهي تساعد في الظهور في نتائج البحث بالصور.
5. اكتب نصاً بديلاً لكل صورة
النص البديل (alt) يصف الصورة لمحركات البحث ولقارئات الشاشة التي يستخدمها ضعاف البصر. اكتب وصفاً قصيراً ودقيقاً للمحتوى، مثل "صفحة تلوين لأسد كرتوني للأطفال".
6. فعّل التحميل الكسول
الصور التي تظهر أسفل الصفحة لا حاجة لتحميلها فوراً. خاصية التحميل الكسول تؤجلها حتى يقترب الزائر منها، فتظهر الصفحة أسرع.
صور المنتجات الرقمية
إذا كنت تبيع ملفات قابلة للطباعة، فاعرض صوراً تجريبية (Mockups) توضح المنتج مطبوعاً ومستخدماً، إلى جانب لقطات للصفحات الداخلية. اضغط هذه الصور جيداً، فالعميل يحتاج لرؤية التفاصيل لا لتحميل ملفات ضخمة، ويمكنك إضافة علامة مائية خفيفة لحماية تصاميمك.
الخلاصة
الصورة المثالية للمتجر واضحة وجذابة وخفيفة في الوقت نفسه. اضبط الأبعاد، واختر الصيغة المناسبة، واضغط قبل الرفع، وأضف أسماء ونصوصاً بديلة وصفية. هذه الخطوات البسيطة تحسّن تجربة العميل وترتيب متجرك معاً.
