10 طرق فعالة لتحسين الصور يمكنك تجربتها الآن

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

هل تقوم بتشغيل صورك من خلال قائمة مرجعية أيضًا؟ لا؟

حسنا، أنت لست وحدك.

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

حان الوقت لتغيير ذلك.

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

عناصر العمل لمرة واحدة لموقعك بالكامل

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

1. قم بإنشاء خريطة موقع للصورة

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

تنص إرشادات خرائط موقع الصور من Google على أنه يمكنك اختيار تضمين صورك ومشاركاتك كلها في نفس خريطة الموقع أو إنشاء خريطة موقع منفصلة للصور.

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

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

اقرأ المزيد عن سبب توصية Google بخرائط مواقع الصور.

كيف تنشئ خريطة موقع للصورة؟

تقوم معظم إضافات WordPress SEO مثل RankMath أو Yoast بإنشاء خريطة موقع تتضمن صورًا مع المنشورات والصفحات (في نفس خريطة الموقع) افتراضيًا. يمكنك أيضًا اختيار استبعاد أو تضمين الصور المميزة نظرًا لأن تلك الصور تميل إلى أن تكون "خيالية" في بعض الأحيان وقد لا تضيف بالضرورة قيمة إذا تمت فهرستها.

2. استخدم CDN

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

إذا لم تكن متأكدًا من ماهية Image CDN ، أو CDN أيضًا ، فإليك شرحًا سريعًا حقًا -

ما هو CDN؟

CDN هو اختصار لشبكة توصيل المحتوى. إنه حرفيا ذلك.

شبكة CDN هي شبكة من الخوادم المتصلة في جميع أنحاء العالم في مراكز بيانات مختلفة.

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

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

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

تتعامل Google مع سرعة موقع الويب على محمل الجد وكذلك يجب عليك ذلك. يمكن أن يساعد استخدام CDN في تحسين أداء موقع الويب الخاص بك بشكل كبير.

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

ما هي صورة CDN؟

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

لمزيد من المعلومات ، يلخص Google الأساسيات هنا.

فيما يلي بعض المزودين المشهورين لخدمات Image CDN -

Optimole - ضغط الصور وتحويلها وتخزينها وتسليمها بطريقة محسّنة. يمكن أن يتكامل Optimole مع موقع WordPress الخاص بك بسهولة باستخدام مكون WordPress الإضافي الذي يتمتع بتصنيف ممتاز على WordPress.org. اقرأ مراجعة Optimole التفصيلية هنا لمزيد من المعلومات.

Quicq - يعد بتسريع أداء توصيل الصور. اقرأ مراجعة Quicq التفصيلية هنا.

وهناك العديد من موفري CDN للصور التي قد ترغب في وضعها في الاعتبار - MaxCDN و Cloudinary و Filestack و Imgix و Imagekit.

3. تمكين التحميل الكسول

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

كيف تقوم بتمكين التحميل البطيء؟

تمت إضافة التحميل البطيء لجميع الصور التي تم تحميلها إلى مكتبة الوسائط كميزة افتراضية في الإصدار 5.5 من WordPress (عن طريق إضافة سمة التحميل = "lazy" إلى علامات img التي لها سمات العرض والارتفاع). في وقت لاحق ، استمر إصدار WordPress 5.7 ليشمل التحميل البطيء لعلامات iframe أيضًا.

ومع ذلك ، لا يزال بإمكانك اختيار استخدام مكون WordPress الإضافي مثل المكون الإضافي المجاني a3 Lazy Load إذا كنت ترغب في -

• قم بتعطيل سلوك التحميل البطيء الافتراضي لـ WordPress أو
• قم بتحسين ميزات التحميل البطيء لـ WordPress من خلال دعم التحميل البطيء لـ
  • الصور خارج مكتبة الوسائط
  • المتصفحات التي قد لا تدعم سمة WordPress هذه
  • إطارات Iframe أو مقاطع الفيديو التي يتعذر على WordPress تحميلها ببطء

4. قم بتمكين التخزين المؤقت للمستعرض

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

كيفية تمكين التخزين المؤقت للمتصفح؟

إذا لم تكن حريصًا على التعامل مع الكود ، فمن الأفضل تركه لمكوِّن إضافي للتخزين المؤقت مثل WP Rocket أو W3 Total Cache. إذا لم تكن خائفًا من الترميز ، فاتبع هذه الإرشادات لإنشاء ذاكرة التخزين المؤقت للمتصفح.

عناصر العمل القابلة للتكرار لكل صورة

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

5. اختر تنسيق الصورة الصحيح

"صور WebP غير المنقوصة هي أصغر حجمًا بنسبة 26٪ مقارنة بصور PNG. الصور المفقودة في WebP أصغر بنسبة 25-34٪ من صور JPEG القابلة للمقارنة "

ملاحظات Google على WebP

تدعم Google الصور في عدد من التنسيقات ، ومع ذلك ، فإن تنسيق WebP الجديد نسبيًا والأقل شهرة يعد مثاليًا. تُستخدم ملفات JPG عادةً للصور. تُستخدم ملفات PNG عادةً للرسوم التوضيحية والشعارات (لأن PNGs تسمح بخلفيات شفافة).

توصي Google باستخدام WebP للأداء ، بناءً على نتائج دراسة أجرتها لمقارنة صور WebP و PNG و JPG.

مقتنع؟ فيما يلي بعض النصائح من Google حول كيفية استخدام صور WebP.

6. قم بتسمية صورك بشكل صحيح

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

بدلاً من ذلك ، فإن تسميته "light-brown-laptop-bag.jpg" يعطي محرك البحث أدلة حول ما تدور حوله الصورة.

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

7. ضغط الصور الخاصة بك

تحتاج إلى الحفاظ على حجم ملف الصورة الخاص بك إلى أدنى مستوى ممكن ، دون المساومة على الجودة.

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

يمكنك استخدام مكونات WordPress الإضافية المجانية مثل WPSmush أو TinyPNG أو OptiMole أو EWWW Image Optimizer لضغط الصور على موقع الويب الخاص بك.

8. أضف علامات بديلة ذات مغزى

تحتوي كل صورة على علامة تسمى "alt" ، والتي تعني حرفياً نص بديل. تعد علامات Alt واحدة من أهم جوانب صورك لكل من تحسين محركات البحث وإمكانية الوصول.

اجعل صورك قابلة للوصول

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

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

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

اجعل صورك صديقة لمحركات البحث

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

بعض الأشياء التي يجب الابتعاد عنها أثناء إضافة علامات بديلة -

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

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

ملاحظة جانبية - تم إهمال عناوين الصور والتعليقات التوضيحية من قبل Google منذ 6 أغسطس 2022. وبعبارة أخرى ، يتجاهل Google الآن علامات الصور هذه تمامًا.

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

9. تجنب صور GIF المتحركة (مثل الطاعون)

يمكن أن تؤدي صور GIF المتحركة إلى ملفات كبيرة ومتضخمة.

بدلاً من ذلك ، يمكن أن يساعد استخدام مقاطع فيديو مثل MP4 في تقليل حجم الملف بشكل كبير. يعد استخدام فيديو WebP أفضل. الرجوع إلى مثال Google للإثبات.

10. استخدم الصور التي تكمل المحتوى

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

على سبيل المثال ، من غير الطبيعي تضمين صورة ، على سبيل المثال ، سفينة فضاء بين فقرتين تصفان وصفة المعكرونة.

ختاماً

للتلخيص ، كل ما عليك فعله هو تسليم صورك بكفاءة ، ومساعدة Google في العثور على صورك ، وفهم صورك بدقة.

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

اترك تعليقًا وأخبرنا كيف قمت بتحسين الصور لموقع WordPress الخاص بك. أي مكون إضافي لتحسين الصور في WordPress جربته وأحببته (أو كرهته)؟