TPOnlineMedia.com
Ich habe das ganze digitale Fundament für TPOnlineMedia gebaut: die Website auf Dänisch, Englisch und Deutsch, ein Admin-Panel und einen automatischen Website-Check, der zeigt, was mit einer Website nicht stimmt, so geschrieben, dass alle es verstehen.
Kurz gesagt
Die Ausgangslage
Die Seite sollte ohne einen Server auskommen, der betrieben und gewartet werden muss. Gleichzeitig sollte sie schnell und barrierefrei sein und in drei Sprachen von Suchmaschinen gefunden werden.
Die Website
Die Website ist ein statischer Export ohne eigenes Backend. Anfragen gehen direkt vom Browser an Supabase, wo der öffentliche Schlüssel nur etwas einfügen, nie Kundendaten auslesen kann.
Im September habe ich die Seite auf ein dunkles Design mit einer einzigen Schriftart durchgehend umgebaut.
Der Website-Check
Man gibt eine Adresse ein und bekommt einen Bericht mit Messungen in fünf Kategorien: SEO, Geschwindigkeit, Sicherheit, Technik und Conversion, so geschrieben, dass man ihn ohne Programmierkenntnisse lesen kann. Der Bericht zeigt selbst, was zuerst behoben werden sollte.
Adresse und E-Mail werden geprüft, und ein verstecktes Feld fängt Bots ab, ohne ihnen einen Bericht zu geben
Der Versuch wird zuerst in der Datenbank reserviert — 4 pro E-Mail pro Stunde, 8 pro IP, 10 pro Domain, 150 insgesamt, sonst wird er sofort abgelehnt
Die Seite wird sicher abgerufen, zuerst https und http nur, wenn https fehlschlägt; Bot-Schutz von Vercel oder Cloudflare wird erkannt und ans Team weitergegeben, statt als Fehler zu zählen
Robots.txt, Sitemap, Favicon, https-Weiterleitung und Komprimierung werden parallel zur Seite selbst abgerufen
Die Messung wird pro Prüfung in bestanden/teilweise/fehlgeschlagen umgerechnet und in eine Punktzahl für jede der fünf Kategorien
Der Bericht wird gespeichert, und Googles PageSpeed-Messung wird im Hintergrund abgerufen, ohne dass der Besucher darauf wartet
Der Bericht wird in der Sprache des Kunden verschickt, und gleichzeitig landet eine englische Notiz beim Team
Bevor der Check live ging, wurde er mit einer unabhängigen Browsermessung von 22 echten Websites verglichen. Im letzten Durchlauf stimmten 548 von 550 Messungen. Die zwei, die nicht stimmten, lagen an einer Seite, die ihren Sicherheits-Header von Mal zu Mal unterschiedlich sendet.
Das Admin-Panel
Das Panel bündelt Anfragen aus allen drei Sprachversionen, Pipeline, Kalender und Traffic, der ohne Cookies gemessen wird. Antworten werden aus dem Panel verschickt, und die Antwort des Kunden landet im selben Thread.
Das Lead-Werkzeug für Deutschland ist eine Anrufliste, kein E-Mail-Werkzeug. Kalte B2B-E-Mails erfordern nach § 7 UWG eine vorherige Einwilligung, während Anrufe bei Unternehmen auf Grundlage einer mutmaßlichen Einwilligung erfolgen dürfen.
Ergebnisse
Die Startseite ging von 11,3 MB auf 1,9 MB, indem 13 Screenshots in gleicher Größe von PNG auf WebP umgestellt wurden, ohne sichtbaren Unterschied.
Der Kontrast wurde automatisch auf allen 28 Seiten und über 7.000 Textfeldern gemessen, ohne ein einziges unter der Anforderung. Alle Seiten wurden mit einem automatischen Barrierefreiheits-Werkzeug in Desktop- und Handybreite fehlerfrei getestet.
Die Sicherheitsregel der Seite dafür, von welchen Domains Inhalte geladen werden dürfen, blockiert jetzt alles andere, nachdem 33 Seiten in allen drei Sprachen im Browser ohne einen einzigen Verstoß geprüft wurden.
Sollen wir reden?
Ich antworte innerhalb von 1–2 Werktagen. Ich bin es, der antwortet, und ich baue die Seite.