Webseite mit Google Audits Optimieren Warum nicht gleich das Chrome Interne Tool nutzen

Webseite mit Google Audits Optimieren

• WAM
• Allgemein
• Dienstag - 17 . April . 2018

Das Google Audits Tool ist bei weitem nicht neu, scheinbar ist das aber so versteckt, dass die meisten Chrome Nutzer es nicht kennen. Dabei ist es ein echt gutes und leicht verständliches Tool um seine Webseite für Google zu optimieren.

Was macht das Google Audits Tool? Es testet die Webseite auf verschiedene Punkte. Diese Punkte sollte man laut Google auf seiner Webseite, möglichst optimieren.

Zum ersten haben wir die Seiten Performance, also wie schnell die Seite überhaupt ist. Dies ist ja mittlerweile einer der wichtigsten Punkte für die Suchmaschinen Optimierung.

Der Zweite Punkt nennt sich Progressive Web App (PWA):

Eine progressive Web App (PWA) ist eine Webseite, welche zahlreiche Merkmale besitzt, die bislang nativen Apps vorbehalten waren. Sie kann daher auch als Symbiose aus einer responsiven Webseite und einer App beschrieben werden.

Progressive Web Apps können wie eine Webseite einfach mit HTML5, CSS3 und JavaScript realisiert werden.

Zusätzlich dienen sogenannte Service Worker durch optimales Caching der Offline-Funktionalitäten. Zur Kommunikation zwischen Webclient und Webserver ist das HTTPS-Protokoll vorgeschrieben.

Der Punkt drei Accesibility, also die Zugänglichkeit der Webseite. Bei diesem Punkt werden Sachen wie Schriftgrößen, Link Namen, Hintergrund oder Vordergrund Farben sowie Bild Namen bzw. Alt Namen getestet.

Im Punkt vier “Best Practices” werden punkte wie Cache, HTTPS etc. getestet.

Als letzten Punkt sollte natürlich im Google Audits auch das SEO noch nachgearbeitet werden. Hat die Seite einen “viewport”. Gibt es einen Seitentitel und eine Metabeschreibung. Blockiert die Seite den Google Bot. Ergo die Grundlegenden SEO Maßnahmen die jeder auf seiner Seite gemacht haben sollte.

Möchte man nun seine Seite mit dem Google Audits Tool optimieren, stellt man ziemlich schnell fest, dass nicht alles möglich ist, was Google da gerne hätte. Zumindest nicht so ohne weiteres in jedem CMS System.

Vieles kann man aber dennoch bewerkstelligen. Nehmen wir als Beispiel man externe Links (_blank). Google Audits hat scheinbar ein Problem mit _blank und ist der Meinung, dass _blank ein böser Link ist. Warum das auch immer so ist.

Dieses Problem lässt sich aber sehr leicht in fast jedem System beheben. Ihr müsst dafür lediglich an den Link einen “rel=”noopener” Tag schreiben. Damit ist das Problem mit den _blank links gleich behoben.

Das nächste Problem bei den Links auf einer Webseite, wird vom Google Audits Tool auch gleich hinterher geschoben, alle Links benötigen einen alternativ Text. Dies sollte so aussehen:

<a title="name des Links" target="_blank" rel="noopener" href="das-link-ziel">Link</a>

Was wir noch gar nicht wussten, ist das Google auch Vordergrund und Hintergrundfarben bzw. die Farben des darauf angelegten Textes erkennen kann. Denn dies wie sollte es anders sein, haut Google auch raus.

Heißt mit anderen Worten, der Kontrast ist zu schwach, sollte also dem entsprechen hoch angelegt werden. Sollte man also einen Text auf einem Hintergrund haben, der z.b. Grau war, sollte man ihn auf ein noch dunkleres Grau (fast schwarz) ändern.

Google Audits Tutorials

Wir werden mal versuchen unsere Seite komplett über das Google Audits weiter zu optimieren. Was wir Hinbekommen wir zum Beispiel die Links werden wir das hier veröffentlichen und ein paar kleine Tutorials draus machen.