1.2 Grundlagen und Aufbau von Webseiten

Besonderes bewegt, gezielt.

Ihren XING-Kontakten zeigen

Die Ãœberschriften h1 – h6

Auf den vorderen Seiten haben Sie der Homepage schon eine Struktur gegeben.
Sie haben die verschiedenen Bereiche (Div’s) fest gelegt und Sie haben bestimmt, wo die Bereiche auf dem Bildschirm sichtbar werden.

Die Grundlagen des Webseiten Design beherzigen vor allem auch die Struktur und den Aufbau der Homepage.

Die Besonderheiten, die Sie schon auf der Vorseite gesehen haben, sind die Ãœberschriften h1 – h6.
Die Überschriften sind für die Strukturierung und den Aufbau Ihrer Webseite unabdinglich.
Immer wieder sehe ich die schönsten Themes und Templates mit dem schönsten Design (Homepagevorlagen), wo die typischen Konstrukte genutzt werden.

<div style="padding: 3px 6px 3px 6px;">
Meine Ãœberschrift
</div>

Im Besonderen und gehäuft in verschiedenen CMS – Systemen, wobei heute immer mehr Wert auf das richtige Markup und vernünftige und grundlegende Strukturierung gelegt wird.
Dabei ist es kein großer Aufwand die Webseite mit den richtigen Überschriften zu strukturieren und via CSS optisch anzupassen und ein Design zu geben.
Wenn Sie Texte verfassen nutzen Sie ja auch den entsprechenden Aufbau wie zum Beispiel :

Ãœberschriften
Aufzählungen
Absätze.

<!DOCTYPE html PUBLIC "-//WC3//DTD XHTML 1.0 Strict//EN"
SYSTEM "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
<title>Der Name Ihrer Seite</title>
<meta http-equiv="Content-type" content="text/html; CHARSET=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
</head>
<body>
<div id="wrap">
<div id="header">
       <!--Hier ist der Bereich für eine Grafik, Logo oder einen Text.-->
</div>
<div id="navigation">
       <!--Der Bereich für die Navigation-->
</div>
<div id="content">

        <!--In diesen Bereich kommt der Inhalt der Seite.-->
        <h1>1. Ãœberschrift</h1>
         Normaler Text
        <h2>2. Ãœberschrift</h2>
         Normaler Text
        <h3>3. Ãœberschrift</h3>
         Normaler Text
         .
         .
         .
         <p>...ganz viel Text
         und der Absatz wird dann hier beendet.
         </p>

</div>
<div id="sidebar">
        <!--Sonstige Inhalte oder z.B. Subnavigation.-->
</div>
</div><!--wrap Ende-->
</body>
</html>

Ist der Aufbau der Webseite für Suchmaschinenoptimierung und Webseiten Optimierung von Bedeutung?

Die Antwort lautet: JA!

Google und andere Suchmaschinen achten sehr wohl auf die gute Struktur und den Aufbau der Webseite.
Dadurch, dass die Suchmaschinen keinen überflüssigen Code in der erstellten HTML-Datei “lesen” müssen, können nicht nur die Webseiten schneller indiziert werden sondern auch der erstellte Inhalt der Homepage kann besser und leichter erkannt werden.
Durch den richtigen Aufbau und die richtige Strukturgebung haben wir nun schon den Wert Ihrer Webseite gesteigert.
Sie sind auf dem besten Wege ein Suchmaschinenoptimier/in zu werden.

Was Sie bisher gelesen haben waren nur die Grundlagen des Webseiten Designs und Aufbaus



Tags: , ,