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

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

إن إضافة المزيد من السياق للصور تجعل النتائج أكثر فائدة، ما يؤدي إلى تحسين جودة الزيارات إلى موقعك. ويمكنك المساعدة في عملية الاكتشاف من خلال التأكد من تحسين صورك وموقعك لتلائم "صور Google". اتّبع إرشاداتنا لزيادة احتمالية ظهور المحتوى الذي تقدّمه في نتائج البحث على "صور 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,[بيانات]">

قد تؤدي الصور المضمّنة إلى خفض عدد طلبات 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" />

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

وأخيرًا...

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

هل كان ذلك مفيدًا؟
كيف يمكننا تحسينها؟