تنظيم صفحاتك في مجموعات يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.

أفضل الممارسات لظهور المحتوى في "صور بحث Google"

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

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

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

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

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

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

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

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

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

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

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

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

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

‫نتيجة منسّقة لمنتج في "صور بحث Google" ‫نتيجة منسّقة لفيديو في "صور بحث 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 للصورة

يمكنك تقديم عنوان URL للصور التي قد لا نكتشفها بدون هذه التفاصيل وذلك من خلال إرسال ملف Sitemap للصورة.

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

تنسيقات الصور المسموح بها

تتيح ميزة &quot;صور بحث Google‏&quot; إمكانية استخدام تنسيقات الصور التالية: BMP وGIF وJPEG وPNG وWebP وSVG .

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

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

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

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

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

تستخدم صفحات الويب سمة <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>

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

وأخيرًا...

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