Eine attraktive Schulwebsite entwickeln

Eine attraktive Schulwebsite entwickeln

Zielgruppe: Schulleitungen, Steuergruppen und schulische Website-Redaktionen.

Mini-Beschreibung: Untersuche Inhalte, Navigation, Aktualität, Zielgruppenorientierung, Barrierearmut und die Darstellung des Schulprofils.

Eine gute Schulwebsite ist zugleich Informationszentrum, Visitenkarte und Serviceangebot. Für Schulleitungen ist deshalb weniger die technische Detailarbeit entscheidend als eine klare Qualitätssteuerung: Was müssen Menschen finden? Wer hält Inhalte aktuell? Ist die Seite auf Smartphone und mit assistiven Technologien nutzbar? Wird das Profil der Schule erkennbar?

Lernziele

Nach diesem aiMOOC kannst Du eine Schulwebsite anhand weniger strategischer Kriterien prüfen, Prioritäten setzen und einen Verbesserungsprozess organisieren. Du kannst Anforderungen an Webdesign, Usability, Barrierefreiheit, Öffentlichkeitsarbeit und Schulentwicklung miteinander verbinden.

Der Leitungs-Check in sechs Perspektiven

Perspektive	Leitfrage	Gutes Signal
Inhalte	Finden Besucher die wichtigsten Informationen?	Kontakt, Termine, Aufnahme, Angebote und Zuständigkeiten sind klar.
Navigation	Kommen unterschiedliche Zielgruppen schnell ans Ziel?	Wenige verständliche Hauptbereiche, eindeutige Bezeichnungen und Suche.
Aktualität	Ist erkennbar, was noch gilt?	Verantwortliche, Aktualisierungsroutinen und Datumsangaben sind geklärt.
Zielgruppen	Werden Eltern, Lernende, Interessierte und Partner gezielt angesprochen?	Einstiege und Sprache orientieren sich an konkreten Anliegen.
Barrierearmut	Können möglichst viele Menschen die Seite wahrnehmen und bedienen?	Tastaturbedienung, Kontraste, Alternativtexte und klare Struktur werden geprüft.
Schulprofil	Wird deutlich, wofür die Schule steht?	Pädagogische Schwerpunkte, Projekte und Schulkultur sind konkret sichtbar.

Inhalte: weniger, aber relevanter

Die Startseite sollte nicht alles zeigen, sondern zu den wichtigsten Anliegen führen. Prüfe besonders: Kontakt und Anfahrt, aktuelle Hinweise, Termine, Aufnahme/Anmeldung, Ganztag oder Betreuung, Beratung, Schulprofil und zentrale Downloads. Veraltete Informationen schwächen Vertrauen.

Für sensible Informationen gilt: Eine Schulwebsite ist öffentlich. Personenbezogene Daten, Bilder und Dokumente brauchen geeignete Freigaben und klare Zuständigkeiten.

Navigation: aus Sicht der Nutzenden

Eine Navigation ist gut, wenn sie die Sprache der Zielgruppen nutzt. Interne Verwaltungsbegriffe helfen Außenstehenden oft wenig. Sinnvoll sind kurze, eindeutige Bezeichnungen und wiederkehrende Wege.

Mini-Test für die Schulleitung: Lass eine Person, die die Website nicht kennt, drei Aufgaben lösen: Sekretariat finden, Anmeldeinformationen finden, Schulprofil finden. Beobachte nur – erkläre nichts.

Zielgruppen: unterschiedliche Anliegen

Eltern suchen oft Termine, Betreuung, Ansprechpartner und Verfahren. Schülerinnen und Schüler brauchen schnelle Zugänge zu Alltag, Beratung und Angeboten. Interessierte Familien wollen Profil, Aufnahme und Atmosphäre verstehen. Kooperationspartner benötigen Kontakt und verlässliche Basisinformationen.

Gestalte deshalb nicht für „alle gleichzeitig“, sondern für typische Anliegen.

Aktualität: Redaktionsprozesse statt Zufall

Aktualität ist eine Organisationsaufgabe. Lege für jeden wichtigen Bereich eine verantwortliche Rolle und einen Prüfzyklus fest. Zeitgebundene Meldungen sollten ein Datum haben und nach Ablauf verschwinden oder archiviert werden.

Inhalt	Sinnvolle Verantwortung	Prüffrage
Termine	Sekretariat oder Kalenderredaktion	Stimmen Datum, Uhrzeit und Ort?
Schulprofil	Schulleitung oder Steuergruppe	Entspricht die Darstellung der aktuellen Schulentwicklung?
Fachbereiche und Projekte	Beauftragte oder Teams	Sind Angebote und Ansprechpersonen noch aktuell?
Downloads	Dokumentverantwortliche	Ist dies wirklich die aktuelle Version?

Barrierearmut und Barrierefreiheit

Die WCAG 2.2 strukturieren Barrierefreiheit nach vier Prinzipien: Inhalte sollen wahrnehmbar, bedienbar, verständlich und robust sein. Für die Schulpraxis sind unter anderem diese Punkte wichtig: ausreichende Kontraste, Tastaturbedienung, sinnvolle Überschriften, Alternativtexte für informative Bilder, verständliche Linktexte sowie Untertitel oder Textalternativen für relevante Medien.

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

Für öffentliche Schulen in Deutschland hängen die konkreten rechtlichen Pflichten von Träger und Bundesland ab. Die BITV 2.0 regelt Bundesstellen; Länder haben eigene Umsetzungen. Kläre deshalb zusätzlich die Vorgaben des Schulträgers und des jeweiligen Landes.

Responsive Design: Smartphone zuerst mitdenken

Viele Zugriffe erfolgen über kleine Bildschirme. Eine moderne Schulwebsite sollte deshalb responsiv funktionieren: Navigation, Text, Tabellen, Formulare und Downloads müssen auch mobil gut nutzbar sein.

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

Schulprofil: konkret statt werblich

Das Profil wird glaubwürdig, wenn abstrakte Aussagen durch konkrete Beispiele gestützt werden. Zeige etwa pädagogische Schwerpunkte, besondere Lernangebote, Kooperationen, Projekte, Räume, Beteiligungsmöglichkeiten und Ergebnisse der Schulentwicklung. Bilder können Atmosphäre vermitteln, ersetzen aber keine klare Aussage.

Eine gute Leitfrage lautet: Was sollen neue Familien nach zwei Minuten über unsere Schule verstanden haben?

Ein kompakter Website-Audit für Schulleitungen

Bewerte nicht zuerst Farben oder Effekte. Prüfe zuerst Wirkung und Nutzbarkeit.

Prüffeld	Grün	Gelb	Rot
Inhalte	Kerninformationen vollständig	einzelne Lücken	wichtige Informationen fehlen
Navigation	typische Aufgaben schnell lösbar	Umwege nötig	Orientierung häufig unklar
Aktualität	klare Verantwortung und Pflege	uneinheitliche Pflege	viele veraltete Inhalte
Zielgruppen	Anliegen klar adressiert	teilweise adressiert	rein interne Sicht
Barrierearmut	zentrale Kriterien geprüft	Prüfung unvollständig	offensichtliche Barrieren
Schulprofil	konkret und unterscheidbar	eher allgemein	kaum erkennbar

Leitungsentscheidung: Wähle nach dem Audit höchstens drei prioritäre Verbesserungsfelder und benenne jeweils Verantwortung, nächsten Schritt und Termin.

90-Tage-Plan

Phase	Fokus	Ergebnis
Analyse	Inhalte, Zielgruppen, Navigation und Barrieren prüfen	kurze Mängel- und Prioritätenliste
Ordnung	Seitenstruktur und Verantwortlichkeiten klären	verständliche Informationsarchitektur
Umsetzung	Inhalte überarbeiten, mobile Nutzung und Barrierearmut testen	verbesserte Kernseiten
Verstetigung	Redaktionskalender und Qualitätscheck etablieren	dauerhafte Pflege statt einmaligem Relaunch

Quellen und Praxishilfen

1. W3C: WCAG 2 Overview
2. W3C: Web Content Accessibility Guidelines 2.2
3. BITV 2.0
4. Bundesfachstelle Barrierefreiheit
5. Webdesign
6. Barrierefreies Internet
7. Informationsarchitektur
8. Usability

Interaktive Aufgaben

Quiz: Teste Dein Wissen

Womit sollte eine Schulleitung die Website-Prüfung beginnen? (Mit Inhalten, Nutzbarkeit und Zielgruppen) (!Mit einer neuen Hintergrundfarbe) (!Mit möglichst vielen Animationen) (!Mit der Zahl der Unterseiten)

Was ist ein gutes Zeichen für aktuelle Inhalte? (Klare Verantwortlichkeiten und Prüfroutinen) (!Möglichst viele alte Meldungen auf der Startseite) (!Fehlende Datumsangaben) (!Ungeklärte Zuständigkeiten)

Was verbessert die Navigation besonders? (Begriffe aus Sicht der Nutzenden) (!Interne Abkürzungen der Verwaltung) (!Möglichst tiefe Menüstrukturen) (!Unterschiedliche Namen für dieselbe Funktion)

Welche Zielgruppe kann eine Schulwebsite typischerweise ansprechen? (Interessierte Familien) (!Nur die Webagentur) (!Nur Suchmaschinen) (!Nur ehemalige Lehrkräfte)

Was gehört zu barriereärmerer Gestaltung? (Ausreichende Kontraste und Tastaturbedienung) (!Information nur über Farbe) (!Bilder ohne Alternativtexte) (!Navigation nur mit der Maus)

Wofür steht responsives Webdesign? (Anpassung an unterschiedliche Bildschirmgrößen) (!Automatische Übersetzung aller Inhalte) (!Täglicher Austausch aller Bilder) (!Ausschließliche Nutzung am Desktop)

Wie wird ein Schulprofil besonders glaubwürdig? (Durch konkrete Beispiele und Schwerpunkte) (!Durch allgemeine Werbesätze ohne Belege) (!Durch möglichst viele Fachbegriffe) (!Durch Verzicht auf pädagogische Aussagen)

Was ist ein sinnvoller Usability-Test? (Eine unbekannte Person typische Aufgaben lösen lassen) (!Nur die Schulleitung klicken lassen) (!Nur die Startseite ausdrucken) (!Nur die Schriftart bewerten)

Was sollte mit veralteten zeitgebundenen Meldungen geschehen? (Sie sollten entfernt oder archiviert werden) (!Sie sollten dauerhaft oben bleiben) (!Ihr Datum sollte gelöscht werden) (!Sie sollten vervielfacht werden)

Was ist nach einem Website-Audit für die Leitung besonders sinnvoll? (Wenige prioritäre Maßnahmen mit Verantwortung und Termin) (!Alle Probleme gleichzeitig bearbeiten) (!Nur das Logo austauschen) (!Auf Zuständigkeiten verzichten)

Memory

Startseite	zentrale Einstiegsseite
Navigation	Orientierung im Angebot
Aktualität	verlässlicher Informationsstand
Zielgruppe	Menschen mit ähnlichen Anliegen
Alternativtext	textliche Bildbeschreibung
Responsive Design	Anpassung an Bildschirmgrößen
Schulprofil	erkennbare pädagogische Identität

Drag and Drop

Ordne die richtigen Begriffe zu.	Thema
Kerninformationen vollständig und verständlich	Inhalte
Typische Wege schnell auffindbar	Navigation
Verantwortung und Pflegezyklus geklärt	Aktualität
Anliegen verschiedener Gruppen berücksichtigt	Zielgruppenorientierung
Tastatur, Kontraste und Alternativtexte geprüft	Barrierearmut
Pädagogische Besonderheiten konkret sichtbar	Schulprofil

Kreuzworträtsel

Navigation	Wie heißt die Struktur, die Besucher durch eine Website führt?
Aktualität	Welcher Qualitätsaspekt zeigt, ob Informationen noch gelten?
Kontrast	Was hilft dabei, Text und Hintergrund deutlich zu unterscheiden?
Zielgruppe	Wie nennt man Menschen mit ähnlichen Informationsbedürfnissen?
Schulprofil	Welcher Begriff bezeichnet die erkennbare pädagogische Identität einer Schule?
Tastatur	Womit sollte eine Website neben der Maus vollständig bedienbar sein?

Lückentext

Vervollständige den Text.

Eine Schulwebsite sollte ihre ausgehend von typischen Anliegen ansprechen. Eine verständliche hilft Besucherinnen und Besuchern, Informationen schnell zu finden. Für zeitgebundene Inhalte ist die ein zentrales Qualitätsmerkmal. Informative Bilder benötigen passende . Ausreichender verbessert die Wahrnehmbarkeit von Texten. Eine mobile Darstellung wird durch unterstützt. Das macht pädagogische Schwerpunkte sichtbar. Dauerhafte Qualität braucht eine klare für Pflege und Prüfung.

Offene Aufgaben

Leicht

1. Startseiten-Check: Prüfe Eure Startseite fünf Minuten lang und notiere drei Informationen, die sofort sichtbar sein sollten.
2. Zielgruppen-Matrix: Sammle für Eltern, Lernende, Interessierte und Partner jeweils zwei typische Anliegen.
3. Aktualitätsprüfung: Finde fünf zeitabhängige Inhalte und kennzeichne, wer sie künftig prüft.
4. Profil-Satz: Formuliere in maximal zwei Sätzen, wofür Eure Schule erkennbar stehen soll.

Standard

1. Navigationstest: Lass zwei Personen drei typische Aufgaben auf der Website lösen und dokumentiere ihre Wege.
2. Mobiltest: Prüfe fünf Kernseiten auf Smartphone und Desktop und halte Unterschiede fest.
3. Barrierearmut-Check: Untersuche Kontraste, Tastaturbedienung, Überschriften und Alternativtexte auf ausgewählten Seiten.
4. Redaktionsplan: Erstelle eine Tabelle mit Bereich, verantwortlicher Rolle, Prüfintervall und Vertretung.

Schwer

1. Usability-Test: Plane einen kurzen Test mit Personen aus mindestens drei Zielgruppen und leite konkrete Verbesserungen ab.
2. Relaunch-Roadmap: Entwickle einen 90-Tage-Plan mit Prioritäten, Zuständigkeiten, Aufwand und Entscheidungspunkten.
3. Website-Governance: Formuliere Regeln für Veröffentlichung, Aktualisierung, Freigaben, Bildrechte und Qualitätskontrolle.
4. Startseiten-Prototyp: Entwirf einen neuen Startseitenaufbau und begründe jede sichtbare Information aus Sicht einer Zielgruppe.

Lernkontrolle

1. Fallanalyse Schulhomepage: Eine Startseite zeigt viele Projekte, aber keine Kontakt- oder Anmeldeinformation. Analysiere die Folgen für verschiedene Zielgruppen und schlage eine neue Priorisierung vor.
2. Navigationskonflikt: Ein Kollegium möchte Menüpunkte nach internen Zuständigkeiten ordnen. Entwickle eine Alternative aus Sicht externer Nutzender und begründe sie.
3. Redaktionsproblem: Mehrere Bereiche sind veraltet, weil niemand zuständig ist. Entwirf ein kleines Governance-Modell mit Rollen und Prüfzyklen.
4. Barrierefreiheits-Transfer: Übertrage die vier WCAG-Prinzipien auf eine typische Schulhomepage und nenne je ein konkretes Prüfbeispiel.
5. Profilanalyse: Vergleiche eine allgemeine Aussage wie „Wir fördern jedes Kind“ mit einer konkreten Darstellung des Schulprofils. Zeige, welche Belege die Aussage glaubwürdiger machen.
6. Priorisierungsentscheidung: Du hast zehn festgestellte Mängel, aber nur begrenzte Ressourcen. Entwickle transparente Kriterien, mit denen die Schulleitung drei Maßnahmen zuerst auswählt.

Lernnachweis

Für einen Lernnachweis solltest Du zeigen, dass Du

1. eine Schulwebsite strukturiert anhand der sechs Prüfperspektiven analysieren kannst,
2. typische Bedürfnisse mehrerer Zielgruppen erkennst,
3. konkrete Verbesserungen für Navigation, Aktualität und Barrierearmut begründen kannst,
4. das Schulprofil in überprüfbare Inhalte übersetzen kannst,
5. Verantwortlichkeiten und Pflegeprozesse für dauerhafte Qualität planst,
6. aus Befunden priorisierte Maßnahmen mit Terminen ableitest.

Verknüpfte Lernbereiche

Schulwebsite Webdesign Usability Barrierefreiheit Informationsarchitektur Öffentlichkeitsarbeit Schulentwicklung Medienbildung