Testen nach dem Livegang

Modul 5: Veröffentlichen und Ihre eigene Domain · Lesezeit: 9 Minuten

Lernziel: Nach dieser Lektion können Sie Ihre Website nach der Veröffentlichung systematisch testen: Links, Bilder, Formular, Mobilansicht, https und die Sicherheitsprüfung. Außerdem wissen Sie, wie Sie eine alte Version in Ihrem Browser erkennen und loswerden.

Kernbegriffe: Testrunde, privates Fenster, Browsercache, harte Aktualisierung, toter Link, Sicherheitsprüfung, Jetzt prüfen, Fehlerseite, Testnachricht

Warum Sie auf der echten Website testen

Die Vorschau im Builder ist nicht genau Ihre Website. Einige Dinge funktionieren nur in der veröffentlichten Version:

• Ihr Kontaktformular verschickt nur auf der echten Website E-Mails, und nur dann, wenn Ihre Website zu einem Paket gehört;
• eigener Code aus Einstellungen > Integrationen wird in der Vorschau nicht ausgeführt, auf Ihrer echten Website schon;
• den Cookie-Banner und die Dienste, die erst nach einer Einwilligung laden, sehen Sie erst auf Ihrer Website wirklich arbeiten;
• https, die Weiterleitung von http auf https und von www auf die Hauptadresse (Lektion 5.2) gibt es nur auf Ihrer echten Domain.

Deshalb machen Sie nach jedem Livegang und nach jeder größeren Änderung eine Testrunde auf der echten Adresse. Das dauert eine Viertelstunde und verhindert, dass der erste Kunde, der anruft, derjenige ist, der den Fehler findet.

Zuerst: Sehen Sie wirklich die neueste Version?

Ihr Browser speichert Seiten, Fotos und das Layout eine Zeit lang, im sogenannten Browsercache. Das macht Ihre Website schnell, führt aber dazu, dass Sie nach Änderungen veröffentlichen manchmal noch die alte Version sehen. Testen Sie deshalb so:

• öffnen Sie Ihre Website in einem privaten Fenster (Inkognito); es startet ohne gespeicherte Seiten;
• oder machen Sie eine harte Aktualisierung: Strg+F5 unter Windows, Cmd+Shift+R auf einem Mac;
• testen Sie auch auf Ihrem Smartphone, am besten über mobile Daten statt über WLAN.

Sehen Sie im privaten Fenster die neue Version und in Ihrem normalen Fenster die alte, dann ist mit Ihrer Website alles in Ordnung. Zeigt auch das private Fenster die alte Version, prüfen Sie im Builder, ob Sie wirklich veröffentlicht haben: Steht oben rechts noch Änderungen veröffentlichen und haben Sie gerade etwas geändert, dann ist Ihre letzte Version noch nicht live.

Die Testrunde, Schritt für Schritt

So testet Schildersbedrijf Example, in einem privaten Fenster:

1. Alle Seiten über das Menü. Klicken Sie jeden Menüpunkt an, auch die Einträge in einem Untermenü. Erscheint jede Seite, mit dem richtigen Titel oben?
2. Alle Buttons und Links. Klicken Sie jeden Button an: "Angebot anfordern", "Jetzt anrufen", die Links in der Fußzeile. Führt jeder Button zur richtigen Seite oder zum richtigen Abschnitt? Links zu Ihrer Telefonnummer und E-Mail-Adresse öffnen das Telefon oder das E-Mail-Programm.
3. Links zu anderen Websites. Ihre Facebook-Seite, ein Gütesiegel, eine Wegbeschreibung: Funktionieren sie und öffnen sie die richtige Seite?
4. Bilder. Lädt jedes Foto, auch weiter unten auf langen Seiten? Fehlt eines, sehen Sie eine leere Fläche.
5. Das Formular, ganz real. Füllen Sie das Kontaktformular mit einer anderen eigenen Adresse aus. Kommt die Nachricht bei der Adresse unter Nachrichten senden an an, und erscheint der Dankestext oder die Dankesseite? Details finden Sie in Lektion 5.3.
6. Mobil. Öffnen Sie die Website auf Ihrem Smartphone. Öffnet sich das Menü, sind die Buttons groß genug zum Antippen, ragt kein Text über den Bildschirmrand hinaus? Im Builder können Sie schon vorab mit Mobil in der oberen Leiste nachsehen, aber Ihr eigenes Smartphone ist der echte Test.
7. https und die Adresse. Geben Sie http://example.com und www.example.com ein. Landen Sie beide Male auf derselben Adresse mit https und einem Schloss?
8. Eine Seite, die es nicht gibt. Geben Sie eine Adresse wie https://example.com/bestaat-niet ein. So sehen Sie, was ein Besucher bekommt, der einem alten oder falschen Link folgt. Steht auf Ihrer eigenen Website noch ein Link zu so einer Adresse, passen Sie ihn an.
9. Cookie-Banner und Widgets. Nutzen Sie Dienste anderer Anbieter (eine Karte, ein Video oder Statistiken): Erscheint dann der Banner, und lädt die Karte erst nach der Einwilligung (Lektion 7.2)?
10. Zweite Sprache. Haben Sie eine zweite Sprache: Funktioniert die Sprachauswahl und stehen die neuen Texte auch in dieser Sprache?

Notieren Sie, was Sie finden. Beheben Sie es im Builder, veröffentlichen Sie es mit Änderungen veröffentlichen und testen Sie danach nur diesen Punkt erneut.

Die Sicherheitsprüfung im Builder

Der Builder hat eine eigene Prüfung, im Bereich Sicherheit in der linken Werkzeugleiste. Klicken Sie auf Jetzt prüfen. In etwa einer halben Minute prüft der Builder alles, was von außen kommt: die Links auf Ihrer Website, Widgets und Integrationen, Ihren eigenen Code und den Cookie-Banner. Er ruft die Links tatsächlich auf.

Sie erhalten eine Liste Bitte ansehen, zum Beispiel:

• "Link funktioniert nicht mehr (404): ..." ein toter Link, oft zu einer Seite einer anderen Website, die umgezogen ist;
• "Unsicherer Link ohne https: ..." ein Link, der mit http:// beginnt; ersetzen Sie ihn durch die https-Version;
• "Link konnte nicht automatisch geprüft werden (die Website blockiert das): ..." das ist kein Fehler: Manche Websites wehren automatische Prüfungen ab; klicken Sie so einen Link selbst an;
• "Nachrichten aus Ihrem Formular gehen an ..., nicht an die E-Mail-Adresse Ihres Kontos. Stimmt das?" eine Frage, kein Fehler.

Bei einem Punkt steht oft ein Button, etwa KI fragen oder Widget bearbeiten. Die Prüfung ist kostenlos und Sie können sie höchstens 3 Mal pro Stunde ausführen. Sie ersetzt Ihre eigene Testrunde nicht: Sie prüft nicht, ob Ihre Fotos gut aussehen oder ob Ihr Formular ankommt.

Stolperfallen

• In der Vorschau testen statt auf Ihrer echten Website. Das Formular und eigenen Code sehen Sie dort nicht wirklich arbeiten.
• Nur auf dem eigenen Computer testen. Dort ist Ihr Browser an die alte Version gewöhnt und Sie sind oft noch bei Diensten angemeldet. Ein privates Fenster und Ihr Smartphone sind ehrlicher.
• Einen externen Link einmal prüfen und dann nie wieder. Andere Websites ändern sich. Lassen Sie die Sicherheitsprüfung ab und zu erneut laufen.
• Testnachrichten vergessen. Sagen Sie Kollegen, die das Postfach ebenfalls lesen, dass Testnachrichten ankommen.
• Nach einer DNS-Änderung zu schnell Schlüsse ziehen. Sehen Sie auf einem Gerät die neue Website und auf einem anderen die alte, liegt das oft noch am DNS (Lektion 5.2) und nicht an einem Fehler im Builder.

Im Builder: So gehen Sie vor

1. Veröffentlichen Sie Ihre letzte Version mit Änderungen veröffentlichen.
2. Öffnen Sie Ihre Website in einem privaten Fenster und gehen Sie die zehn Schritte oben durch.
3. Öffnen Sie im Builder den Bereich Sicherheit und klicken Sie auf Jetzt prüfen.
4. Beheben Sie jeden Punkt oder entscheiden Sie bewusst, dass er in Ordnung ist.
5. Veröffentlichen Sie die Korrekturen und testen Sie die geänderten Teile erneut.

Zusammenfassung

• Testen Sie auf Ihrer echten Website: Formular, eigener Code, https und Cookie-Banner funktionieren nur dort wirklich.
• Verwenden Sie ein privates Fenster oder eine harte Aktualisierung, damit Sie sicher die neueste Version sehen.
• Prüfen Sie Menü, Buttons, Links, Bilder, Formular, Mobilansicht, https, Fehlerseite, Cookie-Banner und zweite Sprache.
• Der Bereich Sicherheit mit Jetzt prüfen findet tote und unsichere Links und prüft Widgets und eigenen Code, kostenlos und höchstens 3 Mal pro Stunde.
• Nach jeder Korrektur: veröffentlichen und diesen Punkt erneut testen.

Quiz

Aufgabe

Aufgabe A5.4: Alle Links und Bilder funktionieren. Geben Sie die Webadresse Ihrer AI Builder-Website ein, die kostenlose Adresse oder Ihre eigene Domain. Das Programm liest die Sitemap Ihrer Website, ruft alle darin aufgeführten Seiten so auf, wie es ein Besucher tut, und prüft:

• ob jede Seite erreichbar ist;
• ob alle Links zu anderen Seiten Ihrer eigenen Website funktionieren;
• ob alle Bilder auf diesen Seiten laden;
• ob http:// auf https:// weiterleitet.

Pro Zeile sehen Sie Grün, Orange oder Rot, mit der Seite und dem Link oder Bild, das nicht funktioniert. Das Programm stellt höchstens 25 Anfragen pro Prüfung, bei einer großen Website prüft es also nicht alles; Ihre eigene Testrunde bleibt nötig. Erhalten Sie Rot, beheben Sie das Problem im Builder, veröffentlichen Sie es mit Änderungen veröffentlichen und prüfen Sie erneut.

Weiterführende Links

• Kostenloser Kurs Online gefunden werden 5.3: Testen, pflegen und was nicht erlaubt ist
• Kostenloser Kurs Online gefunden werden 4.1: https und eine gute Weiterleitung
• Besucher zwingend auf HTTPS weiterleiten
• Kostenloser DNS-Kurs 6.2: „Propagation": warum der eine es schon sieht und der andere nicht