Webqualität -Wichtige HTML-Elemente

Zur Verbesserung der Webqualität sind <DOCTYPE>, <title> und <h1> allesamt wichtige Tags.

<!DOCTYPE>-Element

Alle HTML- und XHTML-Seiten sollten das <Doctype>-Element verwenden, um festzulegen, welcher HTML-Version sie entsprechen.

Der Doctype definiert die HTML-Version, die Sie verwenden, und liefert dem Browser wichtige Informationen, damit er Ihre Seite schneller und konsistenter rendern kann.

Die Dokumenttyp-Deklaration ermöglicht es Validierungssoftware auch, die Syntax der Seite zu prüfen:

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<title>-Element

Das <title>-Element ist eines der wichtigsten HTML-Elemente. Seine Hauptfunktion besteht darin, den Inhalt der Webseite zu beschreiben.

Auch wenn der Titel kein sichtbarer Teil der Webseite ist, ist er dennoch wichtig für die Verbesserung der Qualität der Website, denn er ist an folgenden Stellen sichtbar:

  • Einträge in Suchmaschinen
  • Die Titelleiste des Fensters
  • In den Lesezeichen des Benutzers

Der Titel sollte so kurz wie möglich und beschreibend sein.

Wenn ein Benutzer im Internet nach einer Website sucht, zeigen die meisten Suchmaschinen den Titel der Website in den Suchergebnissen an. Stellen Sie sicher, dass der Titel zum Inhalt der Webseite passt. Auf diese Weise ist die Wahrscheinlichkeit höher, dass Benutzer auf diese Links klicken, um Ihre Website zu besuchen.

Wenn Benutzer Ihre Website besuchen, ist der Titel in der Titelleiste des Fensters sichtbar. Stellen Sie sicher, dass der Titel auch bei minimiertem Fenster noch dazu dient, den Inhalt der Website zu beschreiben.

Nachdem Benutzer Ihre Website besucht haben, wird der Seitentitel im Verlauf gespeichert (Benutzer können die Seite sogar in ihren Favoriten als Lesezeichen speichern). Damit zukünftige Besuche erfolgreich sind, stellen Sie außerdem sicher, dass der Titel Ihre Website klar beschreibt.

Gute Titelbeispiele:

Beispiele

<title>HTML-Tutorial</title>

<title>XML-Einführung</title>

Beispiele für schlechte Titel::

Beispiele

<title>Einführung</title>

<title>Kapitel 1</title>

Example Tutorial bietet eine vollständige Sammlung gut organisierter, leicht verständlicher Tutorials zu HTML, CSS, JavaScript, DHTML, XML, XHTML, WAP, ASP, SQL, einschließlich vieler Beispiele und Quellcode.

<h1>-Element

Das <h1>-Element wird verwendet, um die Hauptüberschrift einer Webseite zu beschreiben.

Da einige Browser das <h1>-Element standardmäßig in einer sehr großen Schriftart anzeigen, verwenden einige Webentwickler das <h2>-Element anstelle des <h1>-Elements, um die Hauptüberschrift anzuzeigen. Dies beeinträchtigt die Leser nicht, kann jedoch Suchmaschinen und andere Software verwirren, die versuchen, "die Struktur der Webseite zu verstehen."

Stellen Sie sicher, dass Sie <h1> für die Hauptüberschrift und <h2> sowie <h3> für niedrigere Ebenen verwenden.

Sie können versuchen, Ihre Webseite nach dieser Vorlage zu strukturieren:

Dies ist die Hauptüberschrift

Ein anfänglicher Text

Dies ist eine Überschrift der Ebene 2

Dies ist etwas Text. Dies ist etwas Text. Dies ist etwas Text.

Dies ist eine Überschrift der Ebene 3

Dies ist etwas Text. Dies ist etwas Text. Dies ist etwas Text.

Dies ist eine Überschrift der Ebene 3

Dies ist etwas Text. Dies ist etwas Text. Dies ist etwas Text.

Wenn dir die Standard-Schriftgrößen für Überschriften nicht gefallen, kannst du Stile oder Stylesheets verwenden, um sie zu ändern.

Weitere Erweiterungen