صور الموقع الإلكتروني: تصوير حقيقي أم صور جاهزة؟
دليل صور الموقع الإلكتروني: متى تصوّر ومتى تستخدم صوراً جاهزة، ماذا تصوّر لكل صفحة، الهاتف أم المحترف، صيغة WebP، النص البديل، وموافقة الأشخاص.
مقدمة
- صور الموقع الإلكتروني هي أول ما يراه الزائر قبل أن يقرأ كلمة. صورة حقيقية لفريقك أو محلك أو منتجك تقول «هذا نشاط موجود فعلاً»، وصورة جاهزة مكررة تقول العكس، حتى لو كان النص ممتازاً.
- في المقابل، الصور هي أيضاً أثقل ما في الصفحة غالباً. صورة ضخمة غير مجهّزة قد تبطئ الموقع على هاتف العميل في مسقط أو الرياض أو عدن.
- هذا الدليل يساعدك على قرارين: ما الصور التي تحتاجها ومن أين تأتي بها، وكيف تجهّزها قبل رفعها، مع الحقوق والموافقات التي ينساها كثيرون.
لماذا تؤثر صور الموقع الإلكتروني في قرار العميل؟
- الثقة: العميل يريد أن يرى من سيتعامل معه: الفريق، والمكان، والسيارة التي ستصل إلى بيته، والعيادة التي سيدخلها.
- دقة التوقع: في المتاجر، صور المنتج من عدة زوايا مع تفاصيله وحجمه الحقيقي تقلل الأسئلة وخيبة الأمل بعد الاستلام.
- الاتساق: العميل قد يرى صورك على خرائط جوجل وإنستغرام قبل الموقع. اختلاف كبير بينها يثير التساؤل.
- السرعة: الصورة الرئيسية في أعلى الصفحة كثيراً ما تكون العنصر الذي يحدد مؤشر LCP، أي زمن ظهور أكبر عنصر، وجوجل يعتبر 2.5 ثانية أو أقل جيداً. شرح المؤشرات مبسّط في مقال مؤشرات Core Web Vitals.
تصوير حقيقي أم صور جاهزة (Stock)؟
| المعيار | تصوير حقيقي | صور جاهزة |
|---|---|---|
| الثقة | عالية، يظهر نشاطك أنت | محدودة، وقد يعرفها الزائر من مواقع أخرى |
| التكلفة والوقت | يحتاج تخطيطاً ووقت تصوير | سريع ومتاح |
| ملاءمة السياق المحلي | يعكس مكانك وعملاءك ولباسهم وشوارعهم | كثير منها بسياق أجنبي لا يشبه السوق الخليجي |
| التميّز | لا يملكه غيرك | قد تجد الصورة نفسها عند منافسك |
| الحقوق | تحتاج عقداً واضحاً مع المصور وموافقة من يظهر | تحتاج قراءة شروط الترخيص |
متى تكون الصور الجاهزة مقبولة؟
- خلفيات وأنماط عامة، أو صور مفاهيمية لمقالات المدونة.
- رموز وأيقونات ورسوم توضيحية.
متى لا تكون مقبولة؟
- قسم «فريقنا» أو «من نحن».
- صور المنتجات التي تبيعها فعلاً.
- صور «قبل وبعد» أو أعمال سابقة؛ استخدام صورة جاهزة هنا يضلل العميل.
- صور المكان أو الفرع.
ماذا تصوّر لكل صفحة؟
| الصفحة | ما تصوّره | ملاحظة |
|---|---|---|
| الرئيسية | صورة تُظهر الخدمة أو نتيجتها بوضوح | جهّز نسخة عرضية للحاسوب وأخرى عمودية للجوال |
| من نحن | الفريق، المالك، مكان العمل | صور طبيعية أثناء العمل أصدق من الوقفات الرسمية وحدها |
| صفحات الخدمات | العمل أثناء التنفيذ، الأدوات، النتيجة | صورة لكل خدمة بدلاً من صورة واحدة مكررة |
| المنتجات | خلفية بيضاء، المنتج في الاستخدام، التفاصيل، الحجم مقارنة بشيء مألوف | زوايا وإضاءة ثابتة لكل المنتجات |
| الأعمال السابقة | قبل وبعد، المشروع المكتمل | بموافقة صاحب المشروع |
| التواصل | واجهة المحل أو مدخل المبنى | تساعد العميل على الوصول، خاصة في الأحياء المزدحمة |
الهاتف أم المصور المحترف؟
الهاتف يكفي غالباً في:
- التحديثات اليومية، وكواليس العمل، ومحتوى المدونة.
- صور المنتجات الصغيرة إذا توفرت إضاءة جيدة وخلفية نظيفة وحامل ثابت.
نصائح للتصوير بالهاتف:
- ضوء النهار الطبيعي من نافذة، لا الإضاءة الصفراء العلوية.
- امسح العدسة قبل التصوير.
- لا تستخدم التكبير الرقمي؛ اقترب بنفسك.
- صوّر اللقطة نفسها أفقياً وعمودياً.
- تجنب الفلاتر القوية التي تغيّر ألوان المنتج.
المصور المحترف أفضل في:
- الصورة الرئيسية للموقع وصور الفريق.
- تصوير الأماكن الداخلية كالعيادات والمطاعم والمعارض.
- كتالوج منتجات كبير يحتاج اتساقاً تاماً.
جهّز للمصور قائمة لقطات: الصفحات، والمقاسات المطلوبة (أفقي وعمودي)، والأشخاص المطلوب ظهورهم، وألوان هويتك. واتفق كتابياً على تسليم الصور الأصلية والمعدّلة، وعلى حقك في استخدامها في الموقع والإعلانات ووسائل التواصل.
تجهيز الصور قبل رفعها: الحجم والصيغة والاسم
- الأبعاد: لا ترفع صورة أعرض بكثير مما ستُعرض به. صورة من الكاميرا مباشرة قد تكون أضعاف الحجم المطلوب.
- الصيغة: WebP خيار مناسب لمعظم صور الموقع لأنها أخف من JPEG بجودة مقاربة، وكثير من المنصات تحوّل الصور إليها تلقائياً. استخدم SVG للشعار والأيقونات، وPNG للرسوم التي تحتاج خلفية شفافة إذا تعذّر SVG.
- الضغط: اضغط الصورة حتى أقل حجم لا يظهر فيه فرق واضح للعين.
- اسم الملف: وصفي بأحرف إنجليزية وشرطات، مثل dental-clinic-muscat-reception.webp، بدلاً من IMG_4821.jpg.
- التحميل المتأخر: للصور البعيدة عن أعلى الصفحة، لا للصورة الرئيسية التي يراها الزائر أولاً.
تفاصيل تسريع الصور تقنياً مشروحة في مقال سرعة الموقع: حلول عملية.
النص البديل (Alt Text) بالعربية والإنجليزية
النص البديل وصف قصير للصورة يقرؤه قارئ الشاشة لضعاف البصر، ويظهر إذا لم تُحمَّل الصورة، ويساعد محركات البحث على فهم محتواها.
- صف ما في الصورة فعلاً بجملة طبيعية.
- لكل نسخة لغوية نصها البديل: الصفحة العربية بنص عربي، والإنجليزية بنص إنجليزي.
- لا تحشو كلمات مفتاحية.
- الصور الزخرفية التي لا تضيف معنى يُترك نصها البديل فارغاً.
أمثلة:
- جيد: «طبيبة أسنان تشرح خطة التقويم لمريض في عيادة بمسقط».
- جيد بالإنجليزية: «Dentist explaining a braces plan to a patient at a clinic in Muscat».
- سيئ: «عيادة أسنان مسقط تقويم أسنان مسقط أفضل عيادة».
حقوق الصور وموافقة من يظهر فيها
- لا تأخذ صوراً من بحث جوجل أو من حسابات منافسيك. ظهور الصورة على الإنترنت لا يعني أنها متاحة للاستخدام.
- الصور الجاهزة لها تراخيص: اقرأ الشروط، فبعضها يمنع الاستخدام في الإعلانات أو يشترط ذكر المصدر، واحتفظ بإثبات الشراء أو الترخيص.
- عقد المصور يحدد من يملك الصور وأين يحق لك استخدامها ولأي مدة.
- الأشخاص الظاهرون في الصور، من موظفين أو عملاء: احصل على موافقة مكتوبة تحدد أين ستُستخدم الصورة ولأي مدة، وكيف يطلب الشخص إزالتها لاحقاً.
- احترم تفضيلات الأشخاص في الظهور، خاصة في صور العائلات والنساء والأطفال، والمرضى في العيادات.
- القواعد المتعلقة بالصور والخصوصية تختلف بين البلدان، مثل عُمان والسعودية والإمارات؛ تحقّق من المتطلبات المحلية مع مستشار قانوني قبل النشر.
أخطاء شائعة في صور المواقع
- صورة رئيسية جميلة لكنها لا تُظهر ماذا تقدّم أصلاً.
- صورة الفريق نفسها مكررة في الرئيسية وصفحة من نحن وكل صفحات الخدمات.
- صور منتجات بخلفيات وإضاءات مختلفة، فيبدو المتجر غير مرتب.
- صور مرفوعة من الكاميرا مباشرة بحجم كبير جداً.
- نص بديل فارغ لكل الصور، أو منسوخ بالكلمات نفسها في كل صورة.
- صور عملاء منشورة دون إذنهم لأنهم «لن يمانعوا».
قائمة تجهيز صور الموقع الإلكتروني
- قائمة بالصور المطلوبة لكل صفحة.
- صور حقيقية للفريق والمكان والمنتجات والأعمال، والجاهزة للاستخدامات العامة فقط.
- نسخة أفقية وأخرى عمودية للصور الرئيسية.
- أبعاد مناسبة لمكان العرض وصيغة WebP أو ما تدعمه منصتك.
- أسماء ملفات وصفية.
- نص بديل بالعربية والإنجليزية لكل صورة ذات معنى.
- تراخيص الصور الجاهزة محفوظة.
- عقد مع المصور يحدد حقوق الاستخدام.
- موافقات مكتوبة من كل شخص يظهر.
الخلاصة
- الصور الحقيقية تبني الثقة في الأماكن التي يقرر فيها العميل، والجاهزة تكفي للاستخدامات العامة.
- خطّط ماذا تصوّر لكل صفحة قبل جلسة التصوير، لا بعدها.
- جهّز الصور بالحجم والصيغة الصحيحين، واكتب لها نصاً بديلاً بلغتي الموقع.
- احصل على موافقة مكتوبة من كل من يظهر، وراجع القواعد المحلية مع مستشار.
- عند بناء موقعك عبر خدمة تصميم وتطوير المواقع في Xposio، نعطيك قائمة الصور المطلوبة لكل صفحة ومقاساتها، ونجهّزها للعرض السريع على الجوال.
أسئلة شائعة
+هل يمكنني استخدام صور من بحث جوجل في موقعي؟
لا. ظهور الصورة في البحث لا يعني أنها متاحة للاستخدام، ولها غالباً مالك يحتفظ بحقوقها. استخدم صورك الخاصة أو صوراً جاهزة بترخيص واضح.
+ما الصيغة المناسبة لصور الموقع الإلكتروني؟
WebP مناسبة لمعظم الصور لأنها أخف بجودة مقاربة، وSVG للشعار والأيقونات، وPNG للرسوم الشفافة عند الحاجة. الأهم أن تكون الأبعاد على قدر مكان العرض.
+هل يكفي التصوير بالهاتف لموقعي؟
يكفي للتحديثات وصور المنتجات الصغيرة إذا توفرت إضاءة جيدة وخلفية نظيفة. أما الصورة الرئيسية وصور الفريق والأماكن الداخلية فالأفضل أن يصوّرها مصور محترف.
+هل أحتاج موافقة الموظفين أو العملاء قبل نشر صورهم؟
احصل على موافقة مكتوبة تحدد أين ستُستخدم الصورة ولأي مدة، وكيف تُزال عند الطلب. والقواعد تختلف بين البلدان، فتحقّق من المتطلبات المحلية مع مستشار قانوني.
