التعامل مع الصور بالتفصيل مقاسات - أحجام - سيو

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

 

مقاسات الصور

مقاسات الصور فيصل في طريقة عرضها وليس كل الصور لها نفس المقاس كذلك المقاس يؤثر على استخدامك للقوالب فكل قالب يحتاج مقاس مختلف في الأدوات فيجب أن تغطي صورك أغلب المقاسات

 

صورة الموضوع والميتا

هذه أهم المقاسات التي يمكنك استخدامها في صورة الموضوع أو صورة الميتا تاج لأنها ما يتم نشره على المواقع الإجتماعية فيجب ان يكون مقاسها مناسب للنشر قدر الإمكان لتظهر بشكل صحيح , المقاسات كلها بوحدة البيكسل PX

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

 

 المقاس : [[1200x630]]

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

 

صور البانرات

 هذه الصور التي تستخدم عادة كبنرات إعلانية في المواقع طبعا يمكنك عمل اى مقاسات تريد لكن هذه هي المقاسات الأكثر شيوعاً

 

مقاسات البانرات

الوصف	المقاس
اللوحة الكاملة (Billboard) وهو بانر عريض للإعلانات الكبيرة	970x250
اللوحة الرئيسية (Leaderboard) من الأكثر شيوعا وهي إعلان عريض	728x90
اللوحة الرئيسية للجوال (Mobile Leaderboard) تستخدم على الهواتف كثيراً	320x50
المستطيل المتوسط وهذه شائعة للإستخدام في السايد بار	300x250
نصف الصفحة عامودي يستخدم في السايد بار	300x600
عامودي طويل	160x600

 

صورة اللوجو

 القالب هو ما يحدد المقاس غالباً بحسب طبيعته فالذي ستحتاج معرفته في مقاسات اللوجو هو الإرتفاع وليس العرض لأنك قد يكون اللوجو الخاص بك عبارة عن أيقونة عرضها صغير , قد يكون كلمة طويلة فالفيصل الذي ستبني عليه اللوجو هو الإرتفاع

وهذه ارتفاعات شائعة 

 

ارتفاع اللوجو

الوصف	الإرتفاع
لوجو كبير يتوسط الهيدر	200
لوجو داخل قائمة متوسطة	70
لوجو هيدر منقسم لهيدر واعلان	90
لوجو داخل قائمة صغيرة	60
أصغر ارتفاع مقبول	48

 

 أحجام الصور

 حجم الصور هو الفيصل في هل تستخدمها أم لا , في ظل الإهتمام بسرعة المواقع الصور تلعب أكبر دور في مسألة التأثير في السرعة لهذا حجم الصورة هو المؤثر الأساسي على سرعة تحميلها

 

ما الحجم المناسب للصور؟

 كلما قل الحجم عن 100kb كلما كان أفضل اجعل هذا الحجم هو المقياس لك وحاول ان تكون 95% من صور مدونتك تحت هذا الحجم

لنفترض أنك تعرض في الصفحة الرئيسية حوالي 30 صورة ما بين صور مواضيع وأدوات ولوجو الخ

لو الصور حجمها 100kb هذا يعني أن حجم الصور في الصفحة 3 ميجا تقريباً وهذا حجم مقبول نسبياً.

لكن رأيت بعض الكوارث في مواقع تجد الصورة حجمها أكبر من 500kb وبعضها 1 ميجا

يعني لو زائرك يستخدم انترنت محدود على هاتفه مثلاً 10 زيارات لموقعك وتنفذ الباقة ولن يدخله مرة أخرى , لذلك حاول الإلتزام بأقل من 100kb

 

 ما الذي يؤثر على حجم الصور؟

 1- الصيغة

الصور لها صيغ متعددة وكل صيغة تجعل تفرق في الحجم لكن نظام الجيل الجديد من الصور حل تلك المشكلة بشكل كبير حيث يمكنك أن تحول الصورة الى صيغ WEBP والتي تخفض حجمها بشكل كبير جداً , لذلك يمكنك استخدام آداة التحويل هذه وتحول صورك قبل رفعها للمدونة

 

2- التفاصيل

كلما كانت الصورة قليلة التفاصيل كلما كان حجمها أقل الصور التي يكون بها الوان كثيرة او تفاصيل كثيرة خصوصاً الصور التي ينشئها الذكاء الإصطناعي والتي تكون بها تفاصيل كثيرة جداً حجمها يكون كبير حاول انشاء صور ذات تفاصيل قليلة حتى يصبح حجمها أقل

 

 الصور والسيو

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

أحيانا لو ضبط الصورة بشكل صحيح مع السيو قد يتم أرشفتها وتأخذ نتائج متقدمه في بحث الصور أكثر مما قد يأخذه الموضوع نفسه , فقد يتم دخول موقعك بسبب الصورة وليس الموضوع.

لذلك من المهم جداً أن تكون الصورة معدة بشكل جيد بالنسبة للسيو

وهذا سيكون بضبط كل ما سبق من حجم وجودة الخ

لكن أيضاً إضافة خصائص الصور  الأساسية من وسوم [[alt]]  [[title]]

وهذا يتم بشكل أساسي من 

إعدادات الصورة في بلوجر

 عند الضغط على أي صورة داخل لوحة تحرير بلوجر سيظهر لك شريط اعدادات به رمز 

ترس اضغط عليه

 

 

عبئ حقول النص البديل , ونص العنوان

ودائماً اختار الحجم الأصلي : قد يبدوا الحجم الأصلي كبير لكن لو تستخدم قالب مضبوط سيتعامل معه , لك نالحجم الأصلي فائدته أن القوالب كلها تستطيع معلجته بشكل صحيح وعرضه في الأدوات بشكل مناسب فلا تظهر الصورة مقصوصة او بجودة ضعيفه لذلك دائماً اختاره