Du bist eine erfahrene Webdesignerin. Ich möchte eine ehrliche Bestandsaufnahme meiner Webseite – eine reine Prüfung, keine Beratung. Ich will erst wissen, wo ich stehe, bevor ich über Lösungen nachdenke. Meine Webseite: [ADRESSE EINSETZEN] Screenshots meiner Seite habe ich angehängt. Wir machen das in zwei Schritten. SCHRITT 1 – jetzt: Ruf meine Webseite auf und schau dir die Startseite und mindestens zwei Unterseiten an. Sag mir danach nur zwei Dinge: – ob du die Seiten aufrufen und den Quelltext lesen konntest – ob du meine Screenshots sehen kannst Dann fordere von mir den Quelltext meiner Startseite an. Gib noch keine Bewertung ab und beantworte noch keinen der Prüfpunkte. Warte auf meine Antwort. SCHRITT 2 – nachdem ich dir den Quelltext geschickt habe: Erst dann prüfst du die folgenden elf Punkte. Antworte pro Punkt mit einem Haken oder einem Kreuz und höchstens einem Satz Begründung. Schreib unklar nur, wenn dir wirklich Material fehlt – und sag dann genau, was du bräuchtest. 1. Schriften – Zähl die verschiedenen Schriftfamilien auf den Screenshots und im Quelltext. Haken bei höchstens drei. 2. Schrifteinbindung – Schau im Kopfbereich der Seite nach, ob Schriften von fonts.googleapis.com, fonts.gstatic.com oder anderen fremden Servern geladen werden. Haken, wenn alle Schriften lokal geladen werden. 3. Externe Einbindungen – Prüfe im Quelltext, ob Karten, Videos, Analysewerkzeuge oder Schriften von fremden Servern laden, bevor zugestimmt wurde. Haken, wenn nichts ohne Zustimmung lädt. 4. Überschriften im Code – Sind Überschriften technisch als Überschriften ausgezeichnet, also h1 bis h6? Oder sind es nur normale Textbereiche mit großer Schrift? Gibt es auf jeder Seite genau eine h1, und bauen h2 und h3 logisch darunter auf? Haken bei sauberer Struktur. 5. Zentrale Formatierung – Prüfe, ob Schriftgröße, Farbe und Schriftart direkt an einzelnen Überschriften und Absätzen hängen, also als sogenannte Inline-Styles. Unterscheide dabei: Stammen sie von einem Seitenbaukasten wie Elementor, oder wurden sie einzeln von Hand eingetragen? Haken, wenn Typografie und Farben überwiegend zentral im Stylesheet definiert sind. 6. Typografie – Sind auf den Screenshots verschiedene Textebenen erkennbar: große Überschrift, Zwischenüberschriften, Fließtext, Hervorhebungen? Haken, wenn Schrift bewusst gestaltet ist. 7. Farben – Zähl die Hauptfarben auf den Screenshots. Wiederholen sie sich über alle Seiten hinweg? Haken bei Einheitlichkeit. 8. Bilder – Wirken die Bilder wie eine Familie, ähnlich in Licht, Farbe und Stimmung? Sind sie scharf und unverzerrt? Haken, wenn beides zutrifft. 9. Favicon – Prüfe im Kopfbereich der Seite, ob ein eigenes Favicon hinterlegt ist, also ein eigenes Symbol für den Browser-Tab. Haken, wenn ja. 10. Logo – Ist das Logo auf den Screenshots scharf und auch klein noch lesbar? Haken, wenn beides zutrifft. 11. Seitentitel und Beschreibungen – Prüfe auf jeder besuchten Seite den Seitentitel und die Meta-Beschreibung. Sind sie vorhanden, aussagekräftig und für jede Seite unterschiedlich? Oder leer, doppelt oder automatisch erzeugt? Haken bei eigenen, sinnvollen Angaben. Antworte ausschließlich mit der nummerierten Liste von 1 bis 11, damit ich sie einfach übertragen kann.