البيانات الوصفية للصور في "صور بحث Google&quot

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

البيانات الوصفية للصور في "صور بحث Google&quot

مدى توفّر الميزة

تتوفر هذه الميزة على الأجهزة الجوّالة وأجهزة الكمبيوتر المكتبي في جميع المناطق وبجميع اللغات التي يتوفر فيها "بحث Google".

إعداد صفحات الويب والصور

للتأكّد من إمكانية اكتشاف وفهرسة صورك من قِبل Google:

إضافة البيانات المنظَّمة أو البيانات الوصفية للصور بتنسيق IPTC

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

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

  • البيانات المنظَّمة: تشكّل البيانات المنظَّمة رابطًا بين الصورة والصفحة التي تظهر فيها وتحمل علامة ترميز. وتحتاج إلى إضافة بيانات منظَّمة كل مرة تستخدم فيها صورة، حتى لو كنت تستخدم الصورة نفسها.
  • البيانات الوصفية للصور بتنسيق IPTC: يتم تضمين البيانات الوصفية للصور بتنسيق IPTC في الصورة نفسها، ويمكن نقل كل من الصورة والبيانات الوصفية من صفحة إلى أخرى بدون حصول أي تغيير في الصورة أو البيانات. ما عليك سوى تضمين البيانات الوصفية للصور بتنسيق IPTC مرة واحدة لكل صورة.

يوضّح المخطّط البياني التالي الشكل الذي قد تظهر به معلومات الترخيص في "صور بحث Google":

وسائل شرح توضّح أجزاء بيانات الترخيص الوصفية التي يمكن عرضها في "صور بحث Google"
  1. عنوان URL يؤدي إلى صفحة توضّح الترخيص الذي ينطبق على استخدام الصورة. حدِّد هذه المعلومات باستخدام سمة license في Schema.org أو حقل بيان حقوق IPTC على الويب.
  2. عنوان URL يؤدي إلى صفحة توضّح الأماكن التي يمكن للمستخدم العثور فيها على معلومات حول طريقة ترخيص تلك الصورة. حدِّد هذه المعلومات باستخدام السمة acquireLicensePage في Schema.org أو حقل Licensor URL لتنسيق IPTC (من Licensor).

البيانات المنظَّمة

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

إليك نظرة عامة حول كيفية إنشاء بيانات منظَّمة واختبارها وإصدارها.

  1. أضِف السمات المطلوبة. استنادًا إلى التنسيق الذي تستخدمه، تعرَّف على مكان إدراج البيانات المنظَّمة في الصفحة.
  2. اتّبِع إرشادات البيانات المنظَّمة العامة.
  3. تحقَّق من صحة الرمز باستخدام اختبار النتائج الغنية بصريًا.
  4. انشر بعض الصفحات التي تتضمّن بياناتك المنظَّمة واستخدِم أداة فحص عنوان URL لاختبار طريقة عرض الصفحة في محرّك بحث Google. تأكَّد من إمكانية وصول محرّك بحث Google إلى صفحتك ومن عدم حظرها باستخدام ملف robots.txt أو علامة noindex أو متطلبات تسجيل الدخول. إذا بدت الصفحة جيدة، يمكنك أن تطلب من محرّك بحث Google إعادة الزحف إلى عناوين URL الخاصة بك.
  5. لإعلام محرّك بحث Google بأي تغييرات لاحقة، ننصحك بإرسال خريطة الموقع. يمكنك برمجة هذا الإجراء باستخدام Search Console Sitemap API.

أمثلة

صورة واحدة

في ما يلي مثال على صفحة تحتوي على صورة واحدة.

JSON-LD 


<html>
  <head>
    <title>Black labrador puppy</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/1x1/black-labrador-puppy.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images",
      "creditText": "Labrador PhotoLab",
      "creator": {
        "@type": "Person",
        "name": "Brixton Brownstone"
       },
      "copyrightNotice": "Clara Kent"
    }
    </script>
  </head>
  <body>
    <img alt="Black labrador puppy" src="https://example.com/photos/1x1/black-labrador-puppy.jpg">
    <p><a href="https://example.com/license">License</a></p>
    <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p>
    <p><b>Photographer</b>: Brixton Brownstone</p>
    <p><b>Copyright</b>: Clara Kent</p>
    <p><b>Credit</b>: Labrador PhotoLab</p>
  </body>
</html>

RDFa 


<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
  <div vocab="https://schema.org/" typeof="ImageObject">
    <img alt="Black labrador puppy" property="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" /><br>
    <span property="license"> https://example.com/license</span><br>
    <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span>
    <span rel="schema:creator">
      <span typeof="schema:Person">
        <span property="schema:name" content="Brixton Brownstone"></span>
      </span>
    </span>
    <span property="copyrightNotice">Clara Kent</span><br>
    <span property="creditText">Labrador PhotoLab</span><br>
  </div>
  </body>
</html>

البيانات الجزئية 


<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
    <div itemscope itemtype="https://schema.org/ImageObject">
      <img alt="Black labrador puppy" itemprop="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" />
      <span itemprop="license"> https://example.com/license</span><br>
      <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span itemprop="creator" itemtype="https://schema.org/Person" itemscope>
        <meta itemprop="name" content="Brixton Brownstone" />
      </span>
      <span itemprop="copyrightNotice">Clara Kent</span>
      <span itemprop="creditText">Labrador PhotoLab</span>
    </div>
  </body>
</html>
صورة واحدة في علامة srcset

في ما يلي مثال على صفحة تحتوي على صورة واحدة في علامة srcset.

JSON-LD 


<html>
  <head>
    <title>Black labrador puppy</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/320/black-labrador-puppy-800w.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images",
      "creditText": "Labrador PhotoLab",
      "creator": {
        "@type": "Person",
        "name": "Brixton Brownstone"
       },
      "copyrightNotice": "Clara Kent"
    }
    </script>
  </head>
  <body>
    <img srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w,
                   https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w,
                   https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w"
           sizes="(max-width: 320px) 280px,
                  (max-width: 480px) 440px,
                  800px"
           src="https://example.com/photos/320/black-labrador-puppy-800w.jpg"
           alt="Black labrador puppy"><br>
    <p><a href="https://example.com/license">License</a></p>
    <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p>
    <p><b>Photographer</b>: Brixton Brownstone</p>
    <p><b>Copyright</b>: Clara Kent</p>
    <p><b>Credit</b>: Labrador PhotoLab</p>
  </body>
</html>

RDFa 


<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
    <div vocab="https://schema.org/" typeof="ImageObject">
      <img property="contentUrl"
           srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w,
                   https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w,
                   https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w"
           sizes="(max-width: 320px) 280px,
                  (max-width: 480px) 440px,
                  800px"
           src="https://example.com/photos/320/black-labrador-puppy-800w.jpg"
           alt="Black labrador puppy">
      <span property="license">https://example.com/license</span>
      <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span rel="schema:creator">
        <span typeof="schema:Person">
          <span property="schema:name" content="Brixton Brownstone"></span>
        </span>
      </span>
      <span property="copyrightNotice">Clara Kent</span>
      <span property="creditText">Labrador PhotoLab</span>
   </div>
  </body>
</html>

البيانات الجزئية 


<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
    <div itemscope itemtype="https://schema.org/ImageObject">
      <img itemprop="contentUrl"
           srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w,
                   https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w,
                   https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w"
           sizes="(max-width: 320px) 280px,
                  (max-width: 480px) 440px,
                  800px"
           src="https://example.com/photos/320/black-labrador-puppy-800w.jpg"
           alt="Black labrador puppy">
      <span itemprop="license">https://example.com/license</span>
      <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span itemprop="creator" itemtype="https://schema.org/Person" itemscope>
        <meta itemprop="name" content="Brixton Brownstone" />
      </span>
      <span itemprop="copyrightNotice">Clara Kent</span>
      <span itemprop="creditText">Labrador PhotoLab</span>
   </div>
  </body>
</html>
عدّة صور على صفحة واحدة

في ما يلي مثال على صفحة تحتوي على عدة صور.

JSON-LD 


<html>
  <head>
    <title>Photos of black labradors</title>
    <script type="application/ld+json">
    [{
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/1x1/black-labrador-puppy.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images",
      "creditText": "Labrador PhotoLab",
      "creator": {
        "@type": "Person",
        "name": "Brixton Brownstone"
       },
      "copyrightNotice": "Clara Kent"
    },
   {
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/1x1/adult-black-labrador.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images",
      "creditText": "Labrador PhotoLab",
      "creator": {
        "@type": "Person",
        "name": "Brixton Brownstone"
       },
      "copyrightNotice": "Clara Kent"
    }]
    </script>
  </head>
  <body>
    <h2>Black labrador puppy</h2>
    <img alt="Black labrador puppy" src="https://example.com/photos/1x1/black-labrador-puppy.jpg">
    <p><a href="https://example.com/license">License</a></p>
    <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p>
    <p><b>Photographer</b>: Brixton Brownstone</p>
    <p><b>Copyright</b>: Clara Kent</p>
    <p><b>Credit</b>: Labrador PhotoLab</p>
    <h2>Adult black labrador</h2>
    <img alt="Adult black labrador" src="https://example.com/photos/1x1/adult-black-labrador.jpg">
    <p><a href="https://example.com/license">License</a></p>
    <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p>
    <p><b>Photographer</b>: Brixton Brownstone</p>
    <p><b>Copyright</b>: Clara Kent</p>
    <p><b>Credit</b>: Labrador PhotoLab</p>
  </body>
</html>

RDFa 


<html>
  <head>
    <title>Photos of black labradors</title>
  </head>
  <body>
    <div vocab="https://schema.org/" typeof="ImageObject">
      <h2 property="name">Black labrador puppy</h2>
      <img alt="Black labrador puppy" property="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" /><br>
      <span property="license"> https://example.com/license</span>
      <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span rel="schema:creator">
        <span typeof="schema:Person">
          <span property="schema:name" content="Brixton Brownstone"></span>
        </span>
      </span>
      <span property="copyrightNotice">Clara Kent</span>
      <span property="creditText">Labrador PhotoLab</span>
    </div>
    <br>
    <div vocab="https://schema.org/" typeof="ImageObject">
      <h2 property="name">Adult black labrador</h2>
      <img alt="Adult black labrador" property="contentUrl" src="https://example.com/photos/1x1/adult-black-labrador.jpg" />
      <span property="license"> https://example.com/license</span>
      <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span rel="schema:creator">
        <span typeof="schema:Person">
          <span property="schema:name" content="Brixton Brownstone"></span>
        </span>
      </span>
      <span property="copyrightNotice">Clara Kent</span>
      <span property="creditText">Labrador PhotoLab</span>
    </div>
  </body>
</html>

البيانات الجزئية 


<html>
  <head>
    <title>Photos of black labradors</title>
  </head>
  <body>
    <div itemscope itemtype="https://schema.org/ImageObject">
      <h2 itemprop="name">Black labrador puppy</h2>
      <img alt="Black labrador puppy" itemprop="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" />
      <span itemprop="license"> https://example.com/license</span>
      <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span itemprop="creator" itemtype="https://schema.org/Person" itemscope>
        <meta itemprop="name" content="Brixton Brownstone" />
      </span>
      <span itemprop="copyrightNotice">Clara Kent</span><br>
      <span itemprop="creditText">Labrador PhotoLab</span><br>
    </div>
    <br>
      <h2 itemprop="name">Adult black labrador</h2>
      <div itemscope itemtype="https://schema.org/ImageObject">
      <img alt="Adult black labrador" itemprop="contentUrl" src="https://example.com/photos/1x1/adult-black-labrador.jpg" />
      <span itemprop="license"> https://example.com/license</span>
      <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
      <span itemprop="creator" itemtype="https://schema.org/Person" itemscope>
        <meta itemprop="name" content="Brixton Brownstone" />
      </span>
      <span itemprop="copyrightNotice">Clara Kent</span>
      <span itemprop="creditText">Labrador PhotoLab</span>
    </div>
  </body>
</html>

تعريفات أنواع البيانات المنظَّمة

يتوفر تعريف ImageObject الكامل على schema.org/ImageObject. في ما يلي السمات المتوافقة مع Google:

السمات المطلوبة
contentUrl

URL

عنوان URL يؤدي إلى محتوى الصورة. يستخدم محرّك بحث Google السمة contentUrl لتحديد الصورة التي تنطبق عليها البيانات الوصفية للصور.

إمّا creator أو creditText أو copyrightNotice أو license

بالإضافة إلى السمة contentUrl، يجب تضمين إحدى السمات التالية:
السمات المقترَحة
acquireLicensePage

URL

عنوان URL يؤدي إلى صفحة حيث يمكن للمستخدم العثور على معلومات حول طريقة ترخيص تلك الصورة. إليك بعض الأمثلة:

  • صفحة إتمام الدفع لتلك الصورة حيث يمكن للمستخدم اختيار درجة دقة أو حقوق استخدام محدّدة
  • صفحة عامة توضّح طريقة التواصل معك
creator

Organization أو Person

منشئ الصورة: يكون عادةً المصوّر، وقد يكون أيضًا شركة أو مؤسسة (إذا كان ذلك منطبقًا).

creator.name

Text

تشير هذه السمة إلى اسم منشئ الصورة.

creditText

Text

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

license

URL

عنوان URL يؤدي إلى صفحة توضّح الترخيص الذي ينطبق على استخدام الصورة. على سبيل المثال، قد تكون هذه الصفحة هي صفحة الأحكام والشروط المتوفّرة على موقعك الإلكتروني. وقد تكون أيضًا رخصة المشاع الإبداعي (على سبيل المثال، BY-NC 4.0)، حيثما كان ذلك منطبقًا.

إذا كنت تستخدم بيانات منظَّمة لتحديد صورة، عليك تضمين السمة license لتكون صورتك مؤهّلة للظهور مع الشارة &quotترخيص&quot;. وننصحك أيضًا بإضافة السمة acquireLicensePage إذا توفّرت لديك هذه المعلومات.

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

يمكنك أيضًا تضمين البيانات الوصفية للصور بتنسيق IPTC مباشرةً في الصورة. ننصحك باستخدام برامج إدارة البيانات الوصفية لإدارة البيانات الوصفية لصورك. يتضمّن الجدول التالي السمات التي يستخلصها محرك بحث Google:

السمات المقترَحة
إشعار حقوق الطبع والنشر

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

المنشئ

منشئ الصورة: يكون عادةً اسم المصوّر، وقد يكون أيضًا اسم شركة أو مؤسسة (إذا كان ذلك منطبقًا).

سطر الإشارة إلى مالك المحتوى

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

نوع المصدر الرقمي

تشير هذه السمة إلى نوع المصدر الرقمي الذي تم استخدامه لإنشاء الصورة. يتيح محرّك بحث Google استخدام إحدى قيم NewsCodes التالية بتنسيق IPTC:

  • trainedAlgorithmicMedia: تم إنشاء الصورة من خلال الخوارزميات باستخدام نموذج مشتق من عيّنات من المحتوى.
  • compositeSynthetic: تشكّل الصورة مزيجًا أو هي مركّبة وتشمل عنصرًا واحدًا على الأقل من العناصر الاصطناعية.
  • ‫algorithmicMedia: تم إنشاء الصورة بالكامل من خلال خوارزمية، وهي غير مستندة إلى أي عيّنات مأخوذة من بيانات تدريبية (على سبيل المثال، صورة تم إنشاؤها من خلال برنامج يستخدم معادلة رياضية).
  • compositeWithTrainedAlgorithmicMedia: الصورة مركّبة من وسائط خوارزمية تم تدريبها مع بعض الوسائط الأخرى باستخدام عمليات إضافة العناصر في الصورة من الداخل أو توسيع الصورة.
Licensor URL

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

  • صفحة إتمام الدفع لتلك الصورة حيث يمكن للمستخدم اختيار درجة دقة محدّدة
  • صفحة عامة توضّح طريقة التواصل معك
Web Statement of Rights

تمثّل هذه السمة عنوان URL يؤدي إلى صفحة توضّح الترخيص الذي ينطبق على استخدام الصورة وتتضمّن اختياريًا معلومات عن الحقوق الأخرى. على سبيل المثال، قد تكون هذه الصفحة هي صفحة الأحكام والشروط المتوفّرة على موقعك الإلكتروني. وقد تكون أيضًا رخصة المشاع الإبداعي (على سبيل المثال، BY-NC 4.0)، حيثما كان ذلك منطبقًا.

عليك تضمين حقل Web Statement of Rights (بيان الحقوق على الويب) لكي تكون صورتك مؤهّلة للظهور مع شارة &quot;ترخيص&quot;. وننصح أيضًا بإضافة الحقل Licensor URL إذا توفّرت لديك هذه المعلومات.

تحديد المشاكل وحلّها

إذا كنت تواجه مشكلة في تنفيذ البيانات الوصفية للصورة على &quot;صور بحث Google&quot;، إليك بعض المراجع التي قد تساعدك.

هل يمكن إزالة البيانات الوصفية للصور؟

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