ثقافة تقنية

إضافة الصور إلى موقع الكتروني – أفضل الممارسات

الحجم، الوصف، النص البديل و غيرها من العوامل المهمّة

إضافة الصور إلى موقع الكتروني هو أمر بالغ الأهمية إذا أردت أن تقدم عمل احترافي في مدونتك.

الإحصائيات تقول أنّ 39% من زوار الموقع يقومون بمغادرة الموقع إذا لم يتمّ تحميل الصّور بشكل جيد.

هذا يدلّ على شيء مهم وهو أنّ الصور أصبحت من العوامل الرئيسية في جذب الزوار والحفاظ عليهم لمدّة طويلة في الموقع و خفض معدّل الارتداد (Bounce Rate).

إلى جانب الدّور الكبير للصور في جذب انتباه الزّائر و إضافة عامل مثير للاهتمام في المنشور، فالصّور لها أيضاً دور كبير في تقوية سيو موقعك (يمكنك الاطّلاع ايضا على مقالنا تحسين السيو (SEO) للووردبرس)،حتّى يصبح مؤهلاً لتصدّر محركات البحث.

ومن أبرز العيوب التي أحاطت بمنشئي المحتوى ومديري المواقع هي اهتمامهم بالمحتوى فقط .

حقًا؟! أليس المحتوى هو الملك؟! نعم المحتوى هو الملك، لكن المحتوى ليس هو الوحيد الذي يساعد في رفع ترتيب موقعك.

فعدم اهتمامك بالصّور الموجودة مع المنشور سيؤدّي بكلّ تأكيد إلى تراجع نتائج موقعك في محركات البحث.

للاطّلاع اكثر اقرأ مقالنا مقال بيل غيتس بعنوان المحتوى هو الملك مترجم إلى العربيّة

لهذا فإننا في هذا المقال سنبين لك أهمّ العوامل التي يجب وضعها في الاعتبار أثناء إضافة الصور إلى الموقع الالكتروني وكيف تؤثّر الصور على سرعة الموقع و مدّة بقاء الزائر.

إضافة الصّور إلى موقع الكتروني – عوامل هامة:

حجم الصورة 

بدايةً فإنّ حجم الصورة يؤثّر بشكل كبير على سرعة تحميل الصّفحة، فتخيّل لو أنّك قمت بزيارة موقع ما وسرعة تحميل صفحته كانت أكثر من المعتاد.

فستقوم بكل تأكيد بمغادرته وستحاول إيجاد ما تبحث عنه في موقع آخر.

إذا كانت سرعة تحميل صفحة في موقعك تستغرق أكثر من 3 ثواني للتحميل فهذا سيزيد من معدل الارتداد و مدة مكوث الزائر في موقعك ستصبح أقصر.

وهذا له تأثير سلبي على موقعك في تصدّر نتائج البحث.

حلّ مشكلة حجم الصور بسيط للغاية، و هو أن تقوم بتصغير حجم الصور قبل رفعها على الموقع.

هناك عدّة طرق لفعل هذا:

  • تقليل أبعاد الصورة. واحرص كذلك عند تقليل الأبعاد أن تكون ملائمة لأبعاد صفحة موقعك.
  • أما الطريقة الأخرى هي استعمال موقع وظيفته هي إعادة تعيين حجم الصور.
  • نرشح لك في هذا المقال موقع Online Image Compressor الذي يقوم بخفض حجم الصور بنوعيها سواءً كانت JPEG أو Png.
  • كل ما عليك فعله هو الدخول إلى الموقع ثمّ رفع الصورة وسيقوم بخفض حجمها مع الاحتفاظ بجودتها.

يوجد مواقع أخرى مثل موقع jpeg-optimizer، وموقع Resizeimage، لكن الموقع الأول يتعامل مع كافّة أنواع الصور لذلك ننصح به.

عنوان و وصف الصورة

محركات البحث لا تسطيع معرفة ما المحتوى التي تصفه الصورة من غير أيّ معلومات إضافيّة.

حيث أنّ الكاميرات وبرامج التصميم تعطي الصور أسماءً افتراضيّة مثل Untitled.png أو pic.jpeg الخ.

هذه الأسماء سهلة لكنّها لا تعبّر عن محتوى الصورة إطلاقاً؛ لهذا من ناحية السيو يجب أن تقوم بمنح الصور أسماء تحوي الكلمات المفتاحيّة المرتبطة بالمنشور أو الصفحة عند إضافة الصور إلى موقع الكتروني .

يساعد هذا إضافةً إلى الوصف محركات البحث على فهم محتوى صفحتك.

و في حال بحث أحدهم في محرك البحث عن صورة تتضمّن الكلمة المفتاحيّة التي استخدمتها تكون فرصتك في الظهور أعلى وأقوى.

لهذا  يا صديقي إذا كنت تكتب مقال عن التسويق بالعمولة على سبيل المثال، وقمت بإدراج صورة بارزة أو ضمن موضوعك عليك أن تقوم بإضافة عنوان و وصف يحتويان على الكلمة المفتاحية التي تستخدمها للمقال، مثلاً التسويق-بالعمولة.png وهكذا.

لواحق الصور (نوعها)

امتداد الصور أو نوعها هو من العوامل المهمّة في نشر الصور. عند حفظ صورة ما فعليك اختيار امتداد مناسب لها.

أشهر أنواع الامتدادات هما JPEG والـ Png، الفرق بينهما ليس كبيراً.

بالنسبة لـ JPEG فهو لا يدعم الشّفافية كما أنّه يحافظ على حجم الملف صغيراً قدر الإمكان عند ضغطه، ويضمن لك أنّ الصّور لن تفقد جودتها عند الضغط.

أمّا بالنسبة لـ Png فهي تدعم الشّفافية وتدعم عدد أكبر من الألوان، تُستخدم أيضاً في معظم أنواع الصور كالصّور الفوتوغرافية والتصميمات.

لكن من ناحية الحجم فصور الـ Png أكبر من الـ JPEG و هي تستخدم بشكل كبير في الصّور التي بحاجة إلى جودة عالية.

صورة بلاحقة jpg
صورة بلاحقة jpg
صورة بلاحقة png
صورة بلاحقة png

النّص البديل (وسم Alt)

النّص البديل في الصورة هو النّص الذي يظهر في حال لم تظهر الصّورة أو كان هناك تأخير في تحميلها.

وبالتّالي عند إضافة صورة إلى موقع الكتروني سنحرص أن يكون النّص البديل معبّر عن محتوى الصّورة مثل العنوان ووصف الصّورة.

حيث النّص البديل يساعد بشكل كبير على تحسين ظهور صور المقالات في محركات البحث.

إحرص كذلك على أن يكون النّص البديل شبيهاً بعنوان المقالة أو الكلمات المفتاحية في المقال كي تظهر الصّورة في محرك البحث إذا قام أحد بالبحث عن تلك الكلمات.

جدير بالذكر أيضاً أنّ وسم Alt يساعد في تحسين تجربة المستخدم للأشخاص المكفوفين عند تصفحهم للإنترنت، فهناك برامج تقوم بقراءة وسم Alt أو النّص البديل للكفيف حتّى يتمكّن من فهم المحتوى الموجود في الصّورة.

إنشاء ملفات Sitemap خاصّة بالصّور

ما هو ملف Sitemap؟

هو ملف يساعد جوجل في فهرسة وأرشفة المواقع والروابط (للاطّلاع أكثر قم بزيارة backlinko)

أول شيء تفعله المواقع التي تسعى لظهور قوي في محركات البحث هو إضافة ملف Sitemap لمقالات الموقع من أجل محركات البحث.

يُمكنك إضافة معلومات الصور إلى ملف الـ Sitemap الحالي الخاص بموقعك أو إنشاء ملف جديد خاص بالصّور فقط.

يُساعد إنشاء خريطة لصور موقعك تسهيل العثور على صفحتك وسرعة فهرستها.

هناك العديد من الأدوات التي تساعد في إنشاء تلك الخريطة، أبرزها هو ذلك الموقع  angel digital، ننصحك بالدخول للموقع وطريقة إضافة sitemap مثلها مثل إضافة الصور بشكل عادي.

 

وكما أسلفنا أنّ المحتوى هو الأساس، ولكنّ الصّور تكون بمثابة داعم للمحتوى، وبالتّالي من المهم جداً أن تناسبه وتتناسق معه، حتّى لا تتحول من شيء داعم للمقال إلى شيء ينقص من قيمته.

إذا كنت مهتم بقراءة المزيد من مقالاتنا المتعلّقة بـ ثقافة تقنيّة، قم بالاشتراك بالقائمة البريديّة ليصلك كل جديد!

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى