Social-Plug-ins: Mehr Reichweite auf Facebook, Twitter und Co.

Social-Signs sind allgegenwärtig. Egal, wo Sie sich im Internet aufhalten, es wird gelikt, geshart, kommentiert, getwittert, retweetet, gepinnt oder einfach mal ein +1 vergeben. Sie wissen nicht, wovon die Rede ist? Dann dürfte die Anzahl Ihrer Follower im Social Web überschaubar sein. Doch das muss so nicht bleiben. Wir erklären Ihnen, wie Sie Social-Media-Plug-ins in Ihre Website einbinden, um die Reichweite Ihrer Inhalte auf soziale Netzwerke auszuweiten.

Bei Social-Plug-ins handelt es sich um optionale Software-Module, mit denen Sie Ihre Website an Social-Media-Plattformen anbinden können. Um Internetnutzern eine webseitenübergreifende Interaktion mit Online-Inhalten zu ermöglichen, stellen soziale Netzwerke wie Twitter, Google+ oder Facebook spezielle Plug-ins in Form von Code-Schnipseln zur Verfügung. Webseitenbetreiber, die diese in den Quellcode ihres Online-Projekts einbetten, profitieren von der immensen Reichweite dieser Netzwerke.

Die meisten Social-Plug-ins beinhalten sogenannte Widgets. Dabei handelt es sich um grafische Bedienelemente, die an den dafür vorgesehenen Bereichen Ihrer Website eingebunden werden, um Nutzern Zugriff auf Plug-in-Funktionalitäten zu gewähren. Das wohl bekannteste Widget dieser Art ist der von Facebook eingeführte Gefällt-mir-Button. Dieser macht Besucher Ihrer Website mit nur einem Klick zu Botschaftern Ihrer Inhalte. Das Stichwort heißt „virales Marketing“.

Allein Facebook zieht monatlich mehr als 1,8 Milliarden aktive Nutzer an. Mehr als 85 Prozent davon außerhalb der USA und Canada. Vor diesem Hintergrund ist es wenig überraschend, dass sich Social-Plug-ins im Word Wide Web seit Jahren wie ein Lauffeuer verbreiten. Soziale Signale (Social Signals) wie Likes, Shares und Kommentare kommen einer digitalen Mund-zu-Mund-Propaganda gleich. Dieses sogenannte Word-of-Mouth im Sinne der Unternehmenspläne zu steuern, ist Ziel des Social-Media-Marketings. Social-Plug-ins helfen Ihnen, positive Berührungspunkte zu schaffen und die Präsenz Ihres Online-Projekts im Web 2.0 zu festigen. Welche Möglichkeiten Ihnen dabei zur Verfügung stehen, unterscheidet sich je nach Zielplattform.

Heutzutage bieten soziale Netzwerke Content-Anbietern ein umfangreiches Portfolio an Plug-ins, die es ermöglichen, Inhalte für die webseitenübergreifende Veröffentlichung vorzubereiten. Denn was die social-media-affine Zielgruppe erreichen soll, muss sich leicht teilen, kommentieren oder mit einem Klick abonnieren lassen. Darüber hinaus bieten zahlreiche Plattformen die Möglichkeit, Inhalte aus dem sozialen Netzwerk in die eigene Website einzubetten. Welche Lösungen die bekanntesten Anbieter Facebook, Twitter, Google+, Pinterest, LinkedIn, Xing Ihnen zur Verführungen stellen, haben wir für sie zusammengetragen.

Das internationale Beziehungsnetzwerk Facebook ist das Urgestein unter den Social-Media-Plattformen. Trotz wachsender Konkurrenz steht das Netzwerk in der Gunst der Nutzer noch immer unangefochten auf Platz eins. Mit folgenden Social-Plug-ins ermöglichen Sie es Besuchern, auch über Facebook mit Inhalten Ihrer Website zu interagieren.

Um Ihre Website via Social-Plug-ins mit Facebook zu verknüpfen, sind lediglich drei Schritte notwendig.

1. URL der Webpage ermitteln: Zunächst wählen Sie die URL der Website aus, in die das Plug-in eingebunden werden soll.

2. Einbettungscode generieren: Fügen Sie die gewünschte URL in den auf Facebook bereitgestellten Code-Konfigurator ein und passen Sie das Widget nach Ihren Vorstellungen an. Klicken Sie auf „Code generieren“.

3. Plug-in-Code in den Quelltext kopieren: Facebook bietet Ihnen nun zwei Möglichkeiten an, das gewünschte Element in Ihre Website einzubinden.
   1. JavaScript-SDK: Möchten Sie ein Social-Plug-in mit Hilfe des JavaScript Software Development Kit (SDK) von Facebook einbinden, benötigen Sie zwei Codeabschnitte. Der erste lädt das JavaScript-SDK und wird in den Body-Tag jeder Webpage eingefügt, die mit Facebook verknüpft werden soll. Der zweite implementiert das Social-Plug-in und wird dort eingefügt, wo das Widget auf der Website erscheinen soll.
   2. Iframe: Alternativ lassen sich Social-Plug-ins von Facebook als iframes einbetten.

App-Entwicklern stellt der Social-Media-Marktführer Facebook eine plattformübergreifende Log-in-Funktion zur Verfügung. Diese ermöglicht es Nutzern, sich bei verschiedenen Angeboten im Netz mit einem bereits bestehenden Facebook-Account anzumelden. Ein entsprechendes Software Development Kit (SDK) steht für iOS-Apps, Android-Apps, Web- und mobile Web-Apps, Windows Phone, Desktop-Apps und Smart-Geräten (Smart-TVs und Internet-of-Things) zur Verfügung. Für Apps, deren Dateneinsicht über das öffentliche Profil, die E-Mail-Adresse und die Freundesliste des Facebook-Nutzers hinausgeht, ist eine manuelle Prüfung durch Facebook erforderlich. Mit diesem sogenannten Log-in-Review stellt Facebook im Rahmen eines Praxistests sicher, dass die jeweilige App den Plattformrichtlinien entspricht.

Auch wenn Sie Facebook-Inhalte in die eigene Website übernehmen möchten, umfasst die Implementierung lediglich drei einfache Schritte:

1. URL des Facebook-Inhalts ermitteln: Wählen Sie den gewünschten, öffentlich zugänglichen Facebook-Inhalt. Wahlweise einen Beitrag oder Kommentar, ein Bild, ein Video oder eine ganze Facebook-Seite.

2. Einbettungscode generieren: Geben Sie die URL zum gewünschten Inhalt in den unter Facebook for Developers zur Verfügung gestellten Code-Konfigurator ein. Klicken Sie auf „Code generieren“.

3. Plug-in-Code in den Quelltext einfügen: Integrieren Sie das JavaScript-SDK sowie den Plug-in-Code bzw. das iframe in den Quelltext der gewünschten Webpage. Beachten Sie: Der Code für das JavaScript-SDK muss für jede Webpage nur einmal implementiert werden – egal, wie viele Facebook-Plug-ins Sie einbetten möchten.

Nicht immer ist der Umweg über den Code-Konfigurator nötig. Bei zahlreichen Facebook-Inhalten steht Ihnen ein Einbettungscode direkt über das Dropdown-Menü zur Verfügung. Facebook gibt in diesem Fall jedoch lediglich iframes aus. Detailliertere Informationen zur Einbindung von Facebook-Buttons finden Sie in unserem weiterführenden Artikel zum Thema.

Der Mikrobloggingdienst Twitter (Gezwitscher) lebt von Tweets. Dabei handelt es sich um telegrammartige Kurznachrichten, mit denen sich die rund 313 Millionen aktiven Nutzer pro Monat gegenseitig auf dem Laufenden halten. Mit seiner enormen Reichweite stellt Twitter für Content-Anbieter die ideale Plattform dar, Inhalte über die Grenzen der eigenen Website hinaus bekannt zu machen. Wie Facebook bietet auch der Mikrobloggingdienst diverse Social-Media-Plug-ins, mit denen sich Webseitenbesucher zum Zwitschern animieren lassen.

Den jeweiligen Einbettungscode für die interaktiven Social-Media-Buttons stellt Twitter über die Website publish.twitter.com zur Verfügung. Die Integration verläuft ähnlich wie bei Facebook.

1. Twitter-Button wählen: Wählen Sie unter den angebotenen Twitter-Plug-ins den gewünschten Button.
   
   
2. Button konfigurieren: Konfigurieren Sie den Button auf publish.twitter.com nach Bedarf und generieren Sie den Plug-in-Code.
   
   
3. Einbettungscode in die Website übernehmen: Fügen Sie den Codeabschnitt an gewünschter Stelle in Ihre Website ein.

Auch Twitter-Inhalte lassen sich via Social Plug-in schnell und bequem in die eigene Website integrieren – auf Wunsch als einzelne Tweets oder in Form einer Twitter-Timeline.

Auch der Mikrobloggingdienst Twitter stellt Webseitenbetreibern und App-Entwickler eine plattformübergreifende Log-in-Funktion zur Verfügung. Durch „Sign in with Twitter“ erwerben Webseitenbesucher mit wenigen Klicks die Rechte registrierter Benutzer, ohne sich bei jeder App separat registrieren zu müssen. Alle für die Authentifizierung benötigenden Daten (Name, E-Mail-Adresse etc.) werden zentral über den Twitter-Account verwaltet und von der jeweiligen App bei Bedarf abgefragt. „Sign in with Twitter“ kann als Log-in-Alternative für Websites und iOS-Apps sowie für Mobile- und Desktop-Applikation zum Einsatz kommen.

Auch eingebettete Tweets und das Timeline-Widget lassen sich über publish.twitter.com individuell konfigurieren:

1. URL des Twitter-Inhalts ermitteln: Ermitteln Sie die URL des Twitter-Inhalts, den Sie in Ihre Website einbetten möchten.
   
   
2. Social-Plug-in auswählen: Wählen Sie das gewünschte Social-Plug-in unter publish.twitter.com aus, kopieren Sie die URL in die Eingabemaske und klicken Sie auf Preview.
   
   
3. Einbettungscode in die Website übernehmen: Kopieren Sie den von Twitter generierten Einbettungscode in den Quelltext Ihrer Website.

Google+ ist das soziale Netzwerk des Suchmaschinenanbieters Google. Anders als bei Facebook oder Twitter werden Kontakte bei Google+ in sogenannte Circles (Kreise) eingeteilt. Möchte ein Nutzer einen Beitrag im sozialen Netzwerk veröffentlichen, wählt dieser zunächst aus, mit welchem Circle die Informationen geteilt werden sollen. Den Kreisen von Google+ lassen sich auch Personen hinzufügen, die nicht im sozialen Netzwerk angemeldet sind. Wird ein Beitrag mit einem solchen Kontakt geteilt, stellt Google+ auf Wunsch eine E-Mail zu.

Wie andere Plattformen bietet auch Google+ diverse Plug-ins, über die Webseitenbetreiber ihre Inhalte für Interaktionen im sozialen Netzwerk zur Verfügung stellen können. Wie bei Twitter und Facebook ermöglicht diese Schnittstellen zudem, Text-, Bild- und Videobeiträge aus dem sozialen Netzwerk in die eigene Website zu integrieren.

Für Google+ gibt es unter anderem folgende Social-Media-Plug-ins.

Teilen Internetnutzer einen Link zu Ihrer Website im sozialen Netzwerk, rendert Google+ automatisch eine Vorschau (das sogenannte Snippet) inklusive Seitentitel, Kurzbeschreibung und Vorschaubild. Die Daten extrahiert das System aus dem Seiteninhalt der geteilten URL. Entsprechende Informationen lassen sich durch folgende Technologien bereitstellen:

• • Microdata-Markup nach Schema.org
  • Open-Graph-Protokoll
  • Title und Meta-Description

Google nutzt diese mit absteigender Priorität. Lassen sich die Informationen nicht im bevorzugten Format auslesen, versucht Google, Title, Description und Vorschaubild aus den Webseiteninhalten zu generieren.

Um interaktive Social-Media-Plug-ins in eine Website zu integrieren, wird bei Google+ ähnlich wie bei Facebook ein JavaScript-SDK benötigt. Den Code, um dieses einzubinden, platzieren Sie vor dem schließenden Body-Tag einer jeden Webpage, die Sie mit Google+ verknüpfen möchten. Anschließend können Sie auf der jeweiligen Seite beliebig viele Plug-ins einbinden. Die benötigten Codeschnipsel stellt Google individuell konfigurierbar unter developers.google.com/web zur Verfügung.

Bei Pinterest handelt es sich um ein soziales Netzwerk, dass es Nutzern ermöglicht, Bilder mit Beschreibungen zu versehen und auf virtuellen Pinnwänden in Bilderkollektionen zu gruppieren. Webseitenbetreibern bietet die Plattform fünf verschiedene Social Plug-ins, mit denen sich die Reichweite von Inhalten auf die beliebte Bilderplattform ausweiten lässt. Alternativ lassen sich Inhalte, die von Nutzern auf Pinterest zur Verfügung gestellt werden, als Pins in die eigene Website integrieren.

Bevor Sie Social-Plug-ins in Ihre Online-Projekte einbinden, müssen sie auch bei Pinterest eine JavaScript-Bibliothek in jede betreffende Webpage implementieren. Ein entsprechendes Code-Snippet wird über den Pinterest-Widget-Builder zur Verfügung gestellt. Hier erzeugen Sie auch die Einbettungscodes für individuell konfigurierte Buttons und Pins sowie Board- und Profil-Widgets.

LinkedIn ist mit 467 Millionen Nutzern das weltweit größte soziale Netzwerk mit Fokus auf Geschäftsbeziehungen. Statt Freunde zu gewinnen, pflegen Nutzer der Plattform Kontakte und Verbindungen im beruflichen Umfeld. Darüber hinaus bietet LinkedIn die Möglichkeit der Unternehmensdarstellung. Für Unternehmer öffnet sich mit dem Netzwerk ein wichtiger Kommunikationskanal, über den sich Interessenten gewinnen und Marken, Produkte, Dienstleitungen oder Karrieremöglichkeiten bewerben lassen.

Auch LinkedIn stellt diverse Social-Sharing-Funktionen bereit:

Auch LinkedIn bietet für jedes Social-Media-Plug-in einen Code-Konfigurator an. Anders als bei Facebook, Twitter, Google+ und Pinterest steht für unregistrierte Nutzer jedoch lediglich der Einbettungs-Code des Share-Buttons zur Verfügung. Alle anderen Social-Plug-ins erfordern ein LinkedIn-Profil.

Die Integration erfolgt analog zu den anderen Plattformen mithilfe eines JavaScript SKD und dem jeweiligen Plug-in-Code.

Auch Xing versteht sich als Geschäftsnetzwerk. Mitglieder nutzen den Online-Dienst für den fachlichen Austausch, um sich beruflich weiterzubilden oder neue Karrierechancen aufzutun. Anders als das international ausgerichtete LinkedIn richtet sich die Plattform jedoch in erster Linie an den deutschsprachigen Raum. Auch wenn die mehrsprachige Benutzeroberfläche alle relevanten Märkte abdeckt, kommen mehr als 90 Prozent der Xing-Aufrufe aus der D-A-CH-Region. Für Webseitenbetreiber, die Ihre Zielgruppen vor allem in Deutschland, Österreich und der Schweiz ausmachen, kann eine Anbindung der eigenen Website an das rund 11 Millionen Nutzer starke Netzwerk durchaus nutzbringend sein.  

Xing stellt Ihnen drei Social Plug-ins zur Verfügung, die Interaktionen mit dem sozialen Netzwerk ermöglichen. 

Auch Xing stellt ein Social-Plug-in bereit, mit dem Sie Webseitenbesuchern den Log-in zu Ihrer Website oder App über ein bereits bestehendes Social-Media-Profil ermöglichen. Ein aufwendiger Registrierungsprozess entfällt und damit auch die größte Hürde im Rahmen des Anmeldeprozesses.

Um ein Social Plug-in von Xing zu integrieren, müssen Sie lediglich den benötigten JavaScript-Code über den Code-Konfigurator unter dev.xing.com/plugins/ generieren und in Ihr Online-Projekt übernehmen. Das Skript wird an genau der Stelle in den Quelltext eingefügt, wo der Button auf der Webpage erscheinen soll.

Darüber hinaus stellt Xing ein Social Plug-in für Microsoft Outlook 365 zur Verfügung, über das sich aktuelle Xing-Kontaktdaten automatisch in das beliebte E-Mail-Programm importieren lassen.

Sie kennen nun die wichtigsten Social-Media-Plug-ins und wissen, welche Interaktionsmöglichkeiten diese bereitstellen. Was bleibt, ist die Frage: Wirken sich Verknüpfungen zu sozialen Netzwecken positiv auf die Performance Ihrer Website aus?

Fest steht, Social Signals wie Likes, Shares, Tweets oder Pins werden im Ranking-Algorithmus vom Suchmaschinen-Marktführer Google nach wie vor nicht berücksichtigt. Warum das so ist, erklärt Matt Cutts, der ehemalige Chef des Google-Web Spam-Teams, in einem YouTube-Video aus dem Jahr 2014. 

In dem kurzen Videoausschnitt stellt Cutts klar, dass Google die Anzahl an Followern, die ein Webseitenbetreiber für seine Inhalte gewinnen kann, im Rahmen des Google-Rankings nicht als Relevanz-Kriterium gewertet. Und auch Likes und Share werden bei der Positionierung von Suchergebnissen nicht beachtet.

Der Grund dafür ist folgender: Google betrachtet Posts auf Facebook, Twitter und Co. als einzelne Webpages, die prinzipiell indexierbar wären. Doch soziale Netzwerke generieren deutlich mehr neue Inhalte am Tag als traditionelle Websites. Und nicht jede dieser so erzeugten Webpages ist tatsächlich von Relevanz. Hinzu kommt, dass Google – wenn auch auf einem enorm hohen Niveau – letztendlich mit begrenzten Ressourcen arbeitet. Man kann daher davon ausgehen, dass der Suchmaschinenmarktführer erst gar nicht versucht, das gesamte Social Web zu crawlen und zu indizieren.

Zudem sind Inhalte und Verbindungen in sozialen Netzwerk flüchtig. Nutzer haben jederzeit die Möglichkeit, Beitrage zu löschen, ihren Beziehungsstatus zu ändern, Freundschaften zu beenden oder einer abonnierten Unternehmensseite den Laufpass zu geben. Jede Indexierung wäre somit nur eine Momentaufnahme, mit geringer Aussagekraft. Darüber hinaus hat Google nicht zwangsläufig Zugriff auf alle Inhalte auf Facebook, Twitter oder anderen Plattformen.

Das bedeutet im Umkehr Schluss jedoch nicht, dass Social-Plug-ins gar keinen Einfluss auf den Erfolg Ihrer Website haben. Tatsächlich ist die Korrelation zwischen Social Signals und der Google Ranking-Position extrem hoch – gemäß einer Searchmetrics-Studie aus dem Jahr 2016 sogar höher als bei jedem anderen Faktor, dem ein Einfluss auf das Ranking nachgesagt wird. Doch von einer Korrelation lässt sich nicht automatisch auf einen kausalen Zusammenhang schließen.

Ein Erklärungsansatz dafür, dass gut rankende Websites oft auch auffällig viele Social Signals erzeugen, lautet wie folgt: Die Spitzenpositionen im Google-Ranking werden nicht selten von bekannten Brands besetzt. Diese verfügen in der Regel über eigene Social-Media-Abteilungen und streben auch in sozialen Netzwerken eine hohe Präsenz an.

Deuten Sie ein Social-Plug-in nicht als eine Art Seo-Plug-in. Statt lediglich das Ranking in der Suchmaschine im Blick zu haben, sollten Sie sich als Webseitenbetreiber auf folgende Effekte konzentrieren, die eine Social-Media-Anbindung mit sich bringt:

• Social-Plug-ins erweitern die Reichweite Ihrer Inhalte und helfen, diese einer großen Leserschaft näher zu bringen.

• Durch neue Interessenten, die über virale Effekte auf Social-Media-Plattformen generiert werden, steigt der Traffic auf Ihrer Website.

• Eine starke Präsenz in den beliebtesten sozialen Netzwerken erhöht die Bekanntheit Ihres Unternehmens, Ihrer Marken, Produkte und Dienstleistungen.

• Jedes Social-Media-Plug-in fungiert als Berührungspunkt zu potenziellen Kunden, der im Rahmen des Touchpoint-Managements und der Touchpoint-Analyse genutzt werden kann, um für eine gute Brand Experience zu sorgen.

Betrachten Sie Social Plug-ins folglich nicht nur im Kontext der Suchmaschinenoptimierung, sondern im Zusammenhang mit Begriffen wie Markenbekanntheit, Reputation, Kundenservice, Vertrauen und Autorität.