Sehr geehrte Kunden,
nach dem facebook Like Button (http://www.powergap.de/forum/index.php?topic=726.0) ist auch Google nachgezogen und hat den so genannten "+1" Button erfunden.
"Mithilfe der +1-Schaltfläche können Besucher Ihre Inhalte in der Google-Suche hervorheben. [...]
In den kommenden Wochen werden Ihre Suchergebnisse und Anzeigen auf Google um eine +1-Schaltfläche ergänzt, mit deren Hilfe Nutzer Ihre Anzeigen weiterempfehlen können. [...]
Über die +1-Schaltfläche können zufriedene Kunden Ihre Produkte oder Dienstleistungen Freunden und Kontakten weiterempfehlen. Wir glauben, dass Sie höherwertigen Traffic erhalten werden, weil die Anzeigen für die Nutzer persönlicher und relevanter werden. Sie können die +1-Schaltfläche zudem auf Ihrer Website platzieren, damit Ihre Kunden auch Ihre Website weiterempfehlen können."
Weitere Infos direkt von Google finden Sie auch auf: www.google.com/intl/de/webmasters/+1/button/index.html />
Hier nun 2 Möglichkeiten, wie man das im Artikeldetail einblenden kann:
Für beide Varianten muss zwingend folgender Code über das rote T > Seitentexte im Feld "Fußtext" eingefügt werden:
Diese Version ist für einen deutschsprachigen Shop gedacht, bei anderen Sprachen wie z.B. Englisch muss dann folgendes verwendet werden:
Auf der folgenden Seite finden Sie eine Auflistung bzw. Dropdown mit allen möglichen Sprachen, welches nach Auswahl direkt entsprechenden Code anzeigt: www.google.com/intl/de/webmasters/+1/button/index.html />
a) als Banner:
Will man die "+1 Schaltfläche" über ein selbst erstelltes Banner im Shop anzeigen, dann muss im Banner folgender Code enthalten sein:
Klein (15 px):
Mittel (20 px):
Standard (24 px):
Groß (60 px):
b) im Artikelanzeigemodul:
Wenn die Darstellung über das Artikelanzeigemodul gewünscht ist, dann muss lediglich über Sonstiges > Artikelfeldauswahl > Verwaltung das Feld 78 "Google +1" (bzw. 79, 80 oder 81 je nach gewünschter Größe) für die entsprechende AG von der Einstellung 999 (deaktiv) auf "1" (aktiv) umgestellt werden.
Folgende Größen stehen auch hier zur Auswahl:
Google +1 Klein (15 px)
Google +1 Standard (24 px)
Google +1 Mittel (20 px)
Google +1 Groß (60 px)
Dann über das rote T > Artikelfeldnamen die Bezeichnung für das Feld 78, 79, 80 oder 81 (Google +1) pflegen, damit wie oben angezeigt das "Google +1:" links vom Button erscheint.
Zuletzt über Layout > Artikelanzeige > Artikelanzeigemodul 1 das Feld 78, 79, 80 oder 81 ebenso aktivieren und an die gewünschte Position stellen.
Mit Klick auf diesen Button öffnet sich dann bei ausgeloggtem Google-Konto die folgende Seite:
nach dem facebook Like Button (http://www.powergap.de/forum/index.php?topic=726.0) ist auch Google nachgezogen und hat den so genannten "+1" Button erfunden.
"Mithilfe der +1-Schaltfläche können Besucher Ihre Inhalte in der Google-Suche hervorheben. [...]
In den kommenden Wochen werden Ihre Suchergebnisse und Anzeigen auf Google um eine +1-Schaltfläche ergänzt, mit deren Hilfe Nutzer Ihre Anzeigen weiterempfehlen können. [...]
Über die +1-Schaltfläche können zufriedene Kunden Ihre Produkte oder Dienstleistungen Freunden und Kontakten weiterempfehlen. Wir glauben, dass Sie höherwertigen Traffic erhalten werden, weil die Anzeigen für die Nutzer persönlicher und relevanter werden. Sie können die +1-Schaltfläche zudem auf Ihrer Website platzieren, damit Ihre Kunden auch Ihre Website weiterempfehlen können."
Weitere Infos direkt von Google finden Sie auch auf: www.google.com/intl/de/webmasters/+1/button/index.html
Hier nun 2 Möglichkeiten, wie man das im Artikeldetail einblenden kann:
Für beide Varianten muss zwingend folgender Code über das rote T > Seitentexte im Feld "Fußtext" eingefügt werden:
<script type="text/javascript" src="x_js_plus.php">
{lang: 'de'}
</script>
{lang: 'de'}
</script>
Diese Version ist für einen deutschsprachigen Shop gedacht, bei anderen Sprachen wie z.B. Englisch muss dann folgendes verwendet werden:
<script type="text/javascript" src="x_js_plus.php">
{lang: 'en-GB'}
</script>
{lang: 'en-GB'}
</script>
Auf der folgenden Seite finden Sie eine Auflistung bzw. Dropdown mit allen möglichen Sprachen, welches nach Auswahl direkt entsprechenden Code anzeigt: www.google.com/intl/de/webmasters/+1/button/index.html
a) als Banner:
Will man die "+1 Schaltfläche" über ein selbst erstelltes Banner im Shop anzeigen, dann muss im Banner folgender Code enthalten sein:
Klein (15 px):
<g:plusone size="small"></g:plusone>
Mittel (20 px):
<g:plusone size="medium"></g:plusone>
Standard (24 px):
<g:plusone></g:plusone>
Groß (60 px):
<g:plusone size="tall"></g:plusone>
b) im Artikelanzeigemodul:
Wenn die Darstellung über das Artikelanzeigemodul gewünscht ist, dann muss lediglich über Sonstiges > Artikelfeldauswahl > Verwaltung das Feld 78 "Google +1" (bzw. 79, 80 oder 81 je nach gewünschter Größe) für die entsprechende AG von der Einstellung 999 (deaktiv) auf "1" (aktiv) umgestellt werden.
Folgende Größen stehen auch hier zur Auswahl:
Google +1 Klein (15 px)
Google +1 Standard (24 px)
Google +1 Mittel (20 px)
Google +1 Groß (60 px)
Dann über das rote T > Artikelfeldnamen die Bezeichnung für das Feld 78, 79, 80 oder 81 (Google +1) pflegen, damit wie oben angezeigt das "Google +1:" links vom Button erscheint.
Zuletzt über Layout > Artikelanzeige > Artikelanzeigemodul 1 das Feld 78, 79, 80 oder 81 ebenso aktivieren und an die gewünschte Position stellen.
Mit Klick auf diesen Button öffnet sich dann bei ausgeloggtem Google-Konto die folgende Seite:
Hallo zusammen,
bei aller Hysterie um diese tollen social-Buttons sollte man als Shopbetreiber eines nicht vergessen: Diese 2 Buttons benötigen allein mehr Ladezeit, wie die gesamte Shopseite!
Sie glauben es nicht?
Wir haben das anhand einer Seite des Auslieferungsshops (http://www.auslieferungsshop.de/Rotwein-XY-075-Liter.html) getestet:
Dabei ist dieser 3,5 Sekunden Test schon geschönt, da wir den Beitrag vorhin umgeschrieben haben und anstatt die von Google angegebene Adresse apis.google.com/js/plusone.js das Javascript über den Link x_js.php?j=plusone komprimiert direkt vom Shopserver laden! Davor lief der Text sogar bei 4,2 Sekunden aus!
Mit diesen 2 Social-Buttons verdoppelt man also mal eben die Ladezeit des Shops!
Dieses Thema wird in vielen Foren diskutiert. Alle bemerken auch den Widerspruch, denn lt. Google spielt die Ladezeit von Seiten auch in der SEO Betrachtung eine sehr gewichtige Rolle. Und ausgerechnet Google selbst schmeißt hier mit so viel Javascript um sich, nur um diesen Mini-Button einzublenden. Beim näheren Betrachten der Auswertung, fragt man sich warum so viele Dateien nötig sind:
Zu allem Überfluss werden bei Google im Gegensatz zum noch einigermaßen performanten Facebook-Button die Dateien alle per SSL Verbindung übertragen.
Google empfiehlt die Haupt-JS-Datei auch innerhalb des <head> zu laden. Wir haben beim testen diese JS Datei nicht nur auf dem Shopserver abgelegt, sondern auch den Start in den Fußbereich des <body> gesetzt. In der Funktion gibt es keinerlei Nachteil, aber so bremst man den Shop zumindest nicht oben im Kopfbereich schon aus.
Fazit, man sollte diese Buttons nur einsetzen, wenn man sich in diesen sozialen Netzwerken auch stark engagiert und damit echte Vorteile erarbeitet. Nur so aus Spaß die Ladezeit des Shops so gravierend zu verschlechtern macht kaum Sinn.
Aber auch dem stark engagiertem Social-Networker sollte bewusst sein, dass diese Funktionen ganz klar zum Nachteil des SEO gehen und abwägen, was nun wichtiger erscheint.
bei aller Hysterie um diese tollen social-Buttons sollte man als Shopbetreiber eines nicht vergessen: Diese 2 Buttons benötigen allein mehr Ladezeit, wie die gesamte Shopseite!
Sie glauben es nicht?
Wir haben das anhand einer Seite des Auslieferungsshops (http://www.auslieferungsshop.de/Rotwein-XY-075-Liter.html) getestet:
3,5 Sekunden mit den 2 Buttons:  (Klick für Vergrößerung) | hingegen | 2,0 Sekunden ohne Buttons:  (Klick für Vergrößerung) |
Dabei ist dieser 3,5 Sekunden Test schon geschönt, da wir den Beitrag vorhin umgeschrieben haben und anstatt die von Google angegebene Adresse apis.google.com/js/plusone.js das Javascript über den Link x_js.php?j=plusone komprimiert direkt vom Shopserver laden! Davor lief der Text sogar bei 4,2 Sekunden aus!
Mit diesen 2 Social-Buttons verdoppelt man also mal eben die Ladezeit des Shops!
Dieses Thema wird in vielen Foren diskutiert. Alle bemerken auch den Widerspruch, denn lt. Google spielt die Ladezeit von Seiten auch in der SEO Betrachtung eine sehr gewichtige Rolle. Und ausgerechnet Google selbst schmeißt hier mit so viel Javascript um sich, nur um diesen Mini-Button einzublenden. Beim näheren Betrachten der Auswertung, fragt man sich warum so viele Dateien nötig sind:
Zu allem Überfluss werden bei Google im Gegensatz zum noch einigermaßen performanten Facebook-Button die Dateien alle per SSL Verbindung übertragen.
Google empfiehlt die Haupt-JS-Datei auch innerhalb des <head> zu laden. Wir haben beim testen diese JS Datei nicht nur auf dem Shopserver abgelegt, sondern auch den Start in den Fußbereich des <body> gesetzt. In der Funktion gibt es keinerlei Nachteil, aber so bremst man den Shop zumindest nicht oben im Kopfbereich schon aus.
Fazit, man sollte diese Buttons nur einsetzen, wenn man sich in diesen sozialen Netzwerken auch stark engagiert und damit echte Vorteile erarbeitet. Nur so aus Spaß die Ladezeit des Shops so gravierend zu verschlechtern macht kaum Sinn.
Aber auch dem stark engagiertem Social-Networker sollte bewusst sein, dass diese Funktionen ganz klar zum Nachteil des SEO gehen und abwägen, was nun wichtiger erscheint.
Sehr geehrte Kunden,
sollte bei Ihnen Google-Plus nicht funktionieren so bitte im Artikeldetail-Template man den Quellcode überprüfen. hier der neuste, mit des es einwandfrei klappt:
Weitere Infos und ein Generator auch auf developers.google.com/+/web/+1button/?hl=de !
Wobei wir Ihnen den eigenen Code oben empfehlen, da die x_js_plus.php das aktuelle JS direkt vom Shopserver lädt und damit den Shop nicht so ausbremst.
sollte bei Ihnen Google-Plus nicht funktionieren so bitte im Artikeldetail-Template man den Quellcode überprüfen. hier der neuste, mit des es einwandfrei klappt:
<div class="g-plusone" data-annotation="inline" data-width="225"></div>
<script type="text/javascript">window.___gcfg = {lang: 'de'};</script>
<script type="text/javascript" src="x_js_plus.php"></script>
<script type="text/javascript">window.___gcfg = {lang: 'de'};</script>
<script type="text/javascript" src="x_js_plus.php"></script>
Weitere Infos und ein Generator auch auf developers.google.com/+/web/+1button/?hl=de !
Wobei wir Ihnen den eigenen Code oben empfehlen, da die x_js_plus.php das aktuelle JS direkt vom Shopserver lädt und damit den Shop nicht so ausbremst.