Wenn Sie Website-Inhaber sind, können Sie Ihrem Publikum helfen, Ihre Publikation als bevorzugte Quelle in der Google Suche zu finden. Wenn ein Nutzer Ihre Website als bevorzugte Quelle auswählt, erscheint Ihr Inhalt mit höherer Wahrscheinlichkeit in den “Top-Storys“, hervorgehoben mit einem “bevorzugt”-Badge. Im AI Mode und in AI Overviews kann Ihr Inhalt für Nutzer, die Ihre Website als bevorzugte Quelle ausgewählt haben, mit einem “bevorzugt”-Badge hervorgehoben werden.
Verfügbarkeit der Funktion
Die Funktion für bevorzugte Quellen ist weltweit für die “Top-Storys”-Funktion in allen Sprachen verfügbar, in denen die Google Suche verfügbar ist. Bevorzugte Quellen können auch im AI Mode und in AI Overviews in allen Sprachen und Regionen erscheinen, in denen diese Funktionen verfügbar sind.
Nur Websites auf Domain- und Subdomain-Ebene sind berechtigt, im
Quellenpräferenz-Toolzu erscheinen. Zum Beispiel sind https://www.example.com/ und
https://code.example.com/ für bevorzugte Quellen berechtigt, aber das Unterverzeichnis https://www.example.com/blog ist nicht berechtigt.
So helfen Sie Nutzern, Ihre Website als bevorzugte Quelle zu finden
Wenn Ihre Website im
Quellenpräferenz-Tool
erscheint (geben Sie zur Überprüfung Ihre Website in das Suchfeld des Tools ein), können Sie die folgenden Methoden verwenden, um Ihre Leser dazu anzuleiten, Ihre Website als bevorzugte Quelle auszuwählen:
- Standard-JavaScript-Implementierung
(empfohlen): Betten Sie eine interaktive Schaltfläche in Ihre Webseiten ein, mit der Leser Ihre Website nahtlos als bevorzugte Quelle hinzufügen und zu Ihrer Seite zurückkehren können. Durch das Hinzufügen von nur zwei Zeilen zu Ihrem HTML rendert diese Option eine automatisch lokalisierte Schaltfläche im Google-Stil, die Geräte- und Sprachanpassungen unterstützt. - Erweiterte JavaScript-Implementierung mit benutzerdefinierten Design-Assets: Wenn Sie Ihre eigenen Design-Assets verwenden und die Standard-JavaScript-Schaltfläche anpassen möchten, folgen Sie den Anweisungen zur erweiterten JavaScript-Implementierung. Der UI-Ablauf für den Endnutzer bleibt derselbe wie bei der Standard-JavaScript-Implementierung.
- Deeplink-Implementierung: Wenn Sie die interaktive Schaltfläche nicht implementieren können (z. B. weil Ihr CMS sie nicht unterstützt), können Sie einen Deeplink verwenden, um Nutzer dazu zu leiten, Ihre Website als bevorzugte Quelle hinzuzufügen. Sie können dies tun, indem Sie einen Textlink oder ein anklickbares Bild auf Ihren Webseiten hinzufügen. Sie können den Deeplink auch in Ihren Social-Media-Beiträgen, E-Mail-Newslettern oder Werbeaktionen verwenden.
Standard-JavaScript-Implementierung (empfohlen)
Durch das Hinzufügen von nur zwei Zeilen zu Ihrem HTML können Sie eine automatisch übersetzte, interaktive Schaltfläche hinzufügen, mit der Leser Ihre Website nahtlos als bevorzugte Quelle hinzufügen und dorthin zurückkehren können, wo sie auf Ihrer Seite aufgehört haben. Sie können auch das Design der Schaltfläche (dunkel oder hell) festlegen und die Sprache der Schaltfläche überschreiben. Wir empfehlen diese Implementierung, da sie die beste Nutzererfahrung für Leser bietet.
So sieht es aus:
Um die JavaScript-Schaltfläche auf Ihrer Webseite einzubetten, gehen Sie wie folgt vor:
- Fügen Sie das folgende
<script>-Tag zu Ihrer Webseite hinzu (vorzugsweise im<head>-Element), das die Bibliothek für bevorzugte Quellen lädt. - Fügen Sie das folgende
<div>-Tag an einer beliebigen Stelle im Hauptteil Ihrer Webseite ein, an der die Schaltfläche erscheinen soll.
Legen Sie das Design der Schaltfläche fest
Standardmäßig erscheint die Schaltfläche “Zu bevorzugten Quellen hinzufügen” in einem hellen Design. Um das Design anzupassen, fügen Sie das Datenattribut data-theme zu Ihrem
<div> -Element hinzu und setzen Sie es entweder auf light oder
dark:
Sprache der Schaltfläche überschreiben
Standardmäßig wird die Schaltfläche “Zu bevorzugten Quellen hinzufügen” in der Sprache des Nutzers basierend auf seinen Browsereinstellungen angezeigt. Um dieses Verhalten zu überschreiben, fügen Sie das Datenattribut
data-lang zu Ihrem <div>
-Element hinzu und setzen Sie es auf den gewünschten Sprachcode (laden Sie die
Liste der unterstützten Sprachcodes):
Unterstützte Sprachcodes herunterladen
Erweiterte JavaScript-Implementierung mit benutzerdefinierten Design-Assets Standardmäßig scannt die Standard-JavaScript-Schaltfläche das DOM nach Elementen mit dem Attribut google-add-preferred-source-btn
und rendert das Standard-Badge. Für benutzerdefinierte Integrationen, bei denen Sie den Ablauf von Ihren eigenen UI-Elementen oder Anwendungsmeilensteinen aus auslösen möchten, können Sie den Client jedoch programmgesteuert initialisieren und den Ablauf an benutzerdefinierte Trigger binden.
Wenn Sie die Bibliothek für bevorzugte Quellen in benutzerdefinierte Benutzeroberflächen, Anwendungsmeilensteine oder moderne Framework-Anwendungen integrieren, können Sie mit unserem JavaScript SDK die volle programmatische Kontrolle über Laufzeiteinstellungen und die Ablaufinitiierung übernehmen. Wir bieten zwei verschiedene Integrationsansätze je nach Ihren Tools und Ihrer Architektur: ES-Modul-Importe (ESM) und Standard-Skript-Callback-Warteschlangen (IIFE). Beide Verteilungsmodelle bieten identische Funktionen und Methoden.
ES-Modul-Importe
Für moderne Build-Setups und modulbasierte Umgebungen importieren Sie die Bibliothek direkt in Ihren Code.
Standard-Skript-Callback-Warteschlangen
Für Standard-Skript-Tag-Integrationen laden Sie das folgende Skript in den <head>
Ihres Dokuments mit dem Attribut preferred-sources-control=”manual”
und initialisiert diese sofort. Verwenden Sie dann die globale PREFERRED_SOURCE
-Callback-Warteschlange, um Optionen zu initialisieren und benutzerdefinierte Trigger zu binden: Für interaktive Frontend- und Backend-Implementierungen, die die Live-Nutzung über Schaltflächen, deklarative Container, IIFE-Skripte und ES-Modul-Bundles hinweg zeigen, erkunden Sie die
Demo für bevorzugte Quellen.
Deeplink-Implementierung
Wenn Sie auf Ihrer Website kein JavaScript verwenden können, können Sie alternativ einen Deeplink nutzen, um Ihre Nutzer direkt zum
Tool für Quellenpräferenzenzu leiten, wo sie Ihre Website als bevorzugte Quelle hinzufügen und ihre Auswahl bestätigen können.
Verwenden Sie das folgende URL-Format und ersetzen Sie example.com durch den Domainnamen Ihrer Publikation, der die Nutzer direkt zu Ihrer Website im
Tool für Quellenpräferenzen:
führt.
Beispiel-Textlink
Beispiel-Bildlink
Button-Grafiken
So setzen wir das um
Preferred sources reward brands that readers seek out by name. We pair this with brand-building work, because the feature only helps a site that people already recognise.
Verwandte Leistungen