دليل تحسين صورة التجارة الإلكترونية الكامل 2023

نشرت: 2022-11-04

مقدمة

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

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

  1. على الصفحة كبار المسئولين الاقتصاديين
  2. خارج الصفحة SEO
  3. اِصطِلاحِيّ

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

الغرض ولمن هذا الدليل؟

إذا كنت تدير محتوى عبر الإنترنت باستخدام google ، فهذا الدليل مناسب لك. نتائج التعلم لهذا الدليل هي كما يلي:

  • تعلم أساسيات محرك البحث الأمثل
  • تعرف على أهمية تحسين الصور على Google
  • تعلم وفهم المتطلبات الفنية لتحسين الصفحات والصور على Google
  • تعلم وافهم أفضل الممارسات لتحسين الصور

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

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

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

تحسين الصور

سيساعدك تحسين الصور على Google على زيادة معدل التحويل وزيادة المبيعات بنسبة تصل إلى 9٪. سيساعد أيضًا في تحسين تجربة المستخدم. حوالي 10.1٪ من عمليات البحث على Google عبارة عن صور.

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

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

يمكن أن تكون صور Google مهمة لاكتشاف المحتوى. تُظهر البيانات أن 20٪ من عمليات البحث في Google تتم من خلال عمليات البحث عن الصور . بالإضافة إلى ذلك ، يستغرق ترتيب الصور على Google وقتًا أقل من ترتيب المحتوى.

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

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

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

تشير التقارير إلى أن الصور غير المحسّنة تشغل ما يصل إلى 75٪ من الوزن مما يؤدي إلى تجربة مستخدم مروعة.

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

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

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

6 نصائح أساسية لتحسين الصورة

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

تجربة المستخدم

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

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

يمكن لمؤشرات الأداء الرئيسية التالية قياس تجربة المستخدم:

  • معدل الجلسة
  • معدل الارتداد
  • الصفحات / لكل جلسة.

سيساعدك Google Analytics على فهم أداء موقع الويب الخاص بك حتى تتمكن من تحليل الخطأ الذي يحدث في موقع الويب الخاص بك.

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

بمجرد تزويد المستخدمين بالمحتوى المطلوب ، ستتحسن تحليلات الموقع. يمكنك تتبع أداء مواقع الويب الخاصة بك باستخدام مؤشرات الأداء الرئيسية المذكورة أعلاه إما عن طريق Google Console أو Google Analytics.

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

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

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

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

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

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

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

تحسين السرعة

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

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

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

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

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

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

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

سمة النص البديل

هيكل علامة الصورة موضح أدناه:

<img src = ”img_girl.jpg” alt = "فتاة ترتدي سترة" العرض = "500 ″ الارتفاع =” 600 ″>

تُظهر البيانات أن حوالي 90 بالمائة من خبراء مُحسّنات محرّكات البحث لا يستخدمون جانبًا أساسيًا لتحسين الصورة ، وهو استخدام نص "بديل" في سمة علامة الصورة. ستساعد إضافة الكلمات الرئيسية التي تصف صورتك محركات البحث على تحديد الغرض من استخدام الصورة.

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

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

  • سيئ : <img src = ”tshirt.jpg” /> (النص البديل مفقود)
  • سيء : <img src = ”puppy.jpg” alt = ”قميص أسود قميص رائع للأولاد
  • تصميمات للأولاد تيشيرت للأولاد قمصان سوداء رائعة قمصان بلا أكمام قمصان رائعة للرجال "/> ( حشو الكلمات الرئيسية)
  • أفضل : <img src = “BMW-i8-White.jpg” alt = “BMW i8 Black” />
  • الأفضل : <img src = ”Tesla-model-s-red.jpg” alt = ”موديل تسلا أحمر اللون” />

تنصح Google مستخدمها باختبار المحتوى باستخدام اتصال شبكة بطيء والتدقيق لإمكانية الوصول.

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

استخدم علامة الصورة <img>

يحلل Google HTML لصفحتك لفهرسة الصور ، لكنه لا يمكنه فهرسة CSS. تعد إضافة الصور في CSS للعرض غير مجدية لأن Google لا يمكنها فهرستها. لهذا السبب تنصح Google باستخدام الترميز الدلالي لفهرسة أفضل.

  • سيئة: <div style = ”background-image: URL (crikcet_bat.jpg)”> جراي نيكولس باليستر </ div>
  • جيد: <img src = ”crikcet_bat.jpg” alt = ”جراي نيكولس باليستر” />

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

تدعم صور Google فقط التنسيقات التالية للصور للفهرسة

  • BMP
  • GIF
  • JPEG
  • بي إن جي
  • ويب
  • SVG.

صور مستجيبة

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

نظرًا لوجود رابط مباشر بين تجربة المستخدم المحسنة والترتيب ، فإن الصور المتجاوبة أصبحت الآن عاملاً لتحسين الصورة.

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

نصائح إضافية للتحسين:

المذكورة أعلاه هي تقنيات تحسين الصورة الأساسية التي من المهم دمجها. يمكن للتقنيات التالية تحسين تحسين صورتك إلى حد جديد:

نص تم إنشاؤه تلقائيًا

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

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

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

<title> Facebook - مكان للتواصل بين الناس </ title>

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

إضافة شارات بارزة

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

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

توفر Google إرشادات لعرض البيانات الهيكلية:

  • يجب تمييز صفحات الويب بأحد تنسيقات الصور الثلاثة المدعومة:
    • JSON-LD
    • البيانات الجزئية
    • RDFa
  • سيكون من الأفضل إذا لم تحظر روبوت Google لتنظيم صفحات البيانات باستخدام أي وسيلة تحكم
  • قدِّم معلومات محدَّثة لأن النتائج المنسَّقة لن تعرض المعلومات القديمة
  • لا تستخدم البيانات المنظمة للمعلومات المضللة
  • يجب أن توفر بيانات الهيكل معلومات دقيقة أو ذات صلة حول محتوى الصفحة
  • يجب أن تتأكد من تقديم المعلومات ذات الصلة التي تصنفها Google في الشارات التالية:
  • مقالة - سلعة
  • الكتاب
  • مسار التنقل
  • دائري
  • مسار
  • مجموعة البيانات
  • التعليم سؤال وجواب
  • التقييم الإجمالي لصاحب العمل
  • الراتب المقدر
  • حدث
  • الاختيار الواقع
  • التعليمات
  • الأنشطة المنزلية
  • كيف
  • البيانات الوصفية للصورة
  • نشر الوظيفة
  • فيديو تعليمي
  • عمل محلي
  • شعار
  • أدوات حل الرياضيات
  • فيلم
  • تدوين صوتي
  • مشاكل الممارسة
  • منتج
  • سؤال وجواب
  • وصفة
  • مراجعة المقتطف
  • مربع البحث في روابط أقسام الموقع
  • تطبيق برمجي
  • قابل للتحدث
  • الاشتراك والمحتوى المحمي بنظام حظر الاشتراك
  • فيديو
  • سيكون من الأفضل إذا حاولت استخدام الفئات الأكثر تحديدًا للشارات.

تعين Google شارات بارزة إذا كان بإمكان المستخدمين اتباع الإرشادات.

خرائط مواقع الصور

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

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

<؟ xml version = ”1.0 ″ encoding =” UTF-8 ″؟>

<urlset xmlns = ”http://www.sitemaps.org/schemas/sitemap/0.9 ″

xmlns: image = ”http://www.google.com/schemas/sitemap-image/1.1 ″>

<url>

<loc> http://example.com/sample1.html </loc>

<image: image>

<image: loc> http://example.com/image.jpg </ image: loc>

</ image: image>

<image: image>

<image: loc> http://example.com/photo.jpg </ image: loc>

</ image: image>

</url>

<url>

<loc> http://example.com/sample2.html </loc>

<image: image>

<image: loc> http://example.com/picture.jpg </ image: loc>

</ image: image>

</url>

</urlset>

تحسين Apimio

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

يجعل Apimio كل جزء من رحلة منتجك أكثر كفاءة. لم يكن بدء استخدام بيانات المنتج المحسّنة في متاجرك عبر الإنترنت أسرع وأسهل من أي وقت مضى. يسمح لمستخدمي Shopify باستيراد بيانات المنتج بالجملة وتحسين التحسين.

يقوم PIM الخاص بنا بتحليل الصور وإرجاع درجة التحسين بناءً على المعلمات. تحليل السمات التالية Apimio PIM

  1. أبعاد الصورة
  2. شكل
  3. الحجم

يتم تسجيل هذه الصور بناءً على ميزاتها. إذا لم تكتمل أي ميزتين مذكورتين ، فستكون صورة غير محسَّنة بنسبة 100٪ والعكس صحيح.

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

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