Checklist for a content page

This checklist is aimed at Typo3 beginners who want to create a new site. On this page you will find some tips and information that you should take into account.

Step-by-step to a content page

  1. 1.Structure

    Build a page

    • Page title: The page title should contain the main keyword. (Use terms that best suit your text and are also most frequently searched for.)
      Keep the page title as short as possible (40 to 55 characters with spaces).
    • Intro/teaser text: Mark the introductory text with the style "Intro". (Formatting in the backend: Content element Text&Media/Text editor/Style "Intro"). The intro should contain central keywords for search engine optimization. A minimum length of 400 words is ideal (in relation to a thematic website, i.e. not a distribution or link list page).
    • Create a maximum of three to five thematic sections. Assign subheadings to the individual sections for a better overview. Headings should be used hierarchically in descending order and in a logical sequence (H2, H3, H4) on the page.
      If the heading is only important for the overview in the backend, select the "Type: hidden".
    • Create links and downloads at the end of the text blocks as link lists (as a separate content element).
    • Format enumerations as a list (backend: Text&Media).
    • For longer pages, create a section index for a better overview.

    Note: All data records should have a heading (preferably using keywords).

    Tip: If the heading is only important for the overview in the backend, select "Type: hidden". This way, the heading of the element does not appear on the website, the element itself is marked in the backend and can be assigned more quickly. It also simplifies the translation process.

    Further information on the individual content elements

    Create search engine-friendly content – follow editorial tips! 

  2. 2.Media

    Using photos and graphics correctly

    • Make sure that the photos are large enough for responsive use. (at least > 1,111p wide)
    • Clarify the image rights and set the proof of copyright correctly.
    • Assign an alternative text.
    • Note: It is essential to enter the metadata "Copyright", "Title", "Alternative text" and a "Description". These are mandatory requirements. The alternative text should describe as briefly as possible what can be seen in the image so that people with visual impairments can also understand the information. You can add general information about the image in the description, which will then appear on the website directly below the photo.

    Further information on file management can be found here.

  3. 3.Vorgaben

    Redaktionelle Universitäts-Standards beachten

    • Achten Sie bei der Bild- und Wortwahl auf das Verfolgen der sprachlichen Guidelines der Universität Kassel (z.B. geschlechtersensible Auswahl von Bildern, Nutzung von neutralen Formulierungen, Verwendung der Sternchenform im Plural).
    • Gestalten Sie die Seiten barrierearm (z.B. durch das Setzen von Zwischenüberschriften und alternativen Texten).
    • Arbeiten Sie Personendaten (Adressdaten) korrekt auf beachten Sie das Urheberrecht (Metadaten in den Medien).

  4. 4.Vor der Freischaltung

    Kurzer Check Ihrer Seite vor Veröffentlichung

    • Sind alle Links und Plugins in ihrer Funktionalität gecheckt?
    • Ist die Rechtschreibung überprüft worden?
    • Ist die Seite barrierearm und alle Inhalte auf Diversität geprüft?
    • Haben Sie einen bestehenden GoTo-Link, den Sie auf die neue Seitenadresse anpassen müssen?
    • Haben Sie ein Raster im Hintergrund angelegt? Wenn ja, überprüfen Sie die Seitenansicht in den unterschiedlichen Ausgabegeräten (Web/Anzeigen).
    • Bei Freischaltung: Die bestehende alte Webseite ist auf die neue Webadresse weitergeleitet?

Note

If you need inspiration for the layout of a page, you will find some examples here: