Unsere Website wird auf unterschiedlichen Endgeräten genutzt (Desktop, Tablet, Smartphone). Das Layout passt sich automatisch an die jeweilige Bildschirmgröße an. Damit Inhalte überall gut lesbar bleiben, ist bei der Pflege auf eine mobile-optimierte Darstellung zu achten.
Worauf Sie als Redakteur*in achten sollten:
- Kurze Absätze und klare Zwischenüberschriften nutzen
- Aufzählungen statt langer Textblöcke
- Bilder nur in sinnvoller Größe einbinden
- Tabellen sparsam verwenden (auf Mobilgeräten oft schwer lesbar)
- Links mit Klartext statt "hier klicken"
Best Practices:
✅ Gut: „Zur Studienberatung“ (aussagekräftiger Link) ❌ Schlecht: „Hier klicken“
✅ Gut: Kurze Absätze mit Zwischenüberschriften ❌ Schlecht: langer Fließtext ohne Struktur
✅ Gut: Bild mit beschreibendem Alt-Text ❌ Schlecht: Bild ohne Kontext oder zu große Datei
Tipp: Nutzen Sie vor dem
Veröffentlichen die Vorschau oder testen Sie die Seite kurz am Smartphone. Sehr
viele Nutzer*innen greifen mobil auf die Inhalte zu.
Häufige Fragen und typische Darstellungsprobleme
„Meine Seite ist zu voll / zu leer“
Je nach Gerät und Auflösung werden Inhalte unterschiedlich dargestellt. Was auf einem großen Monitor ausgewogen wirkt, kann auf einem Smartphone plötzlich gedrückt oder überladen erscheinen – oder umgekehrt „leer“. Das ist ein normales Verhalten responsiver Websites.
Wichtig ist: Responsive Design sorgt nicht dafür, dass eine Seite auf jedem Gerät gleich schön aussieht – sondern dafür, dass sie auf allen Geräten bedienbar und verständlich bleibt.
Tipp: Ziehen Sie Ihr Browserfenster testweise größer oder kleiner, um die Darstellung zu simulieren. Prüfen Sie zusätzlich mobil über die Vorschaufunktion oder auf dem Smartphone.
„Meine Seite gefällt mir nicht“
Es kann passieren, dass Inhalte zwar vollständig sind, aber in keiner Auflösung „rund“ wirken. Oft hilft es, die Struktur zu überdenken:
- Müssen wirklich alle Inhalte auf einer einzigen Seite stehen?
- Lassen sich Inhalte gliedern oder in mehrere Unterseiten auslagern?
- Gibt es ein geeignetes Inhaltselement (z. B. Akkordeon/FAQ) für bessere Übersicht?
Zur Inspiration lohnt auch ein Blick auf andere Seiten innerhalb des Webauftritts. Bei Bedarf unterstützt die Webredaktion gerne persönlich.
„Wörter werden ungünstig getrennt“
Bei kleinen Displays wird die Zeilenbreite reduziert, wodurch automatische Silbentrennungen häufiger nötig werden. Wenn Begriffe orthografisch falsch getrennt werden oder das Verständnis stören, können diese im Glossar hinterlegt werden.
Das Glossar erlaubt das Festlegen von sinnvollen Trennstellen. Viele Auftritte nutzen den zentralen Speicher, einige verfügen zusätzlich über eigene.
- Zentrale Begriffe → zentral einpflegen lassen (damit alle profitieren)
- Spezifische Begriffe → im eigenen Speicher pflegen (falls vorhanden)
Wenn kein eigener Speicher vorhanden ist, können Sie die Begriffe an das ZE.IT Support-Team senden. Diese prüfen die Einträge und ergänzen sie entsprechend. [Ist das bei uns das Glossar oder ein Wortsetzungsspeicher? Soll das über Tickets kommuniziert werden?]