Checklist for a content page

Note

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.

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

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

  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.Specifications

    Observe university editorial standards

    • When choosing images and words, make sure you follow the linguistic guidelines of the University of Kassel (e.g. gender-sensitive selection of images, use of neutral formulations, use of the asterisk form in the plural).
    • Make the pages accessible (e.g. by using subheadings and alternative texts).
    • Process personal data (address data) correctly and observe copyright (metadata in the media).

  4. 4.Before activation

    Quick check of your page before publication

    • Have all links and plugins been checked for functionality?
    • Has the spelling been checked?
    • Is the site accessible and has all content been checked for diversity?
    • Do you have an existing GoTo link that you need to adapt to the new page address?
    • Have you created a grid in the background? If so, check the page view in the different output devices (web/displays).
    • When activating: Is the existing old website redirected to the new web address?

    If you would like to learn more about the use of Typo3 or SEO optimization, take a look at our training courses.