الصور هي جزء أساسي من استراتيجية التسويق الخاصة بك. بالتأكيد سمعت هذا عدة مرات من قبل ، "الصورة تساوي ألف كلمة".
تعرف علي 6 أخطاء يرتكبها البعض عند إضافة الصور إلى الموقع
تحصل المقالات التي تحتوي على صور على مشاهدات أكثر بنسبة 94٪ من المقالات التي لا تحتوي عليها.
40٪ من الناس سوف يستجيبون بشكل أفضل للمعلومات المرئية من النص العادي.
يقول 93٪ من الأشخاص أن الصور المرئية هي العامل #1 الذي يؤثر على قرار الشراء.
مع ما يقال ، بعد قضاء ساعات في صياغة منشور أو صفحة مدونة مثالية ، لا تتجاهل العناصر المرئية!
ساعد مقالتك باستخدام مخطط أو رسم أو فيديو أو حتى صورة gif ، ولكن بغض النظر عن الوسيلة التي تختارها ، لا تنس التأكد من تحسين الملف بشكل كامل.
على الرغم من أهميتها ، يمكن أن تؤدي العناصر المرئية إلى إبطاء وقت تحميل موقعك بشكل كبير. مع وضع ذلك في الاعتبار ، إليك ستة أخطاء شائعة يرتكبها البعض عند إضافة صور إلى موقع الويب الخاص بهم وكيفية تجنبها.
تحميل صور كبيرة الحجم
ضع ذلك في الاعتبار: ينتظر معظم الزوار حوالي ثلاث ثوان حتى يتم تحميل موقع الويب على سطح المكتب أو الكمبيوتر المحمول وحوالي خمس ثوان على أجهزتهم المحمولة. إذا استغرق تحميل صورتك وقتا أطول من ذلك ، سيقوم الزائر بمغادرة الصفحة لأنه لا يملك الصبر للانتظار.
الحل: هو ان تقوم بتقليل حجم الصور على موقع الويب الخاص بك ، باستخدام برامج أو مواقع تعديل الصور ، حاول الاحتفاظ بملفك أقل من 700 كيلوبايت.
استخدام امتداد ملف خاطئ
قد يسأل الكثيرون ، هل هناك حقا أي اختلاف في أنواع الملفات المختلفة؟ الجواب القصير هو نعم. ليست كل تنسيقات الملفات متشابهة ، لكل منها استخدامات محددة ، مع مجموعات خاصة بها من الإيجابيات والسلبيات. فيما يلي تفاصيل للأنواع الأكثر شيوعا :
JPG أو JPEG أصبحت الصورة القياسية للويب. تعد صور JPG مثالية للصور الفوتوغرافية الملونة الغنية والصور المتدرجة. ملفات JPG تحتفظ بجميع معلومات الألوان ولكنها تضغط حجم الملف مما قد يؤدي إلى فقدان الجودة.
صور GIF هي صور أقل جودة من صور JPG وهي رائعة لأولئك الذين لديهم رسوم توضيحية بسيطة وكتل من الألوان (ليست الخيار الأفضل للصور الفوتوغرافية). تستخدم صور GIF أيضا على نطاق واسع في الرسوم المتحركة لأنها نوع الملف الوحيد الذي يتيح الشفافية والتشابك.
ملفات PNG أصبحت أكثر شعبية. تدعم ملفات PNG العديد من الألوان أكثر من صور GIF ولا تتحلل بمرور الوقت مع إعادة الحفظ مثل ملفات JPG. هذا النوع من الملفات جيد للشعارات والمخططات وما إلى ذلك.
SVG هي تنسيق متجهي (فيكتور) لا يعمل بنظام بيكسل، سيظل حادا وواضحا بغض النظر عن الجهاز الذي تشاهده عليه.
لذلك تعرف على الفرق بين أنواع الملفات المختلفة وتأكد من أنك تستخدم الخيار الأفضل للصور المتوفرة. سيساعد القيام بذلك في ضمان أن يكون لصورتك أكبر تأثير ممكن ، دون الاخلال بالأداء الفني.
استخدام أسماء وبيانات وصفية غير قابلة للبحث
توفر الكاميرات الرقمية الكثير من المعلومات في مختلف البيانات الوصفية التي لا تترجم إلى الويب. قم بتجريد هذه المعلومات من الصور واستبدلها ببيانات قابلة للاستخدام. لا يمكن لمحركات البحث قراءة محتوى الصور ، لذا لجعلها قابلة للبحث ، يجب أن تتضمن الصور كلمات وصفية في العنوان وعلامات alt والمحتوى المحيط.
فمن المهم تضمين الكلمات الرئيسية التي تركز عليها للمساعدة في ترتيب صفحتك لهم. يعد إنشاء اسم ملف وصفي غني بالكلمات الرئيسية أمرا بالغ الأهمية لتحسين الصورة.
لا تزحف محركات البحث إلى النص الموجود على موقعك فحسب ، بل تزحف أيضا إلى الكلمات الرئيسية داخل أسماء ملفات الصور الخاصة بك.
أمثلة على أسماء الصور الرديئة: الصورة 1.jpg - DSCN00023.jpg
يتضمن اسم الصورة الأفضل بكثير بعض الكلمات الوصفية مثل النظارات والساعة والنبات .jpg. يجب أن يتضمن مرجع علامة alt للصورة وصفا مشابها ، مثل "العناصر الموجودة على نظارات المنضدة والساعة والنبات". (وتأكد من تهجئة الكلمات بشكل صحيح.)
لذا استخدم اصطلاحات تسمية قوية لجميع صور مواقع الويب وقم بإقران الصور بالمحتوى الذي يتعلق بكل مرئي. يجب أن تتضمن أسماء الصور كلمات وصفية مفصولة بواصلات.
إعادة تغيير الحجم أو التمدد غير الصحيح
لا شيء يبدو أكثر غرابة من شخص ذو وجه ممتد أو صورة تم إعادة تغيير ابعادها بشكل غير صحيح. يعد التمدد أو القياس غير النسبي للصور (والذي يمكن أن يكون شائعا بشكل خاص عند حدوث تغيير في السمة أو الواجهة الخلفية) أمرا غير منطقياً.
يجب تغيير حجم كل صورة بنسبة 1 إلى 1 ، رأسيا وأفقيا. أي شيء آخر يضر بسلامة الصورة. لذلك راقب جميع نسب التحجيم عن كثب وقم بمراجعة موقعك بشكل دوري.
عدم مراعاة عرض الصور عبر الأجهزة المتعددة
تأتي أطر التصميم سريعة الاستجابة مع بعض الآثار المترتبة على الصور. التغيير في الشكل أو الحجم من جهاز إلى آخر أو حسب الاتجاه يجعل من المهم إملاء كيفية عرض الصور عبر الأجهزة.
تتمثل إحدى الممارسات الأكثر شيوعا في استخدام استعلامات الوسائط للتخطيط لهذه التغييرات حسب الجهاز. يتم تطبيق أنماط محددة على الصور بناء على أبعاد الشاشة ويساعد الصور على الظهور جيدا دون "تشويه" التصميم.
لتفادي ذلك يمكن استخدم استعلامات الوسائط لأطر العمل سريعة الاستجابة واختبار عرض الصور على عدد من الأجهزة.
استخدام صور غير مثيرة للاهتمام
يمكن أن تكون الصور حلا سريعا رائعا ولكنه قد يؤدي إلى بعض العواقب غير المقصودة. الصور التي يتم استخدامها على العديد من مواقع الويب أو التي لها شكل ومظهر عام ، لن تنشئ هذه الصور المرئية اتصالا بالمستخدمين. (أنت لا تريد أن يبدو موقع الويب الخاص بك مثل أي موقع آخر هناك ، أليس كذلك؟)
إذا كنت تخطط لاستخدام الصور الفوتوغرافية ، ففكر في الصور التي يمكنك تحريرها أو العمل معها بطرق مثيرة للاهتمام. تجنب الصور التي تشبه الأشياء التي رأيتها في أماكن أخرى (تحقق من الصور لجميع المنافسين أو المواقع المماثلة).
لتفادي ذلك ضع في اعتبارك تضمين العناصر المرئية التي تتعلق بشركتك أو علامتك التجارية وتعكس موقعك بالطريقة الصحيحة.
أخيرا ، يمكن أن يكون اختيار وإنشاء الصور لمشروع موقع ويب أحد أكثر الأجزاء متعة في عملية التصميم. احرص على كل صورة وبكسل للتأكد من أن موقعك يعمل بشكل جيد ويتضمن صورا تجذب المستخدمين.
يجب عليك تسجيل الدخول لتستطيع كتابة تعليق