Wie kann man von den Vorteilen des neuen Buttons profitieren und trotzdem eine Webseite mit ordentlichem, suchmaschinenoptimiertes HTML erhalten? Um einen Google Plus One (+1) Button in validem HTML in Ihre Webseite einzubinden, gehen Sie wie folgt vor:
Platzieren Sie an der gewünschten Stelle der Seite einen – zunächst – leeren DIV-Container:
<div id="google-plus-one-container"></div>
Am Ende der Ihres HTML-Quelltextes (vor dem </BODY>) fügen Sie nun noch folgenden Javascript-Code ein:
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">{lang: 'de'}</script>
<script type="text/javascript">
/* <![CDATA[ */
document.getElementById('google-plus-one-container').innerHTML =
'<div size="medium" href="http://www.adresse-ihrer-webseite.de"
></div>';
/* ]]> */
</script>
Ersetzen Sie die Internetadresse mit Ihrer eigenen, die Größe des
Buttons können Sie von Small (15px) über Standard (24px), Medium (20px)
und Tall (60px) variieren. Der Google Plus One (+1) Button wird erst nach dem Laden der Seite vom Javascript in den DIV-Container eingefügt – und stört damit die Validierung der Seiten nicht.
Voila, das war's. Nun testen Sie Ihre Seite mit dem W3C Markup Validation Service und probieren die ordentliche Funktion des neuen Buttons aus.
Gerne beraten wir Sie über die Möglichkeiten zur Einbindung des Google
Plus One (+1) Button auf Ihrer Webseite und darüberhinaus gerne über
Möglichkeiten zu Social Media Marketing und Suchmaschinenoptimierung.
Anruf genügt: 0921 8710310.
Bei Fragen zum Thema Suchmaschinenoptimierung berät Sie Manuel Jenne gerne.