أفضل طريقة لتقديم صورك عبر الإنترنت

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

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

حفظ وتحميل الصور

بينما جعل WordPress من الممكن تحميل صور ضخمة مباشرة من جهاز الكمبيوتر الخاص بك وعرضها تلقائيًا لتناسب عرض مدونتك ، لا نوصي بتحميل الصور غير المعالجة.

أي متصفح ويب قادر على عرض الصور بحجم أصغر مما هو عليه في الواقع إذا تم توجيه ذلك في الكود ، لكن القيام بذلك لا يؤدي إلى تقليل حجم الملف الفعلي. ستظل الصورة بحجم 500 كيلو بايت المعروضة بنسبة 50٪ من عرضها وارتفاعها الكاملين 500 كيلو بايت. قد يفترض المدونون الذين ليسوا على دراية بـ HTML و WordPress أنه نظرًا لأن صورهم لا تظهر كبيرة على الشاشة ، فهذا يعني أنهم سيكونون سريعون في التنزيل ، ولكن هذا ليس هو الحال دائمًا.

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

إذا كانت لديك مدونة ذات صور ثقيلة ولم تقم بتغيير حجم صورك قبل تحميلها ، فقد يكون الحجم المجمع لصفحة الويب الخاصة بك كبيرًا بشكل غير ضروري.

من المفيد تخصيص بضع دقائق إضافية لتغيير حجم الصور وضغطها قبل تحميلها. يمكن القيام بذلك بسهولة في Photoshop أو أي برنامج آخر لتحرير الصور تستخدمه. يمكنك أيضًا استخدام أدوات مجانية عبر الإنترنت مثل PicMonkey و Dynamic Drive's Image Optimizer.

يمنحك تغيير حجم الصور يدويًا التحكم الكامل في الضغط وسيقلل من وقت التحميل بشكل كبير ، ولكن إذا كنت ترغب في ذلك ، يمكنك أيضًا اختيار استخدام الصور التي تم تغيير حجمها والتي ينشئها WordPress تلقائيًا مع كل تحميل. عند إدراج صورة في منشور ، يكون لديك خيار إدراج صور بالحجم الكامل أو كبيرة أو متوسطة أو مصغرة الحجم. يمكنك تعديل هذه الأحجام لتناسب تصميم مدونتك في الإعدادات> الوسائط . اعلم أنه إذا اخترت هذه الطريقة ، فستتوفر صورك الأصلية بالحجم الكامل لأي شخص لتنزيلها مجانًا من موقع الويب الخاص بك - وليس الخيار الأفضل للمصورين والرسامين!

تحسين الصور وسهولة الاستخدام

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

تتجاوز مناقشة مُحسّنات محرّكات البحث الكاملة نطاق هذه المقالة (العديد من سمات WordPress صديقة لكبار المسئولين الاقتصاديين على أي حال) ولكن تحسين المعلومات الوصفية للصور يعد طريقة سهلة لمنح مُحسّنات محرّكات البحث في الموقع دفعة قوية و يمكن أن يساعد الأشخاص في العثور على موقعك عبر بحث الصور من Google ومحركات البحث الأخرى القائمة على الصور.

يعد ترميز الصور بشكل صحيح مهمًا أيضًا لسهولة الاستخدام ، خاصة إذا كانت الصور توضح معلومات مهمة. في حالة عدم تحميل الصورة أو تعذر رؤيتها (إما بسبب بطء الاتصال بالإنترنت ، أو بسبب إيقاف تشغيل الصور ، أو للمستخدمين المعاقين بصريًا) ، فإن توفير وصف نصي بديل أمر لا بد منه.

1. اسم الملف

أولاً ، عند حفظ صورك ، تأكد من أن لها اسم ملف وصفي. إن ترك صورك المسماة IMG_013445.jpg أو أيًا كانت عندما تنطلق من الكاميرا لن يعطي لمحركات البحث أي دليل عما تصوره. استخدم كلمات رئيسية وصفية مناسبة مفصولة بشرطة ، على سبيل المثال ، children-playing-ocean.jpg

2. نص بديل

عندما تقوم بتحميل صورتك عبر Media Uploader ، يقدم WordPress عدة حقول لوصف الملفات. بينما يمكن تركها فارغة (ويقوم العديد من المدونين بذلك لتوفير الوقت) ، فكلما زاد عدد الحقول التي تملأها ، كان ذلك أفضل لتحسين محركات البحث وسهولة الاستخدام. والأهم من ذلك هو النص البديل ، وهو اختصار لـ "النص البديل".

هذا هو النص الذي يتم عرضه عند إيقاف تشغيل الصور أو تعذر عرضها لسبب آخر ، لذلك يجب أن يكون بمثابة وصف لماهية الصورة. تقرأ محركات البحث أيضًا هذا النص وتستخدمه لتحديد موضوع الصفحة ومكان وضع موقعك في القوائم. إذا كنت مصور زفاف في تكساس ، على سبيل المثال ، فستحتاج إلى التأكد من أن النص البديل لجميع صور مدونتك يتضمن الكثير من النصوص الوصفية بما في ذلك كلمات رئيسية مثل "مصور حفل زفاف" و "تصوير حفل زفاف في تكساس". على الرغم من تحذيرك من أنه ، كما هو الحال مع نص مدونتك ، من المهم عدم الإفراط في حشو الكلمات الرئيسية في أوصاف الصور الخاصة بك.

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

3. عنوان الصورة

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

يجب أن يكون عنوان الصورة مختلفًا قليلاً عن النص البديل ويجب أن يكون فريدًا لكل صورة مرة أخرى.

4. شرح الصورة

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

ربط الصورة

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

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

لحل هذه المشكلة ، ما عليك سوى تحديد "بلا" كحقل "رابط URL" عندما تقوم بتحميل صورة في WordPress ، إلا إذا كنت تريد بالفعل ربطها بصفحة معينة. إذا قمت بذلك ، فتأكد من استخدام عنوان الصورة أو التسمية التوضيحية للإشارة إلى مكان ارتباط الصورة.

وضع الصورة

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

قد تفضل استخدام الصور المضمنة (أصغر من الأعمدة الرئيسية بحيث يلتف النص حولها) ، أو الصور كاملة العرض ، أو كليهما. ما يجب تجنبه هو استخدام صور قائمة بذاتها ليست كاملة العرض ، أو سلسلة من الصور بعرض متفاوت ، لأن هذا يبدو غير احترافي وغير جذاب.

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

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

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

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

تجميل مدونتك بالصور

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

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