Checkliste

Allgemeine Seiteneinstellungen

• Sinnvolle Seitentitel vergeben (nicht nur „Neue Seite“)
• Seitenpfad (URL-Segment) überprüfen – Einheitliche und sprechende URLs verwenden
• Seite im richtigen Navigationsbereich anlegen (nicht versehentlich als Unterseite einer falschen Seite)
• Seite aktivieren – Falls sie standardmäßig „deaktiviert“ ist
• Abstand danach setzen – Damit nachfolgende Seiten nicht aneinanderkleben

Inhalte & Layout

• Einheitliche Absätze & Formatierungen nutzen (kein Wildwuchs bei Schriftgrößen & Farben)
• „Abstand danach“ bei Inhaltselementen prüfen, um unerwünschte Lücken oder zu dichten Inhalt zu vermeiden
• Korrekte Containerstruktur nutzen – Falls Mehrspalten-Layouts oder flexible Grids verwendet werden
• Slider-Bilder alle in gleicher Größe hochladen, um ein sauberes Design zu gewährleisten
• Kein unnötiger Leertext („Lorem Ipsum“) in Live-Inhalten

Die angebotenen Formatierungsmöglichkeiten sollten nicht missbräuchlich eingesetzt werden. Hier eine Checkliste, die bei der Formatierung von Texten zu beachten sind:

• Überschriften niemals ganz in Versalien (Großbuchstaben) schreiben 
  Stattdessen die normale Groß-/Kleinschreibung verwenden. 
  ⇒ Nicht so: ÜBERSCHRIFT (falsch), sondern so: Überschrift (richtig)
• Überschriften nicht mit Doppelpunkt enden lassen
  Gelegentlich trifft man auf Überschriften wie „Kontakt:” – hier ist jedoch kein Doppelpunkt sinnvoll, da es eine Überschrift ist. (Sinnvoll wäre der Doppelpunkt nur, wenn es in derselben Textzeile steht, z.B. „Kontakt: Vorname Nachname”.)
• Leerzeilen vermeiden
  Ziehen Sie Textabsätze innerhalb eines Inhaltselements nicht optisch auseinander, indem Sie dazwischen Leerzeilen einfügen. In aller Regel wirken diese Leerzeilen ungewollt, erzeugen unerwartete Leerräume und ergeben dadurch ein eher unausgewogenes Erscheinungsbild.
  Vergrößerte Abstände sind nur zwischen unterschiedlichen Inhaltsabschnitten sinnvoll, d.h. also zwischen zwei Inhaltselementen. Bei Bedarf können Sie den Abstand eines Inhaltselements nach oben oder unten einstellen. Bitte verzichten Sie jedoch auf manuell eingefügte Leerzeilen!
• Gehäufte Leerzeichen vermeiden
  Durch mehrmaliges Tippen der Leertaste kann der Abstand zwischen Worten vergrößert werden. Es werden dabei allerdings sogenannte feste Leerzeichen eingefügt, die den automatischen Textumbruch beeinträchtigen. Auf kleinen Bildschirmen (z.B. Smartphone) kann die bezweckte Einrückung dadurch auch zu einem unbeabsichtigten, chaotisch wirkenden Erscheinungsbild führen. Bleiben Sie daher lieber beim normalen Textfluss, und verwenden Sie bitte keine gehäuften Leerzeichen!
• Wortungetüme (lange Worte) trennbar machen
  Lange Worte machen überall dort Probleme, wo wenig Platz ist, z.B. auf Smartphones. Es ist dann sinnvoll, Sollbruchstellen in diese Worte einzufügen, um bei Bedarf eine Art Silbentrennung zu ermöglichen.
• Überschriften nicht verlinken
  Es ist die Aufgabe von Überschriften, den nachfolgenden Inhalt einzuleiten - und nicht von diesem weg zu verweisen. Daher sollten Überschriften grundsätzlich nicht verlinkt werden. Wenn ein weiterführender Link erzeugt werden soll, kann dieser stattdessen am Ende des der Überschrift folgenden Textes ergänzt werden.

Bilder & Medien

• Bilder immer mit korrektem Crop-Faktor versehen – besonders für responsive Darstellungen
• Alt-Texte für Bilder setzen – Wichtige SEO- und Barrierefreiheitsanforderung
• In News-Artikeln Bilder nur für die Listenansicht einfügen – Keine riesigen Bilder in der Detailansicht
• Video-Dateien nur über Youtube einbinden
• Dateinamen verständlich wählen – Keine kryptischen Namen wie „IMG1234.jpg“, sondern „teamfoto-2024.jpg“

Verlinkungen & Navigation

• Interne Links bevorzugen – TYPO3 aktualisiert diese automatisch, wenn sich URLs ändern
• Externe Links immer mit „Neues Fenster“ (target="_blank") öffnen, falls sie von der Website wegführen
• Keine „Hier klicken“-Links! Stattdessen aussagekräftige Linktexte nutzen („Mehr über den Studiengang erfahren“)
• Falls Tabs oder Akkordeons genutzt werden, darauf achten, dass die Inhalte auch ohne diese Funktionen sinnvoll lesbar sind

SEO & Metadaten

• Meta-Titel und Meta-Beschreibung ausfüllen – Diese erscheinen in Suchmaschinen
• Sinnvolle H1-Überschrift setzen – Es sollte immer eine geben, aber nur eine!
• Keine doppelten H1-Tags – Nur eine Hauptüberschrift, danach H2, H3 usw.
• Bilder in komprimiertem Format hochladen, um die Ladezeit zu optimieren

Barrierefreiheit & Nutzerfreundlichkeit

• Überschriften-Hierarchie beachten – Keine Sprünge von H1 zu H3 ohne H2
• Alternativtexte für Bilder einfügen – Wichtig für Screenreader und SEO
• Genügend Kontrast bei Text und Hintergrund sicherstellen
• Texte in einfacher und verständlicher Sprache formulieren

Veröffentlichung & Kontrolle

• Seite im Vorschau-Modus testen – Prüfen, ob das Layout richtig dargestellt wird
• Responsives Design überprüfen – Seite auf Mobilgeräten und Tablets testen
• Seite für Suchmaschinen sichtbar machen (falls nicht gewollt: noindex setzen)
• Link-Validierung ausführen – Keine fehlerhaften oder toten Links hinterlassen

Häufige Fehler & Stolperfallen

Seitenstruktur nicht durchdacht → Unlogische Navigation erschwert das Finden von Inhalten
Zu große Bilddateien hochladen → Verlangsamt die Ladezeit erheblich
Kein Abstand danach gesetzt → Inhaltselemente „kleben“ zusammen
Doppelte H1-Überschriften verwenden → SEO-Fehler
Seite versehentlich auf „deaktiviert“ gelassen → Sie wird nicht angezeigt

News (EXT:news) richtig einrichten

Sprechende Titel verwenden – Kein „Neue News“, sondern präzise Titel
Datum korrekt setzen – Veröffentlichungsdatum prüfen, besonders bei geplanten News
Kategorie zuweisen, falls Kategorien genutzt werden
Teasertext ausfüllen – Wichtig für die Listenansicht
Bilder sinnvoll platzieren

• Listenansicht: Bild im News-Datensatz hinterlegen
• Detailansicht: Falls nicht gewünscht, kein Bild in der Detailansicht hinterlegen
  Tags hinzufügen, falls für die Filterung verwendet
  Verlinkungen prüfen – Interne und externe Links korrekt setzen
  SEO-Einstellungen setzen
• Meta-Titel und -Beschreibung ausfüllen
• Sprechende URL-Segmente verwenden (www.domain.de/news/titel-der-news)
  News in der richtigen SysOrdner-Struktur speichern – Keine chaotische Ablage
  Falls eine automatische Archivierung aktiv ist: Archivierungsdatum setzen
  News-Übersicht und Detailseite testen – Mobil & Desktop prüfen

Powermail-Formulare richtig einrichten (EXT:powermail)

• Formularfelder korrekt benennen – Keine technischen Begriffe, sondern verständliche Labels
• Pflichtfelder definieren – Sicherstellen, dass notwendige Eingaben nicht fehlen
• Feldvalidierung aktivieren – Besonders für E-Mail-Adressen oder Telefonnummern
• DSGVO-Hinweis einfügen – „Ich habe die Datenschutzbestimmungen gelesen und akzeptiert“
• Bestätigungsseite oder Danke-Seite anlegen
• E-Mail-Versand prüfen – Testen, ob E-Mails korrekt ankommen
• Absender-Adresse richtig setzen – Vermeidung von Spam-Markierung
• Falls das Formular gespeichert wird: Sicherstellen, dass die Daten im Backend abrufbar sind
• Spam-Schutz aktivieren – Honeypot oder reCAPTCHA nutzen
• Opt-in aktivieren, falls ein Newsletter oder eine Anmeldung bestätigt werden muss
• Formular testen – Mobil & Desktop prüfen

Häufige Fehler bei News & Powermail

News-Beiträge ohne Kategorie oder ohne Bild → Führt zu unvollständiger Darstellung
Formulare ohne DSGVO-Hinweis → Rechtliches Risiko
E-Mail-Benachrichtigung nicht konfiguriert → Formular wird abgesendet, aber niemand erfährt davon
Kein Spam-Schutz in Powermail → Erhöhte Spam-Gefahr
Formular führt nicht zu einer Danke-Seite → Nutzer wissen nicht, ob die Anfrage erfolgreich war