كيفية تحسين صور منتجات WooCommerce لتحسين محركات البحث؟

نشرت: 2022-06-30

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

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

ينشئ مالكو متجر WooCommerce صورًا عالية الجودة بالحجم الصحيح والدقة والأبعاد والتنسيق في عملية تحسين صورة المنتج.

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

عرض جدول المحتويات
  • أهمية تحسين صورة المنتج
  • كيفية تحسين صور منتجات WooCommerce؟
    • 1. عرض وجهات نظر متعددة من المنتجات
    • 2. اختر التنسيق الصحيح للصورة
    • 3. ضغط صورة المنتج
    • 4. تغيير حجم الصورة وعرض المصغر
    • 5. تخصيص الصور لمنصات التواصل الاجتماعي
    • 6. التحكم في مستوى صورة المنتج
    • 7. استخدم CDN لتحسين تسليم الصورة
    • 8. اختر أبعاد الصورة الصحيحة
  • ملحقات تحسين صورة المنتج
    • 1. سحق
    • 2. محسن صور EWWW
    • 3. Optimus WordPress Image Optimizer
  • خاتمة

أهمية تحسين صورة المنتج

عمل-عمل-تصميم-تسويق-موقع-مكتب-منتج

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

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

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

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

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

موصى به لك: هل تريد إنشاء موقع WordPress على الويب؟ اتبع هذه الخطوات الـ 13 السهلة.

كيفية تحسين صور منتجات WooCommerce؟

تصميم مواقع التجارة الإلكترونية الصغيرة للأعمال التجارية

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

1. عرض وجهات نظر متعددة من المنتجات

تحسين-woocommerce-product-images-seo-1

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

عندما تعرض منتجًا في متجرك ، عليك تحسين وجهة نظر المنتج من زوايا مختلفة حتى يحصل عملاؤك على الفكرة الكاملة حول هذا المنتج.

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

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

انقر فوق لوحة القيادة وانتقل إلى المنتجات> حدد منتجك> إضافة صور معرض المنتج.

Woocommerce-Product-List-Page-Gallery

يمكنك استخدام خيار استيراد WooCommerce CSV لتحميل مجموعة كبيرة من الصور لمنتج واحد. يعمل ملف CSV بالاتصال بعنوان URL متاح بشكل مفتوح. يمكنك تحميل صور المنتج في Google Drive واستخدام الرابط العام لمعرض المنتج.

يحتوي الإصدار الجديد من WooCommerce على ميزات جديدة تسمح للعملاء بتكبير صور المنتج ، وهي سمة جيدة لتحسين صورة منتج WooCommerce.

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

تحسين-woocommerce-product-images-seo-2

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

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

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

لكن في بعض الأحيان ، يجب عليك استخدام تنسيق PNG لصورة منتجك لأن تنسيق JPEG لا يدعم الشفافية في الصور. إذا كنت تستخدم تنسيق PNG ، يمكنك تغيير شفافية الصورة. لذلك ، كلا التنسيقين ضروريان لتحسين صور المنتج لـ WooCommerce SEO.

يمكنك التحكم في تعتيم الصورة والصور داخل النصوص وإنشاء شعارات وأيقونات بتنسيق PNG. يمكنك استخدام تنسيق JPEG للحصول على صور أفضل للمنتج وخلفيات عالية الجودة وصور واقعية.

3. ضغط صورة المنتج

تحسين-woocommerce-product-images-seo-3

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

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

  • الضغط المفقود: يقلل هذا المرشح من حجم صورة المنتج ، مما يؤثر على دقة الصورة. لذلك ، عليك التحقق من متطلبات حجم الصورة. تتوفر العديد من أدوات تحرير الصور على الإنترنت ، مثل Adobe Photoshop وغيرها ، للتحكم في جودة الصورة.
  • ضغط بدون فقدان: يقلل هذا المرشح من حجم صورة منتجك على نطاق ضحل. لذلك ، لا يحدث تغييرات كبيرة في جودة صورة المنتج.

صورة ذات نوعية جيدة مع ضغط متوسط

منتج-صورة-جودة-متوسطة-ضغط

صورة منخفضة الجودة مع ضغط عالٍ

منتج-صورة-جودة منخفضة-عالية-ضغط

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

4. تغيير حجم الصورة وعرض المصغر

تحسين-woocommerce-product-images-seo-4

يقوم نظام تحسين WordPress تلقائيًا بإعادة بيع الصور بأحجام متعددة لعدة مستخدمين تم تحميلها على موقع التجارة الإلكترونية الخاص بك. يقوم النظام بعمل أبعاد مصغرة لصفحة الويب الخاصة بالفئة والصفحات الأخرى. إنها عملية يتم إنشاؤها تلقائيًا وفقًا لإعداد سمة موقع الويب الخاص بك.

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

يمكنك تعيين الصورة المصغرة لمنتجك من لوحة معلومات WooCommerce.

WooCommerce-product-image-dashboard

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

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

قد يعجبك: ما هي التحسينات التي تقدمها React JS في WordPress بلا رأس؟

5. تخصيص الصور لمنصات التواصل الاجتماعي

تحسين-woocommerce-product-images-seo-5

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

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

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

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

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

6. التحكم في مستوى صورة المنتج

تحسين-woocommerce-product-images-seo-6

للحصول على أفضل أداء من موقع التجارة الإلكترونية الخاص بك ، يجب عليك التحكم في مستوى المنتج بمساعدة برامج تحرير الصور المتعددة. بعض برامج تحرير الصور الشائعة هي Adobe Photoshop و Procreate و Affinity Photo و Adobe Lightrooms وما إلى ذلك. لذا ، يمكنك استخدام أي من الأدوات للتحكم في تباين الصورة ومستوى السطوع.

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

7. استخدم CDN لتحسين تسليم الصورة

تحسين-woocommerce-product-images-seo-7

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

نظام تحسين الخادم لشركات CDN هذه مقنع ومتقدم. يمكنهم التحكم في طلبات الملفات المتعددة في وقت معين.

8. اختر أبعاد الصورة الصحيحة

تحسين-woocommerce-product-images-seo-8

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

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

صور المنتج
Woocommerce-product-list-page

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

الصور المصغرة
WooCommerce-product-thumbnail-images-list.wooCommerce-product-thumbnail-images-list

ملحقات تحسين صورة المنتج

وورد الإضافات

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

دعونا نرى بعض الإضافات لتحسين الصورة.

1. سحق

البرنامج المساعد Smush-WordPress

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

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

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

دلائل الميزات
  • يدعم جميع تنسيقات الصور المتعددة مثل PNG و JPEG و GIF وما إلى ذلك.
  • يحتوي على الخادم الأكثر موثوقية لدليل الصور.
  • اكتشاف الصور ذات الحجم الخاطئ تلقائيًا.
  • عرض احصائيات على كتل الصورة.

2. محسن صور EWWW

البرنامج المساعد EWWW-Image-Optimizer-WordPress

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

يمكن لهذا المكون الإضافي تحسين جميع الصور من صفحة ويب معينة لمتجر WooCommerce. وهو يدعم خدمات CDN متعددة لدليل الصور. يمكنك أيضًا تحسين الصور في إصدار WebP. كما أنه متوافق مع معظم المكونات الإضافية والسمات الشائعة.

دلائل الميزات
  • لا توجد متطلبات حجم الصورة للتحميل.
  • أعداد كبيرة من تحسين الصورة.
  • يدعم التشفير الآمن.
  • يدعم التحسين عالي السرعة.
  • متوافق مع العديد من السمات والمكونات الإضافية.

3. Optimus WordPress Image Optimizer

البرنامج المساعد Optimus-WordPress-Image-Optimizer

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

دلائل الميزات
  • زيادة سرعة صفحة المدونة.
  • متوافق في الغالب مع WooCommerce.
  • مرفق تحسين الصورة المجمعة.
قد يعجبك أيضًا: WooCommerce PCI Compliance.

خاتمة

خاتمة

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

المؤلف-صورة-فهيم-منتصر هذا المقال بقلم فهيم منتصر. يعمل فهيم ككاتب محتوى في WebAppick ، ​​وهي شركة عملاقة لتطوير الإضافات WordPress. قطاعاته المتخصصة هي WordPress و WooCommerce و Google Merchant Center والتجارة الإلكترونية ومواضيع أخرى.