أفضل الممارسات المتعلّقة بـ "صور Google"

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

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

ترك انطباع رائع لدى المستخدم

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

  • تقديم سياق جيد: تأكد من أن المحتوى المرئي ملائم لموضوع الصفحة. نقترح عليك عدم عرض الصور إلا إذا كانت تضيف أفكارًا ذات صلة بالصفحة. وننصح بشكل خاص بعدم استخدام الصفحات التي تعرض صورًا أو نصوصًا لا تشكّل محتوًى أصليًا.
  • تحسين موضع الصور: ضَع الصور بالقرب من النص المناسب كلما أمكن ذلك. وننصحك بوضع الصورة الأكثر أهمية بالقرب من أعلى الصفحة إذا كان ذلك مناسبًا.
  • عدم تضمين نص مهم داخل الصور: تجنَّب تضمين النص في الصور وخاصةً عناصر النص المهمة، مثل عناوين الصفحات وعناصر القوائم، لأنه لا يمكن لجميع المستخدمين الدخول إليها (ولن تعمل أدوات ترجمة الصفحة على الصور). لضمان إمكانية الوصول بكل سهولة إلى المحتوى الذي تقدّمه، اجعل النص بصيغة HTML وقدِّم نصًا بديلاً للصور.
  • إنشاء مواقع إلكترونية غنية بالمعلومات وذات جودة عالية: لا يقل المحتوى الجيد على صفحة الويب في الأهمية عن المحتوى المرئي في "صور Google"، فهو يوفّر السياق ويجعل النتيجة أكثر قابلية للاستخدام. يمكن استخدام محتوى الصفحة لإنشاء مقتطف نصي للصورة، ويراعي محرك البحث Google جودة محتوى الصفحة عند ترتيب الصور.
  • إنشاء مواقع متوافقة مع الأجهزة: يبحث المستخدمون في "صور Google" على الأجهزة الجوّالة بمعدّل أكبر من بحثهم على أجهزة سطح المكتب. ولهذا السبب، من المهم تصميم موقعك الإلكتروني بحيث يلائم جميع أنواع الأجهزة وأحجامها. واستخدِم أداة فحص التوافق مع الأجهزة الجوّالة لاختبار مدى جودة أداء صفحاتك على الأجهزة الجوّالة وللحصول على ملاحظات وآراء حول ما يجب تعديله.
  • إنشاء بنية عنوان URL جيدة لصورك: يستخدم محرك البحث Google مسار عنوان URL بالإضافة إلى اسم الملف ليتمكّن من فهم صورك. وننصحك بتنظيم محتوى صورك بحيث يتم إنشاء عناوين URL بطريقة منطقية.

التحقق من عنوان صفحتك ووصفها

نتيجة صورة واحدة في "صور Google" صفحة نتائج البحث في "صور Google"

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

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

ويمكنك المساعدة في تحسين جودة العنوان والمقتطف المعروضَين لصفحاتك من خلال اتباع إرشادات العناوين والمقتطفات من Google.

إضافة بيانات منظَّمة

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

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

نتيجة منسّقة لمنتج في "صور بحث Google" نتيجة منسّقة لمنتج في "صور بحث Google"

تحسين الصور لزيادة سرعة تحميل الصفحة

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

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

يمكنك تحليل سرعة موقعك الإلكتروني من خلال إحصاءات PageSpeed وزيارة صفحة "أساسيات الويب" للتعرّف على أفضل الممارسات والتقنيات المتعلقة بتحسين أداء المواقع الإلكترونية.

إضافة صور ذات نوعية جيدة

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

إضافة عناوين وصفية وشروح وأسماء ملفات ونصوص للصور

يستخلص محرّك البحث Google معلومات حول موضوع الصورة من محتوى الصفحة، بما في ذلك الشروح وعناوين الصور. حيثما أمكن، احرص على وضع الصور بالقرب من النص ذي الصلة وعلى الصفحات ذات الصلة بموضوع الصورة.

وبالمثل، يمكن أن يقدّم اسم الملف لمحرّك البحث Google تلميحات عن موضوع الصورة. على سبيل المثال، اسم الملف my-new-black-kitten.jpg أفضل من IMG00023.JPG. في حال كنت تقدّم ترجمة لصورك، تأكد من ترجمة أسماء الملفات أيضًا.

استخدام نص بديل وصفي

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

يستخدم Google النص البديل مع خوارزميات الرؤية الحاسوبية ومحتويات الصفحة للتعرّف على موضوع الصورة. ويكون النص البديل في الصور مفيدًا أيضًا كنص رابط إذا قررت استخدام صورة كرابِط.

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

  • سيئ (لم يتم توفير نص بديل): <img src="puppy.jpg"/>
  • سيئ (ازدحام الكلمات الرئيسية): <img src="puppy.jpg" alt="puppy dog baby dog pup pups puppies doggies pups litter puppies dog retriever labrador wolfhound setter pointer puppy jack russell terrier puppies dog food cheap dogfood puppy food"/>
  • أفضل: <img src="puppy.jpg" alt="puppy"/>
  • الأفضل: <img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/>

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

مساعدتنا في اكتشاف جميع صورك

استخدام الترميز الدلالي للصور

يحلّل محرك البحث Google تنسيق HTML لصفحاتك لفهرسة الصور ولكنه لا يفهرس صور CSS.

  • جيد: <img src="puppy.jpg" alt="A golden retriever puppy" />
  • سيئ: <div style="background-image:url(puppy.jpg)">A golden retriever puppy</div>

استخدام ملف Sitemap لصورة

تُعدّ الصور مصدرًا مهمًا للمعلومات عن المحتوى المعروض على موقعك الإلكتروني. ويمكنك تزويد Google بتفاصيل إضافية عن صورك وتقديم عنوان URL للصور التي قد لا نكتشفها بدون هذه التفاصيل وذلك من خلال إضافة معلومات إلى ملف Sitemap للصورة.

يمكن أن تحتوي ملفات Sitemap للصور على عناوين URL من نطاقات أخرى بخلاف ملفات Sitemap العادية التي تفرض قيودًا عبر النطاقات. ويتيح لك ذلك استخدام شبكات توصيل المحتوى (CDN) لاستضافة الصور. وننصحك بإثبات ملكية اسم نطاق شبكة توصيل المحتوى (CDN) في Search Console حتى نتمكن من إعلامك بأي أخطاء زحف قد نكتشفها.

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

تتيح "صور Google" استخدام تنسيقات الصور التالية: BMP وGIF وJPEG وPNG وWebP وSVG. 

يمكنك أيضًا تضمين الصور كمعرّفات موارد منتظمة (URI) للبيانات. توفّر معرّفات URI للبيانات إمكانية تضمين ملف، مثل صورة، من خلال تحديد src للعنصر img كسلسلة Base64 مرمّزة باستخدام التنسيق التالي:

<img src="data:image/svg+xml;base64,[data]">

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

الصور المتجاوبة

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

تستخدم صفحات الويب سمة <img srcset> أو عنصر <picture> لتحديد الصور المتجاوبة. يُرجى العلم بأنّ بعض المتصفحات وبرامج الزحف لا تفهم هذه السمات. نقترح عليك أن تحدد دائمًا عنوان URL احتياطيًا من خلال السمة img src.

تسمح السمة srcset بتحديد نُسخ مختلفة من الصورة نفسها، لا سيما لأحجام الشاشات المختلفة.

مثال: <img srcset>

<img srcset="example-320w.jpg 320w,
       example-480w.jpg 480w,
       example-800w.jpg 800w"
   sizes="(max-width: 320px) 280px,
      (max-width: 480px) 440px,
      800px"
   src="example-800w.jpg" alt="responsive web">

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

ننصح دائمًا بتوفير عنصر img كعنصر احتياطي يحتوي على السمة src عند استخدام العلامة picture باستخدام التنسيق التالي:

مثال: <picture>

<picture>
 <source type="image/svg+xml" srcset="pyramid.svg">
 <source type="image/webp" srcset="pyramid.webp">
 <img src="pyramid.png" alt="large PNG image...">
</picture>

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

تجميع الصور المخصّصة للبالغين فقط في عنوان URL مشترك

إذا كان موقعك الإلكتروني يحتوي على صور للبالغين، ننصحك بشدة بتجميع الصور بشكل منفصل عن الصور الأخرى على موقعك الإلكتروني. على سبيل المثال: http//www.example.com/adult/image.jpg.

إضافة بيانات وصفية إلى الصفحات التي تتضمّن محتوًى للبالغين

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

تُعد صفحات البالغين المصنّفة ذاتيًا واحدة من أقوى الإشارات. وفي حال نشر محتوى للبالغين، نقترح عليك إضافة إحدى العلامتين الوصفيّتين التاليتين إلى صفحاتك:

<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

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

وأخيرًا...

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