Mit PHP-Include und DIVs - statt Frames - eine suchmaschinenoptimierte Webseite erstellen
Größter Vorteil eine Webseite zu includen, ist die bessere Suchmaschinenfreundlichkeit.
Ein weiterer Vorteil des Includen besteht darin, dass sich wiederholende Elemente, wie Kopfbereich, Navigation und Fusszeile nur einmal in eine eigene Datei geschrieben werden müßen, die dann später in den entsprechenden Webseiten wieder eingebunden werden.
Um mit dem "Include"-Befehl arbeiten zu können, müßen die Dateien Ihrer Seite statt ".html" die Endung ".php" erhalten.
In diesem Beispiel wird in eine einfache Webseite die über Stylesheets formatiert wurde, per Include eine Navigation, eine Fusszeile und ein Kopfbereich eingebunden.
Fertige Beispielseite anschauen
| Für den Kopf <? include ("kopfzeile.php") ;?> | ||
Für die Navigationsleiste <? include ("navi.php") ;?> |
Content/Inhalt
|
|
| Für den Fuss <? include ("fusszeile.php") ;?> | ||
Für dieses Beispiel müßen 3 Dateien erstellt werden.
Erstellen der Datei "kopfzeile.php"
Quellcode:
<div id="kopfzeile">
<p>Kopfzeile</p>
</div>
Das Stylesheet:
#kopfzeile { background-image: url(logo.gif); background-repeat: no-repeat; height: 100px; width: 250px; float: left; margin-top: 0; margin-left: 0; }
Erstellen der Datei "navi.php"
Quellcode:
<div id="navi">
<p>
<a href="seite1.php">Seite 1</a><br>
<a href="seite2.php">Seite 2</a><br>
<a href="seite3.php">Seite 3</a>
</p>
</div>
Das Stylesheet:
#navi { position: absolute; top: 130px; left: 0; width: 150px;
background: #d1b855 ;
visibility: visible; padding: 15px 10px 15px 20px;
}
Erstellen der Datei "fusszeile.php"
Quellcode:
<div id="fusszeile">
<p>Fusszeile</p>
</div>
Das Stylesheet:
#fusszeile{ padding: 0 10px 0 20px;
background:#dedecc; height: 40px; }
Die Formatierung der 3 Dateien erfolgt über eine externe Css Datei.
Per Include werden nun die Dateien im Quelltext Ihrer Seite eingefügt und zwar an der Stelle an der sie erscheinen sollen.
Codeschnipsel der Beispielseitei: "Seite1.php"
<body>
<div id="container">
<div id="header">
<? include ("kopfzeile.php") ;?>
</div>
<? include ("navi.php") ;?>
<div id="mainContent">
</div>
<? include ("fusszeile.php") ;?>
</div>
</body>
Fertige Beispielseite anschauen
