Titel und Überschriften

  • Machen Sie Ihre Titel und Überschriften «front-loaded»: verwenden Sie so viele Schlüsselwörter wie möglich am Anfang des Titels.
  • Finden Sie heraus, wie man Ihren Inhalt nennt, indem Sie mit Hilfe von Suchwerkzeugen nach Schlüsselwörtern suchen. Vermeiden Sie interne Bezeichnungen.
  • Vermeiden Sie die Art des Dokuments in Titeln und Überschriften (z. B. Wie man etwas tut statt Anleitung).
  • Vermeiden Sie Datumsangaben, es sei denn, sie machen den Titel einzigartig (z. B. Jahresbericht 2025).
  • Strukturieren Sie Ihre Titel und Überschriften gut, um die Zugänglichkeit zu verbessern; sehen Sie sich dieses Video (auf Englisch) an, in dem erklärt wird, warum Sie die richtige Überschriftenstruktur in Ihrem Inhalt verwenden sollten.

Hauptüberschrift (H1)

  • Die Hauptüberschrift (H1) ist der Titel, der in der Kopfzeile der Seite sichtbar ist. Sie ist die einzige Überschrift, die als H1 gestylt ist.
  • Eine H1 sollte beschreiben, worum es auf der Seite geht.
  • Fügen Sie ein oder mehrere Schlüsselwörter ein (andere Schlüsselwörter können in Zwischenüberschriften und in der Einleitung enthalten sein) und verwenden Sie maximal 70 Zeichen.
  • Prüfen Sie, ob Ihre H1 für sich und für die anderen Seiten einen Sinn ergibt.

 

Zwischenüberschriften (H2, H3, etc.)

  • Verwenden Sie Zwischenüberschriften (H2, H3, usw.) für jeden neuen Inhaltsblock, damit die Nutzerinnen und Nutzer die Seite überfliegen können.
  • Vermeiden Sie das Überspringen von Überschriftenebenen (z. B. von H2 zu H4).
  • Zwischen den Überschriftenebenen sollte etwas Inhalt stehen, es sei denn, es ist klar, wie die untere Ebene auf die obere folgt.
  • Verwenden Sie Überschriftenstile aus der Grafikcharta; andere Stile (z. B. fetter Text) werden von Bildschirmlesegeräte nicht als Überschriften erkannt.
  • Achten Sie darauf, dass wichtige CTAs unter einer zugehörigen Überschrift stehen (z. B. die Schaltfläche Sich bewerben unter der Überschrift Für einen Bachelor-Studiengang sich bewerben).
  • Vermeiden Sie:
    • Fragen: es ist schwierig, wichtige Informationen an die erste Stelle zu setzen, und die Nutzerinnen und Nutzer suchen Antworten, keine Fragen.
    • Fachbegriffe, es sei denn, Sie haben sie bereits erklärt.
    • Einleitung als erste Zwischenüberschrift: geben Sie die wichtigsten Informationen an und vermeiden Sie Allgemeinplätze.

Einleitung

  • Fassen Sie den Inhalt der Seite zusammen, damit die Nutzerinnen und Nutzer prüfen können, ob sie auf der richtigen Seite sind.
  • Verwenden Sie so wenige Wörter wie möglich aus dem Titel und fügen Sie Schlüsselwörter ein, die Sie nicht im Titel verwendet haben.
  • Vermeiden Sie es, die Art des Inhalts zu erwähnen (z. B. diese Konferenz handelt von...).
  • Halten Sie die Einleitung kurz (ein oder zwei kurze Absätze).

Meta Tags

Seitentitel (meta title)

  • Der Seitentitel ist ein meta tag, der auf der Suchergebnisseite (SERP) und in der Browser-Registerkarte erscheint.
  • Ein Seitentitel sollte die Nutzerinnen und Nutzer zum Durchklicken animieren.
  • Er sollte die wichtigsten Schlüsselwörter enthalten und höchstens 60 Zeichen umfassen (weitere Zeichen werden von den Suchmaschinen durch Ellipsen ausgeblendet).
  • Richten Sie den Seitentitel an der meta description aus (siehe unten).
  • Prüfen Sie, ob Ihr Seitentitel für sich und in den Suchergebnissen Sinn ergibt.
  • Fügen Sie den Namen der Institution ein: fügen Sie am Ende des Titels « • FernUni Schweiz» oder « • UniDistance Suisse» ein.

 

Zusammenfassung (meta description)

  • Die meta description ist die Zusammenfassung, die auf der Suchergebnisseite (SERP) erscheint. Sie hat dasselbe ziel der Einleitung (den Nutzerinnen und Nutzern zeigen, ob die Seite die Informationen enthält, die sie benötigen).
  • Verwenden Sie maximal 160 Zeichen (weitere Zeichen werden von den Suchmaschinen durch Ellipsen ausgeblendet).
  • Beenden Sie eine Zusammenfassung mit einem Punkt, um Menschen zu helfen, die Hilfsmittel wie Bildschirmlesegeräte verwenden.

Textkörper

  • Verwenden Sie Sätze mit höchstens 25 Wörtern. Wenn sie länger sind, teilen Sie sie auf, um sie übersichtlicher zu gestalten.
  • Verwenden Sie höchstens 75 Zeichen pro Zeile.
  • Verwenden Sie Überschriften und geben Sie Ihrem Text einen Rhythmus, damit er leichter zu lesen ist.

Absätze

  • Verwenden Sie in Einleitungen kurze Absätze (ein oder zwei Sätze).
  • Verwenden Sie lange Absätze (drei bis fünf Sätze) für andere Abschnitte.
    • Vermeiden Sie eine Wiederholung der Einleitung oder Zusammenfassung im ersten Absatz.
    • Wenn Ihr Absatz aus mehr als sieben Sätzen besteht, teilen Sie ihn in zwei Absätze auf.
    • Wenn Sie mehrere kurze Absätze im Textkörper haben, gruppieren Sie sie in einer Liste.

Callouts

  • Verwenden Sie Callouts, um:
    • Wichtige Informationen hervorzuheben.
    • Vorübergehende Ankündigungen zu machen.
    • Zusätzliche Informationen zu geben (z. B. Material für weitere Lektüre).
    • Zitate wiederzugeben (z. B. Zeugnisse).
  • Verwenden Sie verschiedene Grafikstile für verschiedene Arten von Callouts.
  • Gestalten Sie Callouts kurz und übersichtlich, indem Sie visuelle Elemente (z. B. Piktogramme) und eine gute Formatierung (z. B. Zwischenüberschriften, fetter Text) verwenden.

Rechte Sidebar

  • Verwenden Sie die rechte Sidebar je nach Seitentyp unterschiedlich:
    • Service-Seite: Kontakt.
    • Veranstaltung, Artikel oder Job: ähnliche Elemente.
    • Über uns-Seite: verwandte Elemente.
  • Fügen Sie zu jedem Block eine Unterüberschrift (normalerweise eine H3) hinzu.
  • Halten Sie die Struktur der Sidebar auf der gesamten Website kohärent (z. B. beginnt ein Kontaktblock immer mit dem Namen der Dienstleistung, dann folgt eine Mailadresse, eine Telefonnummer, usw.)

Call-To-Action (CTAs)

  • Bieten Sie CTAs im Kontext an, wenn sie nützlich sind.
    • CTAs sind auf Karten überflüssig (siehe unten).
  • Bieten Sie so viele CTAs wie nötig an, aber vermeiden Sie es, dieselbe CTA auf derselben Seite zu wiederholen, wenn es nicht notwendig ist.

 

CTA-Beschriftungen

  • Gestalten Sie die CTAs beschreibend und verwenden Sie relevante Begriffe (nicht Klicken Sie hier oder Mehr), damit sie für sich genommen einen Sinn ergeben, da die Nutzerinnen und Nutzer sie möglicherweise zum Scannen der Seite verwenden.
  • Stimmen Sie die CTA-Beschriftungen mit anderen Seitenelementen (insbesondere mit Überschriften) und mit den auf anderen Seiten verwendeten Begriffe ab.
  • Halten Sie CTA-Beschriftungen kurz (idealerweise drei bis fünf Wörter), aber vor allem deutlich. Wenn Ihre Beschriftung zu kurz ist (ein oder zwei Wörter), ist sie möglicherweise schwer zu verstehen, also machen Sie es beschreibender.
  • Vermeiden Sie es, die gleiche Beschriftung für CTAs zu verwenden, die zu verschiedenen Ziele führen.
  • Wenn Sie mehr als eine CTA auf einer Seite haben, die zum selben Ziel führt, verwenden Sie identische oder ähnliche Beschriftungen.

 

CTA-Ziele

  • Wenn Ihre CTA die Nutzerinnen und Nutzer zu einem anderen Inhalt führt (auf derselben oder einer anderen Seite), verwenden Sie den Titel oder die Überschrift dieses Inhalts für die CTA-Beschriftung.
    • Wenn der Name des Inhalts spezifisch genug ist, vermeiden Sie zusätzliche Verben (z. B. Wie man sich bewerbt, nicht Finden Sie heraus, wie man sich bewerbt).
  • Wenn Ihr CTA die Nutzerinnen und Nutzer zu einer Seite führt, auf der sie eine Aufgabe starten können, beginnen Sie Ihre Beschriftung mit einem Verb (auf FR und EN).
    • Wenn Ihre CTA im Kontext steht (z. B. Anmeldung zu einer Infoveranstaltung auf der Veranstaltung-Seite), kann das Verb ausreichen (z. B. Registrieren). Wenn Ihre CTA nicht im Kontext steht (z. B. Anmeldung zu einem Infoveranstaltung auf einer Programmseite), ergänzen Sie sie mit spezifischen Informationen (z. B. Anmeldung zur Infoveranstaltung). Sie können Artikel weglassen.
    • Auf Schweizer Deutsch und Schweizer Französisch: verwenden Sie die Infinitivform.
    • Auf Englisch: verwenden Sie die Imperativform.
  • Wenn Ihr CTA zu einer Seite in einer anderen Sprache führt, fügen Sie die Informationen in der Beschriftung hinzu (z.B. Stipendien im Kanton Waadt (nur auf Französisch)).
  • Wenn Ihr CTA die Nutzerinnen und Nutzer zu einem Dokument führt, fügen Sie die Informationen in der Beschriftung hinzu (z.B. Studienprogramm in Psychologie (PDF)).
  • Wenn Ihr CTA zu einer anderen Website führt, fügen Sie das Bootstrap-Symbol, um anzuzeigen, dass es sich um einen externen Link handelt.

 

CTA-Sorten

Links

  • Verwenden Sie Links im Hauptteil der Seite, niemals in Titeln und Überschriften.
  • Vermeiden Sie es, URLs auszuschreiben, aber wenn Sie es müssen, lassen Sie die http://www weg.

Schaltflächen

  • Verwenden Sie Schaltflächen für die wichtigsten CTAs.
  • Behalten Sie die Verbindung zwischen der Überschrift und dem Schaltflächen bei, die zum selben Block gehören.
  • Verwenden Sie unterschiedliche Grafikstile für primäre und sekundäre Schaltflächen.
  • Sie können Icons in einer Schaltfläche verwenden.
  • Formulieren Sie kurze Beschriftungen (2–3 Wörter), die die Aktion widerspiegeln, zu der sie führen.
  • Verwenden Sie in Ihren Beschriftungen den Infinitiv.

Karten

  • Verwenden Sie Karten, um ähnliche Elemente (z. B. Teammitglieder, verwandte Artikel usw.) im Hauptteil der Seite oder in der rechten Sidebar aufzulisten.
  • Fügen Sie einer Gruppe von Karten eine Überschrift hinzu.
  • Zeigen Sie auf der Karte Informationen an, die ein Element von den anderen unterscheiden und die Nutzerinnen und Nutzer dazu ermutigen, weiter zu gehen. Zum Beispiel:
    • Veranstaltung: Titel, Datum, Ort.
    • Artikel: Titel, Erscheinungsdatum, Autor.
    • Job: Titel, Erscheinungsdatum.
    • Mitarbeitende: Name, Rolle.
    • Zeugnis: Name, Beruf und/oder Studium, kurzes Zitat.
  • Fügen Sie Tags hinzu, um den Nutzerinnen und Nutzern das Durchsuchen des Elementes zu erleichtern (mindestens ein Tag, der die zugehörige Fakultät oder Dienstleistung angibt).
  • Verwenden Sie Bilder nur, wenn sie einen Mehrwert bieten (keine Stockbilder).
  • Verwenden Sie klare Icons.
  • Sie können die Nutzerinnen und Nutzer nur zu einem Ziel schicken (die gesamte Karte ist anklickbar - Sie können keine weiteren Links oder Schaltflächen hinzufügen). Wenn nötig, sollten Sie eine zweite Karte erstellen oder Ihre Karte in ein anderes Element umwandeln.
  • Vermeiden Sie es, verschiedene Arten von Elementen zu mischen (z. B. Jobs mit Nachrichten).

Listen

  • Verwenden Sie Listen, um den Nutzerinnen und Nutzern die Möglichkeit zu geben, ähnliche Artikel zu durchsuchen.
  • Führen Sie höchstens sieben Punkte auf: längere Listen sind schwer zu lesen; teilen Sie sie auf und fügen Sie Zwischenüberschriften oder kurze einleitende Absätze hinzu.
  • Vermeiden Sie Wiederholungen: wenn die aufgelisteten Punkte alle mit denselben Wörtern beginnen, verschieben Sie diese in den einleitenden Absatz.

Formulare

Beachten Sie, dass einige der folgenden Anweisungen in Odoo-Formularen möglicherweise nicht anwendbar sind.

  • Verwenden Sie Formulartitel, um den Zweck des Formulars klar und schnell zu erklären.
  • Fügen Sie bei Bedarf einen einleitenden Absatz hinzu.
  • Fordern Sie nur benötigte Informationen an.
  • Achten Sie darauf, dass die letzte Schaltfläche mit dem Formulartitel übereinstimmt.
  • Bei langen Formularen (mit mehr als sieben Feldern) gruppieren Sie ähnliche Felder in Abschnitten mit Zwischenüberschriften.

Formularfelder

  • Verwenden Sie die Beschriftung über dem Feld, um anzugeben, welche Art von Informationen die Nutzerinnen und Nutzer angeben sollen (z. B. Vor- und Nachname).
  • Das Feld kann leer sein oder einen Platzhaltertext enthalten, der ein Beispiel für die von den Nutzerinnen und Nutzern einzugebenden Informationen oder Anweisungen enthält (z. B. maximal 200 Zeichen).
  • Geben Sie an, welche Felder obligatorisch sind.