Nachteil von Tabellen?

[Stephan75]

Hallo zusammen,

meine Seite ist mit Tabellen aufgebaut und mich würde nun einmal interessieren was das für Nachteile bei den Suchmaschinen darstellt. Viele sagen nämlich als erstes wenn sie meine HP sehen "Oh Gott, mit Tabelle gemacht". Das verstehe ich nicht ganz. Kann das jemand erklären?

[Wishu]

AW: Nachteil von Tabellen?

Auf www.wishu.de/wiwepro/faq/tabellendesign.php habe ich das mal kurz zusammen gefasst, da die Seite jedoch derzeit leider nicht zu erreichen ist, hier mal den Text der dort verfasst ist:

Viele sind der Meinung dass Tabellen sich geradezu anbieten um ein Design daraus zu formen, das mag vielleicht auch stimmen, doch ist es falsch dies zu tun. Tabellen sind nur für tabellarischen Inhalt gedacht, sprich eine Wertetabelle eine Mitgliederliste oder Ähnlichem.

Tabellen sind jedoch nicht nur nicht dazu gedacht ein Design mit ihnen zu machen, es ist auch dazu noch unvorteilhaft. Durch ein Tabellendesign wird der Code größer als mit einem standardkonformen XHTML - CSS Design, was dazu führt, dass die Ladezeiten deiner Seite um ein Vielfaches länger sind als mit einem standardkonformen XHTML - CSS Design. Auch wird eine Tabelle erst dargestellt, wenn der komplette Inhalt geladen ist. Ihr seht also nichts ausser die ladende leere Seite, wenn in eurer Tabelle größerer Inhalt ist. Auch für Besucher, welche noch ein Modem benutzen ist so etwas eine Qual, da sie erst warten müssen, bis alles geladen wird, was unter solchen Umständen schon sehr lange dauern kann. Bei einem standardkonformen XHTML - CSS Design, ist dies nicht der Fall, bei diesem wird ab dem ersten Byte, welcher geladen wird, auch das was bereits geladen wurde angezeigt. heißt also, dass man sich die Wartezeit schon einmal mit lesen vertreiben kann.

Ein Tabellendesign ist auch nicht so felxibel wie ein standardkonformes XHTML - CSS Design. Die Möglichkeiten mit einem Tabellendesign sind stark begrenzt, also hat es keine Vorteile. Auch dauert es länger bis man diese veraltete Technik erlent hat als CSS zu lernen und will schon seine Zeit mit einer Technik verschwenden, welche schon seit knapp 10 Jahren veraltet ist?

Fazit: Es ist möglich mit Tabellen ein Design zu erstellen, jedoch ist es nicht ratsam, aufgrund vieler Einschränkungen. Auch sollte man keine Steinzeittechniken verwenden, welche die Ladezeit um ein vielfaches verlängern.

Gruß
Wishu

[Ingo]

AW: Nachteil von Tabellen?

Hi,
ein Nachteil - ganz besonders bei Deinen wirklich grauenhaften Tabellenkonstrukten - ist der extreme Ballast an HTML-Code, der dazu führt, dass die Dateien unnötig groß werden (mehr Traffic und Ladezeiten) und - für Suchmaschinen möglicherweise relevant - das Verhältnis von Inhalt und HTML-Code extrem schlecht ist.

Mal Deine Seite http://www.i-w-s-w.de/impressum.htm zum Beispiel:
49272 Byte Dateigröße für 1426 Byte Inhalt = 2,9% Inhalt zu 97,1% Overhead.
Und dabei fehlt dem Document sogar noch DOCTYPE, TITLE und andere vorgeschriebenen Tags.

Mal ein Auszug aus dem Quelltext:

			<tr>
				<td style="border-left:1px solid #000080; border-right:medium none #000080; " width="22">

				&nbsp;</td>
				<td style="border-right:medium none #000080; " width="82">
				&nbsp;</td>
				<td style="border-right:medium none #000080; " width="56">
				&nbsp;</td>
				<td style="border-right:medium none #000080; " align="center">
				&nbsp;</td>
				<td style="border-right:medium none #000080; " align="center">
				&nbsp;</td>

				<td style="border-right:medium none #000080; " align="center">
				&nbsp;</td>
				<td style="border-right:medium none #000080; " align="center">
				&nbsp;</td>
				<td style="border-right:medium none #000080; " align="center">
				&nbsp;</td>
				<td style="border-right:medium none #000080; border-bottom-style:none; border-bottom-width:medium" align="center">
				&nbsp;</td>
				<td style="border-left:medium none #000080; border-right:medium none #000080; border-bottom:medium none #000080; border-top-style:none; border-top-width:medium" width="85">

				&nbsp;</td>
				<td style="border-left:medium none #000080; border-bottom-style:none; border-bottom-width:medium" width="64">
				&nbsp;</td>
				<td style="border-left:medium none #000080; border-right:1px solid #000080; " width="21">
				&nbsp;</td>
			</tr>

Das sind 1300 Byte Markup für ... Du solltest es selbst sehen ... 0 Byte Inhalt. Dieses Markup stellt lediglich eine schwarze Linie über "IWS Industrie- Wartungs- Systeme" dar.
Sinnvolles MarkUp wäre:

<div class="IWS"><h2>IWS Industrie- Wartungs- Systeme</h2>
...
</div>

Das wären 32 Byte MarkUp (plus etwas ausgelagertes CSS) für 27 Byte Inhalt - und da in diese Box ja noch weitere Inhalte kommen, verschiebt sich das Verhältnis deutlich zugunsten des Inhalts.

Gruß
Ingo

[Stephan75]

AW: Nachteil von Tabellen?

Vielen Danke für die infos!

Da ich mit FrontPage arbeite war das für mich die einfachste weise meine Texte und Bilder schön zu ordnen.

Hoffe mir fällt da noch was anderes ein außer es mit Tabelle hinzubekommen.
Werd mal rumprobieren müssen.

Danke,
Stephan

[Shen]

AW: Nachteil von Tabellen?

Hoffe mir fällt da noch was anderes ein außer es mit Tabelle hinzubekommen.
Werd mal rumprobieren müssen.

CSS ist die Antwort

[Martin_]

AW: Nachteil von Tabellen?

Hallo,

Habe gerade das Buch von Harald Taglinger "Jetzt lerne ich HTML" durchgearbeitet und mir nun einiges an Grundwissen angeeignet.
Jetzt höre ich verstärkt, dass eine gute Suchmaschinenoptimierung mit XHTML in Kombination mit CSS gemacht wird - Stichwort Tableless Design.

Aufbauend zu meinen HTML Grundlagen suche ich nun eine geeignete Literatur mit XHTML und CSS.
Kann mir hier jemand weiterhelfen?

LG, Martin

[Elvis]

AW: Nachteil von Tabellen?

Meine Standardempfehlung

[sejuma]

AW: Nachteil von Tabellen?

Zum Einstieg kann ich dir "Little Boxes" (Peter Müller) und "Jetzt lerne ich CSS" (Florence Maurice/Patricia Rex) empfehlen.
(falls du sofort anfangen willst: meine Signatur )

[Vinc]

AW: Nachteil von Tabellen?

das buch das elvis empfohlen hat habe ich selbst und kann es auch nur weiter empfehlen (Einführung in XHTML, CSS und Webdesign)