Benutzer-Werkzeuge

Webseiten-Werkzeuge


texten

Dies ist eine alte Version des Dokuments!


Anleitung Texte einfplegen auf Homepage

Damit die Texte auf der Homepage sowohl optisch als auch seo-technische gut dastehen, fasse ich hier ein paar Grundregeln und Tipps zusammen.

Voraussetzungen: Wechsel in das Admin-Menü: https://www.saljol.de/admin/kunden/
Falls das nicht geht, entweder einloggen, ansonsten s. Admin Bereich -> Anmelden

Grundregeln d. Textens

  1. Jeder Blog-Beitrag und jeder Kategorie-Text sollte mindestens 750 Worte haben. Alles über 1.000 Worte ist ideal
  2. Kurze, prägnante Sätze ohne viel Verschachtelung oder komplizierte Nebensätze.
  3. Nach 2-4 Sätzen ein Absatz
  4. Überschriften Schema einhalten (s. Überschriften Schema)
  5. Text formatieren: Schlagworte fett machen, auch externe Links einbauen und verlinken, CSS Eigenschaften einhalten (s. CSS Tipps)
  6. Listen, Aufzählungen und Videos verwenden
  7. Kein Text auf Bilder
  8. Erste Element ist idealerweise ein Text-Banner Element

Beispiel:

Grundregeln Bilder & Dateien

  1. Bilder nur so groß machen, wie sie auch angezeigt werden.
    Wenn ein Bild nur mit 200px angezeigt wird, braucht es nicht 1200px groß sein
  2. Datei- und Bildernamen: Alles kleinschreiben, Umlaute mit ae ue oe und ss ersetzen, Leerzeichen mit Bindestrich ersetzen, Sonderzeichen löschen oder mit Bindestrich ersetzen
    Beispiel: Bildname: Carbon Rollator mit Jürgen.jpg
    sollte bevor es hochgeladen wird, umbenannt werden in carbon-rollator-mit-juergen.jpg
  3. ALT-Tag immer vergeben!
    Das ALT-Tag (im Backend heißt es auch Image description) sollte in 2-3 Worten sagen, was auf dem Bild zu sehen ist

Überschriften Schema

Die Überschriften sind hierarchisch aufgebaut. Es gibt genau eine H1 Überschrift pro Seite. Hier steht das Keyword drin für das die Seite ranken soll. Auf eine H1 folgen mehrere H2 Überschriften. Eine H2 Überschrift kann, muss aber nicht, zwei oder mehrere H3-Überschriften haben. Beispiel:

  • H1
    • H2
      • H3
      • H3
      • H3
    • H2
    • H2
      • H3
      • H3

Wichtige CSS-Tipps

Um die Seiten generell schön zu gestalten, gibt es ein paar CSS-Eigenschaften, die wir verwenden können. Die CSS-Eigenschaft wir folgendermaßen eingestellt:

  1. Wähle den Container (der blaue Balken) und klicke auf das Editieren Feld:
  2. Es erscheint rechts ein Fenster. Dort gibt es die Felder CSS Container und CSS Element. Dort werden die CSS-Klassen eingetragen:

Falls nicht der Container sondern nur ein einziges Element die Eigenschaft habe sollte, wird das direkt im Quelltext angegeben über class=„die-css-klasse:

CSS Klassen

Hier ist eine Liste der CSS-Klassen. Fett gedruckt steht die Klasse, die einfach in CSS Container oder CSS Element eingefügt werden kann. Kursiv steht ob es in CSS Container oder CSS Element sollte. Und danach steht ein kurzer Erklärungstext: Die Groß-Kleinschreibung ist wichtig und wird beachtet!

  • maxWidth CSS Container Diese Klasse hat fast jeder Container automatisch. Hier wird die maximale Breite auf 1040px beschränkt.
  • aiCenter CSS Container Bei Verwendung, werden bei einem 2 spaltigen Layout beide Seiten mittig zueinander angezeigt:
  • marginTR CSS im Quellcode Meist wird diese Klasse für Bilder verwendet. Hierbei wird oben und rechts eine Margin (also ein Abstand) eingefügt. Das T und R steht für Top und Right…
  • marginTL CSS im Quellcode …analog dazu wird hier oben und links eine Margin eingefügt. Das T und L steht für Top und Left.
texten.1587995302.txt.gz · Zuletzt geändert: 27.04.2020 15:48 von saljol