أفضل ممارسات "صور Google"

سموثي التوت

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

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

إيقاف الربط المضمّن في بحث الصور

يمكنك منع ظهور الصورة بالحجم الكامل في صفحة نتائج البحث عن الصور من Google عن طريق إيقاف الربط المضمّن في نتائج البحث عن الصور.

لإيقاف الربط المضمّن:

  1. عندما يتم طلب صورتك، عليك فحص رأس مُحيل HTTP في الطلب.
  2. إذا كان الطلب صادرًا من أحد نطاقات Google، يمكنك الردّ باستخدام HTTP 200 أو 204 وبدون محتوى.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • سيئ (لم يتم توفير النص البديل): <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 في فهم طبيعة صورك بهدف تطبيق إعدادات "البحث الآمن" عليها عند اللزوم.

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

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

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

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

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

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

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

وأخيرًا...

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