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

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

ميزة "المصادر المفضّلة" في "وضع AI" "المصادر المفضلة" في "أهم الأخبار"

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

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

وحدها المواقع الإلكترونية على مستوى النطاق والنطاق الفرعي مؤهَّلة للظهور في أداة المصادر المفضَّلة. على سبيل المثال، https://www.example.com/ وhttps://code.example.com/ مؤهّلان لميزة "المصادر المفضّلة"، لكنّ الدليل الفرعي https://www.example.com/blog غير مؤهّل.

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

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

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

تنفيذ JavaScript العادي (يُنصَح به)

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

إليك طريقة ظهور ذلك:

زر "الإضافة إلى المصادر المفضّلة" باستخدام JavaScript

لتضمين زر JavaScript في صفحة الويب، اتّبِع الخطوات التالية:

  1. أضِف علامة <script> التالية إلى صفحة الويب (يُفضّل أن تكون في العنصر <head>)، ما يؤدي إلى تحميل مكتبة "المصادر المفضّلة". 
    <script async src="https://news.google.com/swg/js/v1/publisher.js"></script>
  2. أضِف علامة <div> التالية في أي مكان تريد أن يظهر فيه الزر في نص صفحة الويب. 
    <div google-add-preferred-source-btn></div>

ضبط مظهر الزر

يظهر الزر "الإضافة إلى المصادر المفضّلة" تلقائيًا في مظهر فاتح. لضبط المظهر، أضِف سمة البيانات data-theme إلى العنصر <div> واضبطها على light أو dark: 

<div google-add-preferred-source-btn data-theme="dark"></div>

تجاوز لغة الزر

يظهر الزر "الإضافة إلى المصادر المفضّلة" تلقائيًا بلغة المستخدم استنادًا إلى إعدادات المتصفّح. لتجاوز هذا السلوك، أضِف سمة البيانات data-lang إلى العنصر <div> واضبطها على رمز اللغة المفضَّل (يمكنك تنزيل قائمة رموز اللغات المتوافقة): 

<div google-add-preferred-source-btn data-lang="en"></div>

تنزيل رموز اللغات المتوافقة

تنفيذ JavaScript المتقدّم باستخدام مواد عرض تصميم مخصّصة

يفحص زر JavaScript العادي تلقائيًا &quot;نموذج العناصر في المستند&quot; (DOM) بحثًا عن عناصر تتضمّن السمة google-add-preferred-source-btn ويعرض الشارة العادية. أما في حالات الدمج المخصّصة التي تريد فيها تفعيل مسار الإجراء من عناصر واجهة المستخدم الخاصة بك أو مراحل رئيسية في تطبيقك، يمكنك إعداد العميل آليًا وربط هذا المسار بمشغّلات مخصصة.

عند دمج مكتبة &quot;المصادر المفضّلة&quot; في واجهات مستخدم مخصّصة أو مراحل رئيسية في التطبيق أو تطبيقات إطار العمل الحديثة، يمكنك التحكّم بشكل كامل آليًا في إعدادات وقت التشغيل وإعداد المسار باستخدام JavaScript SDK. نوفّر طريقتَين مختلفتَين للدمج استنادًا إلى أدواتك وبنيتك: عمليات استيراد وحدة ES ‏(ESM) وقوائم انتظار دالّة رد الاتصال للنص البرمجي العادي (IIFE). يعرض كلا نموذجي التوزيع الإمكانات والطرق نفسها.

عمليات استيراد وحدة ES

بالنسبة إلى عمليات إعداد الإصدارات الحديثة والبيئات المستندة إلى الوحدات، يمكنك استيراد المكتبة مباشرةً إلى الرمز البرمجي. 

import { preferredSource } from
  "https://news.google.com/swg/js/v1/publisher.mjs";

// 1. Initialize directly using the imported module instance
preferredSource.init({
  theme: 'light', // Theme choice: "light" or "dark" (default "light")
  lang: 'en'      // Optional: override language (defaults to page language)
});

// 2. Programmatically bind flow invocation using a click handler
const button = document.querySelector('#myButton');
button.onclick = () => {
  preferredSource.addPreferredSource();
};

قوائم انتظار دالّة رد الاتصال للنص البرمجي العادي

بالنسبة إلى عمليات الدمج العادية للعلامات البرمجية، حمِّل النص البرمجي التالي في <head> من مستندك باستخدام السمة preferred-sources-control="manual" لمنع عرض الزر تلقائيًا: 

<script async preferred-sources-control="manual" src="https://news.google.com/swg/js/v1/publisher.js"></script>

بعد ذلك، استخدِم قائمة انتظار دالّة رد الاتصال العامة PREFERRED_SOURCE لإعداد الخيارات وربط المشغّلات المخصّصة: 

<script>
  (self.PREFERRED_SOURCE = self.PREFERRED_SOURCE || []).push(
    function(preferredSource) {
      // 1. Initialize with options
      preferredSource.init({
        theme: 'light',
        lang: 'en'
      });

      // 2. Programmatically bind trigger button
      const button = document.querySelector('#myButton');
      button.addEventListener('click', () => {
        preferredSource.addPreferredSource();
      });
  });
</script>

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

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

استخدِم تنسيق عنوان URL التالي واستبدِل example.com باسم نطاق منشورك لنقل المستخدمين مباشرةً إلى موقعك الإلكتروني في أداة المصادر المفضَّلة: 

https://www.google.com/preferences/source?q=Your_Website's_URL

مثال على رابط نصي

<a
  href="https://www.google.com/preferences/source?q=example.com">
  Add as Preferred Source
</a>
 
<a
  href="https://www.google.com/preferences/source?q=example.com">
  <img src="path/to/your/button.png" alt="Add as Preferred Source">
</a>

مواد عرض صورة الزر

يمكنك تصميم شارة ترويجية مخصّصة أو تنزيل أصول الرسومات المترجَمة الرسمية التي تقدّمها Google:

تنزيل مواد عرض الزر