- Programmierung
- Sieht die Webseite so aus, wie sie in der neuesten Version von gestaltet wurde?
- Ist der W3C-Valid-Code in Ordnung?
- Funktioniert die 404-Seite?
- Ist das Favicon korrekt?
- Funktionieren die Suchseiten?
- Styles wurden für alle Standard-HTML-Tags (, ) etc. gesetzt.
- headline 2
- Formulare
- Responsiveness
- Sicheres Zertifikat
Im Laufe der Jahre, in denen ich Webseiten erstellt habe, bin ich auf diese Punkte gekommen, um die Arbeit zu überprüfen, bevor ich sie live stelle. Diese Liste ist für normale kleinere Webseiten gedacht. Größere Webseiten oder Online-Shops werden eine vollständigere Liste benötigen. Wenn Sie jedoch ein Auge auf diese Punkte werfen, können Sie sicherstellen, dass die Seite keine größeren Fehler aufweist.
Ich habe auch eine Excel-Tabelle erstellt, die während der Arbeit am Projekt verwendet werden kann. Es macht mehr Sinn, da man die Überprüfungsarbeiten besser im Auge behalten und Screenshots dort hineinladen kann usw.
Programmierung
Sieht die Webseite so aus, wie sie in der neuesten Version von gestaltet wurde?
Desktop
- Chrome
- Firefox
- Internet Explorer (Windows 7 | 10)
- Safari
Tablets
- IPad
- Android
Telefone
- IPhone
- Android
Zu prüfende Punkte:
- Startseite
- Navigation, Kopfzeile
- Unterseite (eine Seite prüfen)
- Formulare oder spezielle Funktionen
Ist der W3C-Valid-Code in Ordnung?
Funktioniert die 404-Seite?
Ist das Favicon korrekt?
Funktionieren die Suchseiten?
Styles wurden für alle Standard-HTML-Tags (, ) etc. gesetzt.
Paragraph
Aufzählung
- item
- item
Liste
- item
- item
headline 1
headline 2
headline 3
headline 4
headline 5
Formulare
Füllen Sie die Formulare auf der Seite aus und gehen Sie die folgenden Fragen durch:
- Ist die Sprache korrekt?
- Funktionieren die Fehlermeldungen?
- Wird das Formular an die richtige Person gesendet?
Geschwindigkeit der Seite
- Sind die Bilder nicht größer als sie sein müssen?
Pixelgröße und Bildqualität sind angepasst - CSS und Javascript sind in eine Datei komprimiert
SEO-Freundlichkeit
- Bilder haben Alt-Tags und Title-Tag
In WordPress kann man die Daten aus der Mediathek verwenden - Jede Seite hat einen title-tag und eine meta description
- Die Überschriften auf der Seite sind H1, H2, H3 usw.
- Der Text ist für Bots lesbar
- Jede Seite hat eine eindeutige URL
- Es gibt keine ungültigen URLs – verwenden Sie einen Website-Scanner, um dies zu überprüfen
- Inhalt:
- Alte URLs sind per 301 auf die neue Seite umgeleitet
- Title- und Description-Tags sind von der alten Seite importiert worden
Responsiveness
- Schriftgrößen werden proportional zur Größe des Bildschirms angepasst
- Reihenfolge der Seite bleibt trotz Responsive Design korrekt
Sicheres Zertifikat
- Interne Links sind per https
- Alle Ressourcen auf der Webseite sind ssl-basiert
