Checkliste

Verortung: Struktur

Eintragen des Einrichtungsnamen, der unterhalb des TU-Logos und im Browser-Tab angezeigt werden soll – Auswahl über den Bereich Struktur auf oberster Ebene www.xx.tu-darmstadt.de > Metadaten > Webauftritt > Einrichtung, entweder aus Datenquellen (Kontakte > Einrichtungen) oder manuell.

Metadaten – Eingaben

Verortung: Struktur

Wählen Sie eine Auftrittsfarbe für den Webauftritt aus – Auswahl über den Bereich Struktur auf oberster Ebene www.xx.tu-darmstadt.de > Metadaten > Webauftritt > Theme.

Metadaten – Eingaben
Farbpalette des TU Designs

Verortung: Medien

Ist die Auflösung der Bilder, die Sie in Ihrem Webauftritt verwenden ausreichend? Falls nicht, tauschen Sie die entsprechenden Bilder bitte aus.
Medium mit neuer Version austauschen
Dabei die Hinweise zur Größe beachten: Medien in FirstSpirit hochladen

Sind die Copyright-Informationen (Name des/der Fotografen:in, Bildrechte) bei den einzelnen Bildern, die Sie in Ihrem Webauftritt verwenden, eingetragen?
Eintragen der Informationen über das Bild (Bereich Medien) > Metadaten > Bildrechte/Copyright. Hierfür ist es ggf. erforderlich Metadaten zuerst neu zu setzen.
Metadaten – Überblick und Verwendung
Metadaten – Eingaben

Verortung: Medien

Sollten Sie in Ihrem Webauftritt ein Sublogo verwenden, so prüfen Sie bitte, ob das Sublogo, das im Bereich Medien hierfür hochgeladen wurde, die erforderliche Auflösung und das Seitenverhältnis erfüllt. Falls nicht, so passen Sie das Sublogo den entsprechenden Voraussetzungen bitte an.

Sublogo

Verortung: Inhalte/Struktur

Soll Ihr Webauftritt nur einsprachig (Deutsch oder Englisch) oder zweisprachig (Deutsch und Englisch) angeboten werden?

Einsprachiger Auftritt: Bitte sorgen Sie dafür, dass die Inhalte auf Seiten (Bereich Inhalte) sich in dem entsprechenden Sprachreiter befinden (also deutsche Inhalte im deutschen und nicht im englischen Sprachreiter) und der oberste Sprachreiter der Sprache, die Sie nicht verwenden, auf der jeweiligen Inhaltsseite deaktiviert ist. Einzelne Absätze brauchen Sie hierbei nicht zu beachten.
Tipps für einen englischsprachigen Webauftritt

Zweisprachiger Auftritt: Bitte sorgen Sie dafür, dass bei übersetzten Seiten beide Sprachreiter (Deutsch und Englisch) auf jeder Inhaltsseite aktiviert sind. Achten Sie auch bitte darauf, dass die Menünamen in der Struktur übersetzt vorliegen.
Tipps: Webauftritt übersetzen

Verortung: Inhalte

Bitte füllen Sie das Impressum über die bereits vorliegende Inhaltsseite Impressum aus.
Absatzvorlage: Impressum

Hinweis: Dieses ist bereits in die Struktur und mit dem Link im Footer der Webseite verknüpft. Sie müssen hier nichts weiter einstellen.

Verortung: Struktur

Sollten Sie eigene Social-Media-Kanäle betreiben und diese im Footer des Webauftritts anzeigen lassen wollen, so lassen sich diese über den Bereich Struktur auf oberster Ebene www.xx.tu-darmstadt.de > Metadaten > Webauftritt > Footer eintragen.

Metadaten – Eingaben

Da die Referenznamen der Menüebenen (Ordner) sich unmittelbar auf die URL (Adresse) einer Webseite auswirken, ist es wichtig, dass diese bereits beim Anlegen zweckdienlich gewählt werden, d. h. verwenden Sie bitte klare Begriffe und vermeiden Sie Referenznamen mit Indexnummern (z. B. studium_5). Statt Indexnummern empfehlen wir Kürzel, beispielsweise des Fachgebiets, zu verwenden (z. B. studium_naw).
Hinweis: Diese Indexnummern können auch automatisch durch sogenannte Hochzählung entstehen. Wenn ein Name bei Anlage bereits vergeben ist, zählt FirstSpirit automatisch hoch, um dennoch den gewünschten Namen zu realisieren.

Referenznamen von Menüordnern können noch vor der Onlineschaltung bzw. Freigabe geändert werden, spätere Änderungen sind problematisch und sollten daher vermieden werden.

Neue Menüebene anlegen
Referenznamen
Referenznamen ändern (auch Hinweise zu nachträglichen Anpassungen)

Verwenden Sie klare, prägnante und kurze Namen zur Benennung von Menüs: Die nutzende Person soll direkt verstehen, welche Inhalte auf der Seite zu finden sind. Vermeiden Sie bitte zudem lange Menünamen, die sich in der Menüdarstellung über mehrere Zeilen erstrecken. Bei Bedarf haben Sie immer die Möglichkeit, die Seitenüberschrift in der Bühne umfangreicher als den Menünamen zu gestalten.

Hinweise zu Namen: Neue Menüebene anlegen

Die Anzahl der dargestellten Hauptmenüpunkte ist auf vier begrenzt – sollten in ihrem Auftritt mehr als vier Hauptmenüpunkte existieren, werden alle weiteren ausgeblendet (abhängig von der Menüreihenfolge).

Navigation auf den Webseiten

Eine schlanke Menüführung begünstigt eine gute Benutzbarkeit. Prüfen Sie kritisch, ob das Menü und die damit verknüpften Seiten wirklich für den Auftritt notwendig sind – lassen sich zwei oder mehrere Menüs/Seiten eventuell in ein Menü zusammenführen?

Beachten Sie auch, dass die Anlage einer Menüebene „Übersicht“ nicht notwendig ist, da dies automatisch für die Startseite einer Ebene erzeugt wird, sobald es parallel eine oder mehr Menüebenen darin gibt.

Best Practice Beispiele

Vermeiden Sie für jede Seite (zum Beispiel bei Forschungsprojekten oder Lehrveranstaltungen) ein eigenes Untermenü. Es kann hier sinnvoller sein, die einzelnen Seiten nur als jeweilige Seitenreferenz in dem übergeordneten Menü unterzubringen und über eine Übersichtsseite in dem Menü diese aufzuführen und zu verlinken.

Vermeiden Sie für sämtliche Mitarbeitenden ein eigenes Untermenü mit eigener (Detail-)Seite anzulegen. Eine zentrale Kontaktlistenseite, über die die Detailseiten der einzelnen Personen direkt aufrufbar sind, ist häufig der bessere Weg. Hier empfiehlt es sich zudem, automatisch generierte Detailseiten zu verwenden, die über den Kontaktdatensatz der Person inhaltlich bereitgestellt werden (vgl. D. Kontaktangaben ).

Das Design-Konzept sieht die Verortung der Startseite als Seitenreferenz direkt in der www-Ebene (also unter www.xx.tu-darmstadt.de) innerhalb der Struktur Ihres Auftritts vor.
Hierfür gibt es mehrere automatisch greifende Funktionen, die eine Navigation zur Startseite erlauben:

• Desktop-Variante: Link unterhalb der Athene mit Ihrem Einrichtungsnamen und beim Scrollen der Seite oben rechts über das Home-Symbol.
• In der mobilen Ansicht direkt das Home-Symbol im Hamburger-Menü.
• Außerdem über den Brotkrumenpfad auf Verteiler- und Standardseiten.

Das Design erfordert daher keine Anlage der Startseite des Auftritts in einer Menüebene.

Sollte es dennoch Ihr ausdrücklicher Wunsch sein, die Startseite über das Menü erreichbar zu machen, empfehlen wir dies als Startseite („Übersicht“) direkt in der ersten Menüebene (bspw. „Fachgebiet XY“) zu platzieren.

Prüfen Sie, ob die Übersichtsseite (Startseite innerhalb einer Haupt- oder Untermenüstruktur) einen inhaltlichen Mehrwert für die nutzende Person hat (vgl. C. Seitengestaltung ). Falls dies nicht der Fall ist, so verzichten Sie lieber auf diese Übersichtsseite.

Vermeiden Sie unbedingt, dass eine einzelne Seite mehrfach in der Menünavigation verknüpft ist. Eine Seite hat immer nur eine Menüheimat, kann aber beliebig oft innerhalb der Webauftritts von Seiten aus verlinkt werden (Stichwort „Content-Navigation“).

Vermeiden Sie zudem, dass Menüs auf externe Seiten verlinken und die nutzende Person somit aus Ihrem Webauftritt in einen anderen Webauftritt hinausführen.
Ein Link zu einer externen Seite gehört immer auf eine Webseite – als Link oder als Teaser – aber nicht in einen Menüpunkt!

Im Hinblick auf das heutige mobile Surfverhalten (verstärktes Scrollen auf mobilen Geräten) prüfen Sie, ob die einzelne Seite inhaltlich wirklich notwendig ist. Lässt sich die Seite eventuell zweckdienlich in eine andere Seite integrieren, lassen sich mehrere kurze Seiten vielleicht in einer Seite zusammenführen? Durch Absatzfunktionen wie Akkordeon (eingeklappter Absatz) und Absatzelemente, wie Absatzgruppen, lassen sich Inhalte gut auf einer einzelnen Webseite verdichten.

Absatzgruppe

Prüfen Sie, ob Sie den passenden Seitentyp im Hinblick auf die inhaltliche Funktion der Seite in Ihrem Webauftritt verwenden. Im Design stehen Ihnen für die Erstellung von Webseiten die drei Seitenvorlagen Startseite , Verteilerseite und Standardseite zu Verfügung. Bitte verwenden Sie den Seitentyp Startseite nur einmal in Ihrem Webauftritt.

Jede Webseite weist folgende Bühnenelemente auf (vgl. Erläuterungen zu den einzelnen Seitentypen), die bitte korrekt auszufüllen sind.
Beachten Sie bitte, dass manche der Elemente, abhängig vom gewählten Seitentyp, ein Pflichtfeld sind und somit zu befüllen sind, bevor die Freigabe möglich ist.

• Bühnenbild
  Sofern möglich, sollten Sie für jede Seite ein optisch passendes und ansprechendes Bühnenbild verwenden. Bitte vermeiden Sie es, ein identisches Bühnenbild für alle Seiten Ihres Auftritts zu nutzen. Sollten Sie kein Bühnenbild verwenden wollen, so wird stattdessen eine graue Fläche dargestellt (nur bei Standardseite möglich).
• Seitenüberschrift
  Die Seitenüberschrift ist die Hauptüberschrift einer Seite. Sie ist sowohl für Nutzende als auch für Suchmaschinen ein wichtiges Element und ist daher unbedingt auszufüllen. Die verwendete Überschrift sollte nur einmal auf einer Webseite vorkommen. Verwenden Sie den Seitentyp Startseite mit einem oder mehreren Bildern (Slider), so achten Sie bitte darauf, dass auf den Bildern die Seitenüberschriften eingetragen sind.
• Leadtext
  Der Leadtext wird am Anfang einer Seite platziert und hebt sich optisch leicht von den restlichen Texten auf der Webseite ab. Hier wird kurz und prägnant der Inhalt einer Seite zusammengefasst oder eine kurze Ansprache oder Einleitung aufgeführt. Der Leadtext erleichtert Nutzenden die Einordnung der Seite und ist daher auszufüllen. Optional können eine zusätzliche Überschrift sowie ein Link am Ende des Leadtextes gesetzt werden. Bitte achten Sie darauf, dass die Überschrift des Leadtextes und die Seitenüberschrift nicht identisch sind.
• Hinweisbox
  Die Nutzung der Hinweisbox ist optional – mit diesem Element können einzelne Informationen prominent im Bühnenbereich einer Seite hervorgehoben werden. Das können ausgewählte Veranstaltungen oder allgemeine Hinweise (optional unter Angabe eines Zeitfensters) sein. Ein Link zu einer Unterseite kann optional gesetzt werden. Es empfiehlt sich, die Hinweis-Box aktuell zu halten und regelmäßig mit neuen Informationen zu bespielen.
• Seiteninformationen
  In den Seiteninformationen ist der Seitentitel unbedingt auszufüllen. Die weiteren Punkte sind optional zur SEO nutzbar.
  Empfehlung: Der Inhalt des Feldes Seitentitel sollte dem Inhalt der Seitenüberschrift gleichen.

Prüfen Sie allgemein, ob die auf der Webseite dargestellten Informationen für Nutzende bzw. die angedachte Zielgruppe gut strukturiert, erschließbar und optisch ansprechend gestaltet sind – verlieren Sie dabei nie aus den Augen, dass eine Webseite von den Inhalten und ihrer Gestaltung die Bedürfnisse der Nutzenden widerspiegeln soll und nicht die organisatorische Struktur einer Institution. Je nach Seitentyp sollten folgende Punkte hierbei mit berücksichtigt werden:

1. Startseite
   Erfüllt die Startseite die Voraussetzungen für eine gelungene Startseite, werden die zu Verfügung stehenden Absatzelemente zweckdienlich eingesetzt?
   • Seite optisch ansprechend (Bühnenbild/Slider und andere Bildelemente).
   • Neben ersten Informationen (Selbstdarstellung der Institution) ist auch Verteilerfunktion und Navigation zu wichtigen Angebotsseiten des Webauftritts über Teaser gewährleistet.
   • Dynamischer, aktueller Inhalt (News, Veranstaltungen, Hinweisbox) wird angeboten, damit Lesende regelmäßig die Startseite besuchen.
2. Verteilerseite
   Erfüllt die Verteiler-/Überblicksseite die Voraussetzungen für gelungene Verteilerseiten, werden die zu Verfügung stehenden Absatzelemente zweckdienlich eingesetzt?
   • Verteilerfunktion und Navigation zu wichtigen Angebotsseiten über Teaser unter Berücksichtigung der relevanten Zielgruppe(n), die über die Seite angesprochen werden soll, ist gewährleistet.
3. Standardseite
   Standardseite können für unterschiedliche Zwecke eingesetzt werden (Kontaktliste, Newsliste, Anfahrtsbeschreibung, Informationen zu einem Projekt, Online-Formular usw.; auch eine Mischung ist hier möglich). Prüfen Sie, ob die Standardseite den angedachten Einsatzzweck erfüllt und die zu Verfügung stehenden Absatzelemente hierzu zweckdienlich eingesetzt worden sind.
   Sind auch die Marginalienspalte und der Service-Bereich sinnvoll eingesetzt worden?

Weitere Informationen zu den verwendbaren Elementen (bzw. Absatzvorlagen) finden Sie bei deren Erläuterungen in unserer Hilfe .

Prüfen Sie ob die gesetzten Links, sowohl innerhalb des Auftritts als auch auf externe Seiten, funktionieren. Bitte halten Sie beim Setzen von Links folgende Konventionen ein:

• Vermeiden Sie ausgeschriebene Hyperlinks (Adressen) und Links auf „hier“, sondern schreiben Sie aus Gründen der Benutzbarkeit und für die Suchmaschinen-Optimierung immer aus, auf was Sie verlinken.
  Beispiel: Nicht www.chemie.tu-darmstadt.de, sondern „Fachbereich Chemie“.
• Füllen Sie bei Links für die Gewährleistung der Barrierefreiheit bitte das Kommentarfeld aus.

Links im Texteditor anlegen

Nutzen Sie die Funktionen des Texteditors und Darstellungsoptionen um Inhalte strukturiert und mit Verlinkungen darzustellen.

• Überschriftenhierarchie
  Die Größe der Überschrift eines Absatzes lässt sich in den meisten Fällen in den Darstellungsoptionen anpassen.
• Absatzformatierung
  Hiermit haben Sie weitere Möglichkeiten bspw. Überschriften innerhalb eines Absatzes zu nutzen.
• Textformatierung
  Neben einfachen Formatierungen wie fett oder kursiv, lassen sich auch Formatierungen wählen, welche die gewählten Textteile automatisch mit einer Verlinkung ausstatten. Nutzen Sie z. B.:
  • E-Mail-Adresse
  • Telefonnummer
  • FAX-Nummer
• Links
  Diverse Möglichkeiten der Einbettung von Verlinkungen.

Texteditor verwenden

Prüfen Sie, ob die Kontaktangaben der Mitarbeitenden ihrer Institution im Bereich Datenquellen in den jeweiligen Datensätzen richtig eingetragen sind. Insbesondere wenn Sie automatisierte Mitarbeiterlisten einsetzen, ist es wichtig, dass bei einzelnen Personen die entsprechende Einrichtung und gewünschten Gruppen/Untergruppen eingetragen sind.

Sollten Sie manuell angelegte Detailseiten verwenden, so ist es wichtig, dass Sie im jeweiligen Datensatz unter dem Reiter Links > Eigene Detailseite den Datensatz mit der entsprechenden Seitenreferenz aus der Struktur verknüpfen.

Sollten Sie automatisch generierte Detailseiten verwenden, was das Webteam empfiehlt, so können Sie im Reiter Zusätzliche Informationen eines Kontaktdatensatzes die weiteren Inhalte eintragen, die auf der Detailseite der jeweiligen Person angezeigt werden sollen.

Die Einrichtung der notwendigen Vorlagenseite bei automatisch generierten Detailseiten erfolgt durch das Webteam.

Kontakt erstellen (Eingaben wie bspw. Links detailliert erläutert)
Kontaktliste
Kontakt-Detailseite (automatisch generiert)

Verortung: Struktur

Es kann ein Kontaktbutton rechts über der Marginalienspalte angezeigt werden. Mit Klick darauf öffnet sich ein Modal mit den hinterlegten Kontaktdaten.

Die Zuweisung von Kontakten zu diesem Button erfolgt über den Bereich Struktur unter Metadaten > Kontakt.

Hinweis: Beachten Sie bitte insbesondere in diesem Zusammenhang die Vererbung von Metadaten.

Metadaten – Überblick und Verwendung
Metadaten – Eingaben

Kontakt-Detailseite (automatisch generiert)

Bitte berücksichtigen Sie insbesondere bei Angabe des Teasertextes folgende Einschränkungen:

• Links werden nicht als solche im Teaser abgebildet, sondern als normaler Text.
• Der in einer Liste angezeigte Inhalt ist stark reduziert, so dass lange Teaser nicht komplett abgebildet werden.
  • In diesem Fall empfehlen wir die Aktivierung der Option „Teaser auf Detailseite als Leadtext ausgeben?“

News-Detailseite (automatisch generiert)

Beachten Sie bitte, dass nur dann eine zuvor eingerichtete News-Detailseite erzeugt wird, wenn entweder die unter E.1. genannte Option aktiviert wurde, oder aber im Feld „Text“ oder den „weiteren Absätzen“ Inhalte vorliegen.

Die News-Detailseite muss einmalig vom Webteam eingerichtet werden.