So führen Sie Qualitätssicherungstests (QA) auf Ihrer neuen Website durch

Websites, wie Softwareprodukte und Videospiele, erfordern viele Tests. Fehler, Bugs und defekte Bits werden Ihre potenziellen Kunden garantiert zum Laufen bringen. Heute sehen wir uns also an, wie Sie diese Probleme vermeiden können, wenn Sie eine neue Website starten.

Sehen Sie sich das Webinar an

Dieser Artikel basiert auf einem Webinar, das wir mit dem QA-Experten Brian Borg, Gründer und CEO von OnPath Testing, durchgeführt haben. OnPath Testing sind sowohl unsere Kunden als auch Partner, die uns bei der Durchführung von QA-Tests unterstützen, wenn wir neue Websites starten. Brian ist ein Experte für Softwaretests und ein gutes Ei.

Hier können Sie sich die Originalaufnahme ansehen:

Was ist QS?

QA-Tests überprüfen die Funktionalität einer Website (oder anderer Software).

Bei Websites konzentrieren sich QA-Tester zunächst auf die Funktionalität, aber auch auf die Benutzerfreundlichkeit des Designs, die Leistung, die Sicherheit und die Konformität.

So entscheiden Sie, was getestet werden soll

Das Testen erfordert ein sehr rücksichtsvolles, methodisches Verständnis Ihrer Website und Ihrer Benutzer. Sie müssen einen Schritt zurücktreten und aus einer 10.000-Fuß-Perspektive darüber nachdenken.

Stellen Sie sich Fragen aus allen möglichen Blickwinkeln. Wer kommt möglicherweise auf unsere Website? Wo kommen sie her? Welche Geografie? Auf welchen Geräten könnten sie sich das ansehen? Welche Browser? Welche Betriebssysteme? Was macht Ihre Website, wenn jemand damit interagiert? Was ist, wenn sie ein Formular ausfüllen? Erwarten Sie eine E-Mail in Ihrem Posteingang? Erwarten Sie eine Dankesnachricht auf der Seite?

Erstellen Sie einen Testplan

Um diese Tests auszuführen, erstellen Sie einen Testplan mit detaillierten Testfällen, der im Wesentlichen eine verherrlichte Checkliste ist. Es hält Sie ehrlich und stellt sicher, dass Sie nichts Wichtiges verpassen. Idealerweise wird dies in einem Software Development Lifecycle (SDLC)-Tool leben. Aber Sie könnten Tests auf etwas wie Excel verfolgen:

Im obigen Beispiel sehen Sie, dass wir Domänen und Funktionen betrachten. Die Testfälle auf der linken Seite, dann Browser, Betriebssysteme und Geräte oben. Diese Art der Nachverfolgung von Tests bedeutet, dass Sie Korrekturen erneut überprüfen (Regressionstests) und wichtige Stakeholder über Testmetriken informieren können.

Der springende Punkt ist, dass die Kommunikation klar und eindeutig ist. Auf diese Weise können Korrekturen effektiv sein.

QA-Testwerkzeuge

Probieren Sie einige dieser Tools zum Verfolgen und Verwalten von Tests aus (wir verwenden Notion bei Articulate, aber Ihre Laufleistung kann variieren).

• Jira
• Testschiene
• Bugzilla
• Trello
• Testlink
• Vorstellung

Alle Anerkennung gebührt Brian für die obere Hälfte dieses Blogs. Nun einige Erkenntnisse aus der Erfahrung von Articulate mit der Erstellung von Websites für Kunden.

8 häufige Dinge, die Sie auf Ihrer Website testen müssen

1. Lorem ipsum

Autoren und Designer verwenden normalerweise den Platzhalter „Lorem ipsum“, wenn sie eine Website erstellen. Dann vergessen sie, es zu ersetzen. Führen Sie eine gründliche Suche durch, um nach verbleibenden Teilen von Lorem Ipsum zu suchen.

2. Fehlende Seiten

Hut-Tipp an GitHub für das Bild.

Wenn Sie die Umleitung von Ihrer alten Website zu einer neuen Website nicht ordnungsgemäß durchführen, indem Sie Seiten-URLs zuordnen, erhalten Sie fehlerhafte Links und fehlende Seiten. Die URL-Umleitung ist für uns ein wirklich wichtiger Bestandteil beim Start einer neuen Website. Wir haben mehrere Fälle von defekten Links in Menüs gesehen. Sehr oft ist der Menülink mit einer Entwickler-Testseite verbunden, weil er fest codiert ist.

3. SSL-Fehler

Google bestraft eine Website mit SSL-Fehlern. Es ist wahrscheinlich, dass Sie dies nicht bemerken, es sei denn, Sie testen es.

Eines der Probleme mit HubSpot-Sites besteht in den meisten Fällen darin, dass Sie eine HubSpot-Website nicht auf einer nativen Apex-Domain hosten können. Das heißt, Sie können auf artikulierenmarketing.com keinen HTTPS-Code haben; es muss www.articulatemarketing.com sein. In diesem Fall müssen Sie eine Weiterleitung von der Apex-Domain zur www-Subdomain vornehmen. Wenn Sie diese Weiterleitung nicht korrekt eingerichtet haben, wird sie nicht verschlüsselt und löst einen SSL-Fehler aus.

4. Fette Bilder

Ihr Designer lädt eine 16 Megabyte große Grafikdatei hoch. Das könntest du auf eine Werbetafel setzen. Es hat keinen Platz auf Ihrer Website. Versuchen Sie stattdessen sicherzustellen, dass Ihre Bilder weniger als 300 Kilobyte groß sind, und halten Sie sich an JPEGs oder, noch besser, SVGs.

Wenn Sie auf HubSpot sind, können Sie unsere App Fizz+Ginger verwenden, um Bilder zu komprimieren.

5. Vor Google versteckt

Es ist überraschend häufig, dass Sie Ihre Website nicht bei Google veröffentlichen. Es kommt sehr selten vor, dass wir die Website eines Kunden übernehmen, der bereits einen Eintrag in der Google Search Console hat. Wenn Ihnen das gerade die Ohren zum Brennen gebracht hat, dann erfahren Sie hier mehr über Lagepläne.

Außerdem übernehmen wir manchmal Websites mit robots.txt-Dateien, die wichtige Seiten für Suchmaschinen blockieren. Möglicherweise möchten Sie die Sichtbarkeit auf bestimmten Seiten entfernen. Wenn es jedoch falsch konfiguriert ist, verstecken Sie Seiten, von denen Sie möchten , dass Personen sie auf Google finden können.

Top-Tipp: Wenn Sie eine WordPress-Site entwickeln, achten Sie darauf, dass Sie nach dem Start nicht die Option „Suchmaschinen davon abhalten, diese Site zu indizieren“ aktiviert lassen.

6. Browserkompatibilität

Das war früher ein größeres Problem als heute. Internet Explorer ist oft der Schuldige dafür, dass er nicht mit Industriestandards kompatibel ist. Als Faustregel gilt: Wenn Sie bequem auf einer modernen Version von Chrome oder Safari laufen, sind Sie wahrscheinlich auch in anderen Browsern in Ordnung, aber es lohnt sich trotzdem, es zu testen. Versuchen Sie nicht, sehr veraltete Browser zu berücksichtigen. Es lohnt sich nicht.

7. Mobile Reaktionsfähigkeit

Etwa ein Drittel unseres Traffics kommt von Mobilgeräten. Mehr als die Hälfte des Internetverkehrs im Web ist mobil. Google führt eine Mobile-First-Indexierung durch. Kurz gesagt: Mobile ist die Zukunft.

Beginnen Sie damit, den Handy-freundlichen Test von Google durchzuführen, aber hören Sie hier nicht auf. Überprüfen Sie eine Reihe von Geräten und Bildschirmgrößen auf Dinge wie Dropdown-Menüs und Pop-ups.

Top-Tipp: AMP (Accelerated Mobile Pages) ist eine Möglichkeit, Ihre Seiten auf Mobilgeräten blitzschnell zu machen, aber Sie verlieren viel Kontrolle über Sichtbarkeit, Formatierung, Design und Layout. Es ist jedoch wahrscheinlich eine gute Idee, es zu aktivieren, wenn Sie aufgrund der jüngsten Algorithmus-Updates von Google einen Rückgang des Datenverkehrs feststellen.

8. Formulare, die nirgendwo hingehen

Überprüfen Sie, ob alle Formulare an jemanden gehen, insbesondere Kontaktseitenformulare. Die CRM-Software von HubSpot protokolliert das Ausfüllen von Formularen, aber es liegt an Ihnen, ein Benachrichtigungssystem einzurichten, damit die Leute in Ihrem Unternehmen wissen, dass jemand versucht, Sie zu kontaktieren.

Eine letzte Anmerkung

Wir sind eine datengesteuerte, detailorientierte Marketingagentur, daher mögen wir die strengen Prinzipien der QA-Tests.

Sprechen Sie mit OnPath Testing für Testdienste oder sprechen Sie mit einem unserer Berater, wenn Sie eine neue Website benötigen.

Wir verlassen Sie mit diesem Gedanken:

„Testen ist ein endloser Prozess, bei dem das Unsichtbare mit dem Mehrdeutigen verglichen wird, um zu vermeiden, dass dem Anonymen das Undenkbare widerfährt.“

– James Bach