Startseite > Markt > Effiziente Webseiten mit HTML und CSS erstellen

Grundlagen: Webprogrammierung

Effiziente Webseiten mit HTML und CSS erstellen

11. Januar 2011, 13:08 Uhr |

Fortsetzung des Artikels von Teil 5

HTML und CSS fehlerfrei

Eigentlich ist es eine Selbstverständlichkeit, doch in der Praxis sieht man mehr falsche als richtige Webseiten. Trotz toleranter Browser, die viele Fehler verzeihen, hat falscher HTML-Code einige unkalkulierbare Nachteile. Allen voran: Suchmaschinen- Crawler sind bei Weitem nicht so tolerant wie Browser, weil sie auf Geschwindigkeit optimiert sind und sich keine Zeit nehmen, die wahren Intentionen des Programmierers fehlerhaften Codes zu ermitteln.Stoßen sie auf Fehler, brechen sie das Laden einer Seite unter Umständen komplett ab oder interpretieren den Code falsch. In der Konsequenz wird eine Seite zwar im Browser richtig angezeigt, von der Suchmaschine aber nicht oder nicht vollständig erfasst.Achten Sie bei Ihrem CSS-Code auf möglichst schlanke Dateien mit möglichst wenig Spezial-Formatierungen. Das macht zum einen die Fehlersuche wesentlich einfacher, beschleunigt zum anderen aber auch das Laden und Darstellen der Webseiten im Browser. Soweit irgendwie möglich sollten CSS-Deklarationen vermieden werden, die dem Browser viel Rendering- Leistung abverlangen. Das trifft vor allem auf verschachtelte Selektoren zu, wie sie leider beispielsweise auch von gängigen WordPress-Plugins wie NG Gallery verwendet werden, wo sie dann schwer zu entfernen sind, etwa

.ngg-gallery-list li.selected a

Googles Page Speed Analyzer hilft, solche Flaschenhälse zu identifizieren (code.google.com/speed/page-speed/ ).Bevor Sie also ein neues Template, ein neues Design oder einzelne statische Seiten online stellen, sollten Sie die Validität des Codes prüfen, beispielsweise mit dem kostenlosen W3C Markup Validation Service (validator.w3.org ), der sehr genaue Hinweise zur Behebung von Fehlern gibt. Nicht nur den HTML-Code sollten Sie dabei die W3C-Analyse durchlaufen lassen, sondern auch Ihre CSS-Dateien.Denn zu leicht schleichen sich auch hier Fehler ein, die unerwartete Darstellungsprobleme verursachen können, im Extremfall aber auch die Suchmaschinen-Crawler verwirren – bis hin zur Situation, dass die jeweilige Webseite falsch oder gar nicht mehr indiziert wird, wenn durch fehlerhaftes CSS beispielsweise Content unbeabsichtigt versteckt wird. Browser gleichen solche Fehler in der Regel aus, Suchmaschinen-Crawler dagegen nicht.