Wie "böse" sind Tabellen?

[Jokai olvaso]

Ich bin gerade dabei eine bestehende (mit Dreamweaver MX) erstellte Homepage zu überarbeiten. Bisher war alles eine einzige Tabellenorgie. Das Ersetzen des Tabellendickichts durch CSS hat auch sehr gut geklappt, nur jetzt bin ich an einem Punkt, wo ich mich frage, ob es Sinn macht:

Auf der Seite werden verschiedene Kurse angeboten und die Detailangaben (Ort, Kosten, Teilnehmerzahl usw.) werden tabellarisch präsentiert (was ja auch Sinn macht). Wäre es aus Gründen der Zugänglichkeit dennoch besser hier auch die verwendeten Tabellen komplett durch CSS zu ersetzen oder spielt das hier keine Rolle?

Sternchenfrage: wie reagiert Google (bzw. der Pagerank) wenn eine Seite inhaltlich gleich bleibt, aber die Struktur komplett umgeändert wird? Momentan hat die Seite (trotz des chaotischen Codes) einen recht hohen Pagerank.

[Rizzo]

Hallo Jokai olvaso,

Tabellen sind nicht böse, wenn man sie für den Zweck einsetzt für den sie bestimmt sind. Wenn Daten tabellarisch ausgegeben werden sollen, dann ist das gekünstelte erzwingen mit CSS falsch. Man soll nur keine Tabellen zum layouten zweckentfremden. Also: Layout und Optik = CSS - tabellarische Daten = Tabellen (die man natürlich auch mit CSS aufhübschen kann)

Google interessiert es herzlich wenig wie eine Seite aufgebaut ist, da nur die Texte erfasst werden.
[edit]
Dein letzter Satz beantwortet doch die Frage nach Google bereits. Angesichts der Tatsache das die Seite einen hohen PR hat, spricht doch eindeutig dafür das es Google egal ist, wie eine Seite "verpackt" ist.

[satre]

Aus Gründen der Barrierefreiheit sollte man bei Tabellen vor allem auf die richtige Semantik achten: Ein Herz für Tabellen, Biene-Award-Kriterien.

Die Tabellendefinitionen, wie .td, .th, .table solltest du möglichst in CSS angeben, um unnötigen Codebrei zu vermeiden.

[Jokai olvaso]

Zitat von satre

Die Tabellendefinitionen, wie .td, .th, .table solltest du möglichst in CSS angeben, um unnötigen Codebrei zu vermeiden.

Danke für die beiden Antworten! Was genau meinst Du hier? Layout-Geschichten (Text-Formatierung, Farbe usw.)?

[satre]

Zitat von Jokai olvaso

Danke für die beiden Antworten! Was genau meinst Du hier? Layout-Geschichten (Text-Formatierung, Farbe usw.)?

Genau.
Ein kleines Beispiel für den CSS-Code:

table.t_style2 {
background-color:#fff;
margin-top:5px;
margin-bottom:10px;
border-collapse:collapse;
width:100%;
}

.t_style2 th {
background-color:#142433;
color:#fff;
border:1px solid #999;
font-weight:bold;
padding:2px 4px;
}

.t_style2 td {
background-color:#fff;
color:#000;
border:1px solid #ccc;
padding:2px 4px;
}

In der HTML-Datei musst du für die Tabellenformatierung lediglich <table class="t_style2"> angeben.

[Mich@el]

Diese Erklärung zum Thema Tabellenlayout finde ich auch ganz interessant gemacht.

[Jokai olvaso]

Genau diese Präsentation war eigentlich der Auslöser meiner Frage, aber ich werde dann die Tabellen für den Zweck der Informationsvermittlung beibehalten.

[rewboss]

Wie schon gesagt: Für die Darstellung von tabellarischen Daten sind Tabellen durchaus geeignet.

Es geht darum, dass HTML die Struktur eines Dokuments, nicht das Aussehen, beschreiben soll. Das mit den Kursen ist ein Beispiel für etwas, was in einer Tabelle gehört: Um herauszufinden, wo der Kurs "Gartenzwerge für Anfänger" stattfindet, sucht man die Reihe "Gartenzwerge für Anfänger" und die Spalte "Ort", und dort wo sich Reihe und Spalte kreuzen, steht die Auskunft. Ohne <table> wäre die Tabelle von der Struktur her nur eine Liste Divs, die wohl ineinander verschachtelt werden, aber wenn man CSS ausschaltet, sieht man nur zusammenhanglose Texte und Zahlen.

Und das ist, denke ich mal, das Entscheidende: Schalte CSS aus und schau, ob du die Seite immer noch problemlos lesen kannst und Informationen finden kannst.

Beispiel: Ohne CSS, mit Tabelle:

Land           Hauptstadt    Sprache
Großbritannien London        Englisch
Frankreich     Paris         Französisch
Deutschland    Berlin        Deutsch

Ohne beides:

Land
Hauptstadt
Sprache
Großbritannien
London
Englisch
Frankreich
Paris
Französisch
Deutschland
Berlin
Deutsch

[Eifelbär]

Zitat von rewboss

Und das ist, denke ich mal, das Entscheidende: Schalte CSS aus und schau, ob du die Seite immer noch problemlos lesen kannst und Informationen finden kannst.

Sehr guter Hinweis! Das sollte eigentlich das entscheidende Kriterium sein. Diese Diskussion zeigt aber leider auch, wie weit es mit der Tabellen-Hysterie schon gekommen ist. Tabellen um jeden Preis vermeiden zu wollen macht nun wirklich keinen Sinn...

[Adromir]

Wobei ein sauberes, semantisches Markup schon Auswirkung auf Google haben.
Sind jetzt keine gesicheren Aussagen, sondern wie bei den meisten SEO- Methoden eher "begründete Vermutungen":

1. Verhältnis zwischen Code und Inhalt beeinflusst die Listung (wenn ein Dokument zu 90% Code und nur zu 10% aus Inhalt besteht nicht so optimal).

2. Wörter in Überschriften werden stärker gewichtet, als in "normalen" Textabschnitten.