Also...
Mit reinem CSS wirst du das natürlich nicht schaffen. Du musst deine Seite strukturieren und klar einteilen.
So muss auf jedenfall die Grundstruktur so sein
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Seitenname</title>
<!-- Externe CSS- Datei einbinden-->
<!-- Links zu verschiedenen Teilen der Seite -->
<link rel="alternate" href="url" title="Titel der Seite" />
<!-- Zusätzlich sollten noch Zeichensatzdefinitionen vorgenommen werden -->
</head>
<body>
</body>
</html>
Also beginnst du mit einem Doytype. Nach möglichkeit sollte dieser Strict sein und nicht wie bei dir Transitional, da dieser flexibler in der Auslegung ist und vieles zulässt, was aber hier keine weitere Rolle spielt.
Danach kommen in den Head wichtige Informationen. Keywords, Seitenbeschreibung und alles weitere, was Google sowieso aussliest, kommt dort herein. Du kannst zusätzlich bereits im Head-Bereich nicht sichtbare Links auf der Seite legen. So kann Google diese Indexieren, auch wenn die entsprechenden Seiten geschützt sind.
Die CSS-Datei kannst du ruhig extern aufbewahren, da es einmal das Dokument schlanker macht, und dann nachgeladen wird, wenn ein Nutzer die Seite aufruft. Google hat damit nichts zu tun und wird diese Ignorieren. Bei der Seite ist es daher auch nicht mehr nötig alle zu Beschreiben, da in der CSS-Datei diese Definitionen vorgenommen werden.
Das hat zum Vorteil, das nur noch wirklicher Inhalt im Dokument steht und keine störenden Informationen zur Darstellung, mit denen Google nicht sehr viel anfangen kann.
Wenn du nun den Head-Bereich strukturiert hast, so kannst du dies im Body-Teil weiterführen. Zum einstieg solltest du dir einmal dieses kleine
Template anschaun und den Aufbau verinnerlichen
Wichtig hierbei ist, das du dann die von HTML vorgegebenen Elemente verwendest, also kein <font> Tag mehr, sondern <h1-6>für verschiedengroße überschriften(oder aber auch Teile der Seite. So kann mit dem <h1> Tag ruhig im Header die Überschrift formatiert werden.
Im Grunde muss man sich Google wie einen Screenreader vorstellen, der die Seite nach Inhalten abgrast. Wenn diese leicht gefunden werden, so kann man später auch sicher sein, das man darüber auch wieder zu der Seite kommt.
------
Wenn du deine Seite mit einem Passwort schützt, dann ist es doch eigentlich egal ob Google weiß was dahinter ist oder nicht. Weil der Sinn davon ist doch eigentlich, dass nur Befugte zutritt haben.
-----
Ergänzungslink
