Grundlagen: Webprogrammierung

Effiziente Webseiten mit HTML und CSS erstellen

11. Januar 2011, 13:08 Uhr |

Fortsetzung des Artikels von Teil 1

Content Type und Kurzbeschreibung

Ineffiziente CSS-Deklarationen mithilfe von Google Page Speed Analyzer aufspüren.
Ineffiziente CSS-Deklarationen mithilfe von Google Page Speed Analyzer aufspüren.

Content Type

Definiert die vom Browser zu verwendende Zeichencodierung. In der Regel arbeitet man heute mit utf-8, die jegliches erdenkliche Sonderzeichen und für die deutsche Sprache insbesondere die Umlaute und das "ß" abdeckt.

Ebenfalls sehr gebräuchlich ist Latin 1 (ISO8859-1), die mit iso-8859-1 deklariert wird. Wird die Zeichencodierung nicht definiert, würde ein Browser mit einer anderen Spracheinstellung als Deutsch die Umlaute falsch darstellen. Auch in Hinblick auf Suchmaschinen-Crawler führt das regelmäßig zu ärgerlichen Problemen. Achten Sie darauf, dass Sie den Zeichensatz angeben, mit dem Ihr HTML-Editor die Daten abspeichert.

Meist lässt sich das in den Optionen einstellen. Erzeugt man im HTML-Editor eine neue HTML-Seite, fügt der Editor die richtige Angabe zur Zeichencodierung meist schon automatisch in die Seite ein. Deklaration von UTF-8 als Content Type:

Codebeispiel:

<meta http-equiv="content-type"
content="text/html; charset=utf-8" />

Kurzbeschreibung

Zwar ignorieren Suchmaschinen das description- Tag in Hinblick auf die Bewertung des Inhalts der Website, verwenden den Text daraus aber häufig bei der Anzeige von Suchergebnissen. Hierüber können Sie also in gewissen Grenzen mitbestimmen, was ein User liest, wenn die betreffende Seite in den Suchergebnissen einer Suchmaschine aufgelistet wird. Beispiel:

Codebeispiel:

<meta name="description" content=
"Kurzbeschreibung des Inhalts. " />

Achten Sie hier besonders darauf, dass Umlaute korrekt ausgegeben werden.


  1. Effiziente Webseiten mit HTML und CSS erstellen
  2. Content Type und Kurzbeschreibung
  3. Robots und Canonical URL/Tag
  4. CSS und JavaScript
  5. Doctype
  6. HTML und CSS fehlerfrei

Jetzt kostenfreie Newsletter bestellen!

Matchmaker+