Heute möchte ich Euch eine Möglichkeit zeigen wie Ihr euch unnötige Links einspart, die Informationen dennoch hübsch für Eure Besucher zur Verfügung stellen könnt.

Das Prinzip ist ganz einfach und basiert auf XHTML/CSS.

Nehmen wir an Ihr habt für Kontakt, Datenschutz und Impressum jeweils eine Seite. Das sind jeweils drei Links auf drei unterschiedliche Seiten, die auf jeder Seite verfügbar sein müssen. Aus diesen drei Seiten machen wir jetzt eine.

Zuerst der HTML Code:

<!-- [ Links zu den Sprungmarken -->
<a href="#impressum">Impressum</a>
<a href="#kontakt">Kontakt</a>
<a href="#datenschutz">Datenschutz</a>
<!-- Links zu den Sprungmarken ] -->

<div class="legalWrap">
 <div class="legalWrapContent">
 <div id="impressum">Inhalt für Impressum</div>
 <div id="kontakt">Inhalt für Kontakt</div>
 <div id="datenschutz">Inhalt für Datenschutz</div>
 </div>
</div>

Und nun das CSS:

.legalWrap{width:800px;overflow-x:hidden;}
.legalWrapContent{width:2460px;}
.legalWrapContent #impressum,
.legalWrapContent #kontakt,
.legalWrapContent #datenschutz{width:800px;float:left;}

Das war es schon. Das folgende Bild erklärt die Funktionsweise. Ich habe das Skript in IE6/7 und Firefox 3.5.5 getestet.

Ob jetzt Sprungmarkenlinks genau so gewertet werden wie normale Links kann Johannes eventuell besser beantworten.
Mit der vorgestellten Technik lässt sich natürlich auch allerhand Unsinn anstellen, aber dazu soll es nicht genutzt werden.

Wie denkt Ihr darüber? Sinnvoll, hilfreich oder völlig unsinnig und zeitraubend. Freue mich auf Euer Feedback.

Viel Spaß beim Lesen!