Seo Tutorial Grundlagen - Webseitenstruktur Html Coding

Quelltextaufbau einer Webseite

Html Coding, Design und Ordnerstruktur einer Suchmaschinenfreundlichen Webseite.

HTML Coding von Suchmaschinenfreindlichen Webseiten

Auf der vorherigen Seite haben Sie schon einiges über das Coding einer Webseite erfahren:

die Verwendung von Überschriften (h1, h2 ...),
die Hervorhebungen <strong> <b> <u>
die Formatierung mittels CSS ( Cascading Style Sheet )

Wie muss nun unser Quelltext idealer Weise aussehen:

Quelltext

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="de">
<head>
<title>Keyword Titel</title>
<meta name="" content="">
.....
.....
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
<link rel="stylesheet" href="keyword.css" type="text/css">
<link rel="shortcut icon" href="/favicon.ico">
</head>
<body>
<h1>Keyword in der Überschrift mit ein paar Wörtern</h1>
<strong>Erster Satz mit Keywords hervorheben.</strong>
<p>
Hier beginnt mit dem <b>Keyword</b> der Text zum Inhalt.
</p>
.
.
</body>
</html>

// Document Type
// Html Sprache
// Document Header Start
// Titel Angabe
//
// Metatag Angaben
//
// Content-Type
// Link zur Externen CSS Datei
// Link zum Shortcut Icon
// Document Header Ende
// Bodybereich Start
//
//
//
// Content
//
//
//
// Bodybereich Ende
// Document Ende

Nun werden wir die einzelnen Punkte des Aufbaus näher erläutern.

Document Type & Html Sprache:

Diese Angaben werden zur Identifikation des Codes und der Html-Sprache benötigt.

Head

Der Header Ihrer Seite wird mit <head> geöffnet und mit </head> beendet. Im Headerbereich werden Angaben über die Seite und deren Inhalt angegeben. Für Ihre Besucher ist dieser Teil des Dokumentes bis auf den Title nicht sichtbar. Browser, Suchmaschinen und Suchmaschinenspider benötigen diese Angaben allerdings. Eine genaue Erklärung der wichtigsten Metatags die in Ihrem Headbereich nicht fehlen dürfen, finden Sie unter dem Menüpunkt Metatag Angaben.

Content-Type

Im Metatag Content-Type geben Sie an in was für einer Codierung Ihr Text auf der Seite vorliegt.

Link zur Externen CSS ( Cascading Style Sheet ) Datei

Mit der Angabe von

geben Sie den Pfad zur Externen CSS Datei an.

Sie könnten die Style Anweisungen natürlich auch in dem Head - Bereich Ihrer Webseite angeben allerdings würden Suchmaschinenspider, die Ihre Seite immer von Oben nach Unten Crawlen, als erstes auf lange Styleangaben stoßen und der Eigentlich relevante Text wird erst sehr viel später gefunden. Einige Suchprogramme brechen nach einer Gewissen Datenmenge Ihren Indexierungsprozess ab, somit könnte es im schlimmsten Fall dazu kommen das Sie nur die Styleangaben indexiert und gewertet haben, hingegen den relevanten Inhalt nicht.

Auch Java-Scripte können so in einer Externen Datei abgelegt und mittels:

abgerufen werden. Achten sie darauf das Sie Ihrem Externen Style Sheet oder JavaScript nicht nur einen Unlogischen Namen geben. Auch hier können oder sollten Sie mit Ihren Keywords arbeiten.

Link zum Shortcut Icon:

Das Shortcut Icon ist ein kleines Symbol welches in der Favoriten und Adressleiste des Browsers vor Ihrer Url Angezeigt wird, sobald ein Besucher Ihre Seite zu seinen Favoriten hinzugefügt hat.

Diese und die Metatag Angaben die sich auf der Seite Metatag Angaben befinden sind die Wichtigsten für Ihren Headbereich und sollten auf keiner Ihrer Webseiten fehlen.

Bodybereich <body>:

Der Bodybereich Ihrer Seite wird mit <body> geöffnet und mit </body> beendet. In diesen Bereich kommt der eigentliche Inhalt ( Content ) Ihrer Seite. Wichtige Informationen über den Content finden Sie unter dem Menüpunkt Content.

H1, H2, H3 ..

Ihre Überschriften sollten Sie kurz und aussagekräftig halten ebenfalls sollten Sie das Keyword beinhalten. 5 - 7 Wörter sind ideal für diese Überschriften.

Content

Der Content also der Text ist des Suchmaschinenspiders liebstes Futter. Schreiben Sie niemals Texte rein für Suchmaschinen, schreiben Sie die Texte immer für den Besucher. Achten Sie darauf, dass Ihr Keyword um Text ein paar Mal vorkommt. Weiteres finden Sie unter dem Menüpunkt Content.

Wichtig:

Achten Sie bei der Programmierung Ihrer Webseite auf ein sauberes HTML Coding. Viele Editoren wie Frontpage, Namo und Weitere, arbeiten von Haus aus nicht hundertprozentig sauber, dass heißt "W3C valid". Durch unsaubere Codes können unter Umständen Serverfehlermeldungen auftreten, über die sich der Spider gar nicht freut. Im schlimmsten Fall wird der Suchmaschinenspider Ihre Seiten künftig nicht mehr besuchen und die Seiten auch aus dem Index werfen. Ob Ihre Webseiten W3C konform ist, können Sie mit diesem SEO-Tool überprüfen: The W3C Markup Validator.

Diese Seite ist:

Beachten Sie auch beim schreiben im Editor, dass Umlaute wie "ö", "ü", "ä" , sowie viele andere Zeichen wie "ß" im HTML-Code richtig geschrieben werden. Wenn ein "ö" im Browser angezeigt wird, dann lautet der richtige HTML Code: ü

Zurück - Suchmaschinenoptimierung - Weiter Webpromotion