Prüfen ob die WEbsite für Mobilgeräte optimiert ist.

Für wen ist es relevant?

Dieser Arbeitsschritt ist für alle Website-Betreiber:innen relevant.

Was ist das Ziel?

Überprüfen, ob Ihre Website auf mobilen Geräten richtig angezeigt wird.

Warum ist das wichtig?

Für die Indexierung und das Ranking verwendet Google vorrangig die mobile Version (Mobile-First-Ansatz)

Was ist das Ergebnis?

Auskunft darüber zu erhalten, ob die Website für Mobilgeräte geeignet ist.

Wann macht man das?

Nachdem die Seite online gegangen ist, bei jeder Inhaltserweiterung oder Themenumstellung.

Was wird benötigt?

Google Chrome Browser empfohlen..

Wieviel Zeit benötigt man?

Circa 5 Minuten

Schwierigkeitsstufe:

Einfach

Mobile First Indexierung

Die Search Console ist ein kostenloser Dienst von Google, mit dem Sie die Präsenz Ihrer Website in den Google-Suchergebnissen beobachten und verwalten sowie eventuelle Fehler beheben können. Damit Ihre Website in die Google-Suchergebnisse aufgenommen werden, müssen Sie sich nicht für die Search Console registrieren. Sie können aber mithilfe der Search Console besser nachvollziehen, wie Ihre Website von Google gesehen wird, und sie bei Bedarf optimieren.

Die Search Console umfasst Tools und Berichte für die folgenden Aktionen:

  • Sicherstellen, dass Google Ihre Website finden und crawlen kann.
  • Indexierungsprobleme beheben und die erneute Indexierung von neuen oder aktualisierten Inhalten anfordern.
  • Google-Suchanfragedaten für Ihre Website abrufen, um zu sehen, wie oft Ihre Website in der Google-Suche erscheint, welche Suchanfragen zu Ihrer Website führen, wie hoch die Klickrate ist, usw.
  • Benachrichtigungen erhalten, wenn Google auf Ihrer Website Indexierungsfehler, Spam oder andere Probleme findet
  • Anzeigen lassen, welche Seiten auf Ihre Website verlinken.
  • Probleme mit AMP-Seiten (Accelerated Mobile Pages), der Nutzererfahrung auf Mobilgeräten und mit anderen Suchfunktionen beheben.

Sehen Sie hierzu auch: Informationen zu Search Console von Google

Bereit? Dann starten wir:

Einen Google Tag Manager Account einrichten:

  • Klicken Sie im nächsten Schritt auf „Konto erstellen„. 
  • Fügen Sie Ihrem Konto einen Namen hinzu. Verwenden Sie z. B. Ihren Firmennamen (1)
  • Wählen Sie im Drop-down-Menü Ihr Land aus (2)
  • Entscheiden Sie ob Sie Ihre Daten anonymisiert mit Google teilen wollen (3)
  • Im Feld „Containername“ geben Sie die URL Ihrer Website an (4)
  • Wählen Sie als Zielplattform „Web“ aus (5)
  • Klicken Sie auf „Erstellen“ (6)
  • Akzeptiere die Datenverarbeitungsbedingungen  (1)
  • Klicke danach auf die Schaltfläche „Ja“ (2)
  • Im nächsten Fenster erscheint nun ein Overlay mit dem Code, der in WordPress installiert werden muss.
  • Der obere Code Snippet muss so weit oben wie möglich im <head> der Seite eingefügt werden (1)
  • Der untere Code Snippet muss direkt nach dem eröffnenden <body> eingefügt werden (2)
  • Öffnen Sie nun einen neuen Tab in Ihrem Webbrowser, holen Sie sich noch eine Tasse Kaffee und dann machen wir in der WordPress Installation weiter.

Google Tag Manager zur WordPress-Website hinzufügen.

  • Starten Sie im neu geöffneten Tab Ihre WordPress-LogIn-Seite


    ihredomain.de/wp-admin
    oder ihredomain.de/wp-login.php 

  • Loggen Sie sich mit Ihren Admin Anmeldedaten in WordPress ein.

  • Sollten Sie es noch nicht gemacht haben, dann erstellen Sie zur Sicherheit zuerst ein Backup Ihrer WordPress-Installation.
    • Gehen Sie zum „Theme-Datei-Editor

 

    • Diesen erreichen Sie entweder über den Menüpunkt „Design„, in englischprachigen Installationen über „Appearance“ oder über den Menüpunkt „Themes„.

 

    • Klicken Sie auf „Theme-Datei-Editor

 

  • Es erscheint nun ein Overlay, mit der Überschrift „Achtung“ klicken Sie auf „Verstanden“ um auf die Oberfläche des Theme-Datei-Editors zu gelangen.
  • Sie befinden sich nun im Theme-Editor Ihres WordPress-Blogs, wo Sie den eigentlichen Quellcode Ihres Themes (das Herzstück Ihrer Website) sehen. Aber keine Angst, ich zeige Ihnen Schritt für Schritt, wie Sie den Code des Google Tag Managers dort einfügen.
  • Im großen Block sehen Sie den Code einer Seite Ihres Themes in HTML-Sprache (1)
  • Rechts davon sehen Sie das Menü für den Zugriff auf die verschiedenen Dateien, aus denen Ihr Theme besteht (2)

Das erste Code-Snippet des Google Tag Managers hinzufügen.

  • Zunächst Suchen wir nach dem „HEADER“ Ihres Themes.

  • Im Header ist der Code niedergeschrieben, der zuerst auf jeder Seite Ihrer Website geladen wird und genau dahin muss das erste Code-Snippet des Google Tag Managers platziert werden.

  • Suchen Sie in der rechten Spalte mit der Überschrift  „Theme-Datei“ nach „Theme-Header (header.php)“ und klicken Sie diesen an.
  • Kontrollieren Sie noch einmal in der Überschrift der mittleren großen Spalte, dass Sie die Datei „Theme-Header (header.php)“ geöffnet haben (1)
  • Klicken Sie mit der Maus irgendwo in den Bereich in dem der HTML-Code steht und drücken Sie dann die beiden Tasten Ctrl und F gleichzeitig, so dass sich das Suchfeld öffnet.
  • Geben Sie in das Suchfeld „<hea“ ein und drücken Sie die Enter-Taste (2)
  • Suchen Sie nun innerhalb des Bereiches nach dem gelb hervorgehobenem „<head>“ und setzten Sie den Cursor mit der Maus direkt dahinter.
  • Drücken Sie die Enter-Taste, so dass unter  „<head>“ eine Leerzeile eingefügt wird.
  • So, nun brauchen wir das Code-Snippet von Google. Dazu gehen Sie zum Browser-Tab in dem Sie den Google Tag Manager noch geöffnet haben.
  • Klicken Sie auf das obere „Kopier-Icon“ (1)
  • Gehen Sie zurück  zum Browser-Tab in dem WordPress geöffnet ist.
  • Setzen Sie den Cursor in die Leerzeile, die Sie unter „<Head>“ erzeugt haben.
  • Fügen Sie das Google Code-Snippet dort ein.

Das zweite Code-Snippet des Google Tag Managers hinzufügen.

 Der erste Teil ist geschafft. Jetzt sollte es Ihnen leicht fallen, auch das zweite Code-Snippet einzufügen, da die weiteren Schritte praktisch Wiederholungen sind:

  • Mit Ctrl und F öffnen Sie wieder das Suchfeld und geben jetzt „<body“ ein und drücken danach die Enter-Taste-
  • Suchen Sie nach dem gelb hinterlegten „<body>„.
  • Fügen Sie unter die Zeile mit „<body>“ wieder eine Leerzeile ein. 
  • So, nun brauchen wir das zweite Code-Snippet von Google. Dazu gehen Sie zum Browser-Tab in dem Sie den Google Tag Manager noch geöffnet haben.
  • Klicken Sie auf das untere „Kopier-Icon“ (1)
  • Gehen Sie zurück  zum Browser-Tab in dem WordPress geöffnet ist.
  • Setzen Sie den Cursor in die Leerzeile, die Sie unter „<Body>“ erzeugt haben.
  • Fügen Sie das Google Code-Snippet dort ein.
  • Fügen Sie unter die Zeile mit „<body>“ wieder eine Leerzeile ein. 
  • Nun ist es fast vollbracht. Nur noch speichern. Dazu die Schaltfläche „Datei aktualisieren“ nutzen.
  • Wenn nun die Meldung „Die Datei wurde erfolgreich bearbeitet.“ erscheint, dann haben Sie den Google Tag Manager erfolgreich auf Ihrer WordPress-Website installiert. Glückwunsch. Sie haben nun die Grundlage geschaffen, weitere Tags und Tracking-Pixels zu Ihrer Website hinzuzufügen.