Featured Posts

Die 5 wichtigsten SEO-Hebel fĂŒr eine große Reichweite Reichweite muss nicht teuer erkauft werden, sondern lĂ€sst sich auch auf organischem Wege erzielen. Trotzdem entsteht ein gutes Seitenranking selten durch Zufall. Wer also auf den vordersten PlĂ€tzen bei Google & Co. landen will, muss seine Webseite bewusst...

Action!

Amazon Produkttesting mit ShopDoc Mehr Erfolg auf Amazon durch ProdukttestingWer seine Produkte auch auf Online-MarktplĂ€tzen wie bspw. Amazon verkauft, weiß das hierbei positive Bewertungen das A und O sind. Nicht nur die Algorithmen der verschiedenen Produkt-/Suchmaschinen werten die...

Action!

10 Jahre SEO CAMPIXX!!! Be there or be square! Herzlichen GlĂŒckwunsch SEO CAMPIXX - alles Gute zum 10jĂ€hrigen!!!   Die SEO CAMPIXX, auch bekannt als die "Un-Konferenz" im Bereich Suchmaschinenoptimierung, findet im MĂ€rz 2018 bereits zum 10. Mal im Hotel am MĂŒggelsee statt. Vom 01. bis...

Action!

CAMPIXX WEEK 2017 - Tickets fĂŒr die SEO CAMPIXX SEO-Freunde aufgepasst! Ihr habt die Möglichkeit heute ein Ticket fĂŒr die legendĂ€re SEO CAMPIXX zu ergattern. Um 12:00 Uhr findet wieder das berĂŒhmte SEO CAMPIXX F5 Battle statt. Mit ein wenig GlĂŒck und vor Allem mit einer schnellen Internetleitung...

Action!

Vorteile des TV-Trackings Die TV Werbung, die umsatztechnisch bis vor einigen Jahren noch marktfĂŒhrend war, wurde mittlerweile vom Online-Marketing ĂŒbertroffen. Dennoch stellt sie auch heute noch einen wichtigen Teil des Marketing-Mix vieler Unternehmen dar. Das TV-Tracking...

Action!

Tutorial: Google +1 Button integrieren

1

Category : google, Social Media, Tutorials

google +1Bereits am 1. April hatte Google seinen “+1 Button” vorgestellt, verfĂŒgbar ist dieser bisher allerdings nur in den amerikanischen SERPS von google.com. Da in den Einstellungen der Google +1 Konfiguration mittlerweile sĂ€mtliche Sprachen zu VerfĂŒgung stehen, kann es nicht mehr lange dauern, bis der Google +1 Button auch die heimischen SERPS ziert.

Zeit also sich auf die Ankunft vorzubereiten und die Vorkehrungen fĂŒr die Integration des Google +1 Buttons zu treffen. In diesem Turorial erfahrt ihr wie der Google +1 Button in den SERPS angezeigt wird, was beim ersten Klicken auf den Button passiert bzw. welche Einstellungen fĂŒr den Google Account getroffen werden können, die nach dem Klick auf dem +1 Button neben dem entsprechenden Suchergebnis angezeigt werden, und natĂŒrlich wie ihr den Google +1 Button in eure Webseiten integrieren könnt.

Was ist Google +1?

“+1 ist ein KĂŒrzel fĂŒr “das ist cool” oder “schau dir das an”.

Klicken Sie auf +1, um öffentlich mitzuteilen, dass Sie etwas gut finden. Ihre +1-Empfehlungen können Ihren Freunden, Kontakten und anderen im Web helfen, bei ihrer Suche die besten Inhalte zu finden.”

… so heisst es auf Google +1 Empfehlungen genau im richtigen Moment.

+1 ist also Googles Antwort auf den bis dato sehr stark etablierten Facebook Like Button und somit der Versuch ebenfalls seine User mittels Social Community und einem enstprechendem Account an die Suchmaschine zu binden. Dabei soll ein reger Austausch unter den Mitgliedern geschaffen werden, was in der Vergangenheit bereits mit Google Buzz versucht wurde.

Die Empfehlungen, die per Klick auf GoogleÂŽs +1 Button getĂ€tigt werden, sollen dem Suchmaschinenriesen dabei helfen noch mehr (spezifische) QualitĂ€t in die SERPS zu bringen. Spezifisch deswegen, da somit die Ergebnisse in den SERPS immer besser also immer genauer auf die jeweilge Person zugeschnitten werden können. So werden kĂŒnftig Empfehlungen von den Freunden in GoogleÂŽs Social Community mit auf den ersten PlĂ€tzen ranken.
+1 ist somit auch eine Chance sowie gleichsam ein Segen fĂŒr Webseitenbetreiber. Interessante Webseiten mit einem echten Mehrwert haben somit die Chance durch die “Mundpropaganda”, ausgelöst durch die Klicks auf +1, schnell auf den ersten PlĂ€tzen zu ranken. Google wird durch die Klickergebnisse eine erhebliche Menge an neuen, Nutzer spezifischen demografischen und geografischen, Daten erhalten mit denen es seine Datenbanken fĂŒllen kann.

Wie sehen die SERPS mit den Google +1 Buttons aus?

+1 wurde direkt zwischen der verlinkten Headline eines Suchergebnisses und dem Lupensymbol fĂŒr die Voransicht der Webseite integriert. Das Symbol ist zunĂ€chst ausgegraut und per MouseOver erscheinen die Farben des +1 Buttons.

Suchergebnis auf google.com mit Google +1 Buttons

google.com serp mit +1 buttons

Per Klick auf den +1 Button wird die Empfehlung in die Community getragen und ebenfalls im eigenen Account registriert. (Eigentlich genau wie bei Facebook.)
Beim erstmaligen Klicken auf den +1 Button erscheint der folgende Dialog in dem die Einstellungen fĂŒr den eigenen Google Account getĂ€tigt werden können. (Ein Google Account ist zwingend Voraussetzung fĂŒr die Nutzung von Google +1!)

Klick auf den Google +1 Button

Google +1 Button Einstellungen

Per Klick auf “Customize profile” kann man den Namen sowie das Profilbild Ă€ndern. Diese Einstellungen mĂŒssen lediglich einmalig beim ersten Klicken auf +1 durchgefĂŒhrt werden.

Google +1 Button Einstellungen anpassen

Google +1 Button Einstellungen bearbeiten

Anschließend, nach dem Klicken auf +1, wird der entsprechende Eintrag durch den blau gefĂ€rbten Google +1 Button hervorgehoben. Weiterhin wird unter dem Eintrag ein Icon mit dem Profilbild angezeigt. Sehen die eigenen Freunde diesen Eintrag in einem Suchergebnis, so werden auch sie euer Icon und euren Account Namen unter dem entsprechenden Eintrag sehen. (… und wahrscheinlich eher auf diesen Eintrag als auf einen anderen Eintrag im SERP klicken … und wenn es nur aus Neugierde ist…) Die “virale Spirale” wurde also gestartet ;).

Suchergebnis auf google.com nach dem Klick auf den Google +1 Button

google.com SERP nach dem Klick auf den Google +1 Button

Google +1 Button konfigurieren und in die eigene Webseite integrieren

Auf “Google +1 fĂŒr Ihre Website” steht ein Konfigurator fĂŒr den +1 Button zu VerfĂŒgung. Damit kann man die GrĂ¶ĂŸe sowie die Sprache fĂŒr den +1 Button einstellen.

+1 SchaltflÀche erstellen

+1 SchaltflÀche erstellen

Im Bereich “Erweiterte Optionen” kann die Anzeige der bisher getĂ€tigten Klicks auf den +1 Button aktiviert und deaktiviert werden. Auch kann der Zeitpunkt bzw. der Event fĂŒr das Parsen der Daten gewĂ€hlt werden. Hierzu gibt es die Möglichkeit die Daten “onLoad” sowie “Explicit”.

+1 SchaltflÀche erstellen

Beim Wert “onLoad” werden die SchaltflĂ€chen so gerendert, als wĂŒrde gapi.plusone.go() unmittelbar nach dem Laden der Seite aufgerufen. Bei Verwendung des Werts “explicit” muss die Methode gapi.plusone.go(container) oder gapi.plusone.render(container) wie im JavaScript-API beschrieben aufgerufen werden.

DarĂŒber hinaus können Angaben zur “JS-RĂŒckruffunktion” getĂ€tigt sowie die URL zur +1-Vergabe hinterlegt werden. Bei der Verwendung eines CMS sollte hierbei die Variable der entsprechenden Artikel bzw. Seiten URL hinterlegt werden.

Diese und weitere Parameter fĂŒr die Konfiguration des +1 Button findet ihr auf “API fĂŒr die +1-SchaltflĂ€che – EinfĂŒgen der +1-SchaltflĂ€che auf Ihrer Website“. Google verweist an dieser Stelle noch einmal ausdrĂŒcklich auf die Verwendung des rel="canonical"-Tag auf der Webseite, damit eine explizite Zuordnung der Inhalte zu der URL gewĂ€hrleistet ist.

Wer den Google +1 Button einfach “mal eben schnell” in seine Seite integrieren möchte, der kann die folgenden Codeschnippsel verwenden.

In jedem Fall muss zunĂ€chst folgendes JavaScript in die Seite integriert werden. Dabei spielt es keine Rolle ob dieses im “Header”, am Ende der Seite oder direkt neben dem +1 Button Code integriert wird.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Die folgende Google +1 Button Integration stellt die rudimentÀre Basis da.

<g:plusone size="standard" count="true"></g:plusone>

Da die gĂ€ngigen Browser bereits fĂŒr HTML5 gerĂŒstet sind, stellt Google auch den Google +1 HTML5-Syntax zu VerfĂŒgung.

<div class="g-plusone" data-size="standard" data-count="true"></div>

FĂŒr die Integration des Google +1 Button in WordPress empfehle ich das Plugin WordPress Google +1 Button

Die “Google Richtlinien fĂŒr die +1-SchaltflĂ€che” solltet ihr noch kennen und schon kann es mit dem eigenen Google +1 Button los gehen. Viel Spaß bei der Umsetzung!

Zum Abschluss gibt es als Belohnung noch das offizielle Google +1 Video

Kommentare (1)

[…] Tutorial: Google +1 Button integrieren Bereits am 1. April hatte Google seinen "+1 Button" vorgestellt, verfĂŒgbar ist dieser bisher allerdings nur in den amerikanischen SERPS von google.com. Da in den Einstellungen der Google +1 Konfiguration mittlerweile sĂ€mtliche Sprachen zu VerfĂŒgung… […]