ترخيص الصور في "صور Google"

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

شارة "ترخيص" في "صور Google"

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

تتوفر هذه الميزة على الأجهزة الجوّالة وأجهزة كمبيوتر سطح المكتب، وفي جميع المناطق واللغات التي يتوفر فيها "بحث 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 بأي تغييرات لاحقة، ننصحك بإرسال ملف Sitemap. يمكنك برمجة هذا الإجراء باستخدام واجهة برمجة التطبيقات لملف Sitemap في Search Console.

أمثلة

صورة واحدة

في ما يلي مثال على صفحة تحتوي على صورة واحدة يجوز ترخيصها:

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"
    }
    </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>
  </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>
  </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" /><br />
    <span itemprop="license"> https://example.com/license</span><br />
    <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</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"
    }
    </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>
  </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"><br />
      <span property="license"> https://example.com/license</span><br />
      <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span>
   </div>
  </body>
</html>

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


<html>
  <head>
    <title>Black labrador puppy</title>
  </head>
  <body>
    <div itemscope itemtype="http://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"><br />
     <span itemprop="license"> https://example.com/license</span><br />
     <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</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"
    },
   {
      "@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"
    }]
    </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>
    <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>
  </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><br />
    <span property="acquireLicensePage">https://example.com/how-to-use-my-images</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" /><br />
  <span property="license"> https://example.com/license</span><br />
  <span property="acquireLicensePage">https://example.com/how-to-use-my-images</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" /><br />
    <span itemprop="license"> https://example.com/license</span><br />
    <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
    </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" /><br />
    <span itemprop="license"> https://example.com/license</span><br />
    <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span>
    </div>
  </body>
</html>

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

تعريف ImageObject الكامل متوفّر على schema.org/ImageObject.

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

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

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

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

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

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

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

يمكنك أيضًا تضمين البيانات الوصفية للصور بتنسيق IPTC مباشرةً في إحدى الصور. عليك تضمين حقل Web Statement of Rights، أي بيان الحقوق على الويب لكي تكون صورتك مؤهّلة للظهور مع الشارة "يجوز ترخيصها". وننصح أيضًا بإضافة الحقل Licensor URL إذا توفّرت لديك هذه المعلومات.

السمات المطلوبة
Web Statement of Rights

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

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

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

مراقبة النتائج المنسّقة باستخدام Search Console

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

  1. بعد نشر بيانات منظَّمة للمرة الأولى
  2. بعد إصدار نماذج جديدة أو تعديل الترميز
  3. تحليل الزيارات بشكل دوري

بعد نشر بيانات منظَّمة للمرة الأولى

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

  1. أصلِح الأخطاء.
  2. افحص عنوان URL مباشر لمعرفة ما إذا كانت المشكلة مستمرّة.
  3. اطلب إجراء تحقق باستخدام تقرير الحالة.

بعد إصدار نماذج جديدة أو تعديل الترميز

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

تحليل الزيارات بشكل دوري

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

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

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