<li> Listen oder doch besser Bilder

[Zzotti]

Hallo,

normal sollte man ja Aufzählungen immer mit <ul> und <li> Tags durchführen.

Den <li> Tags kann man dann in der CSS Datei ein Image zuweisen (pfeil, häkchen etc.)

Also:

Code: Alles auswählen

<ul>
   <li>Aufzählungspunkt 1</li>
   <li>Aufzählungspunkt 2</li>
   <li>Aufzählungspunkt 3</li>
</ul>

Jetzt habe ich aber mal folgendes gesehen:

Anstatt <li> Aufzählungen zu verwenden (Wo dann automatisch ein Bild eingefügt wird) wird für das Bild und die eigentliche Aufzählung, ein extra div verwendet.

Beispiel:

Code: Alles auswählen

<div class="image"><img src="img/aufzaehlungsbild" alt="Text für SuMA"></div>
<div class="Aufzaehlung">Aufzählungspunkt 1</div>


<div class="image"><img src="img/aufzaehlungsbild" alt="Text für SuMA"></div>
<div class="Aufzaehlung">Aufzählungspunkt 2</div>


<div class="image"><img src="img/aufzaehlungsbild" alt="Text für SuMA"></div>
<div class="Aufzaehlung">Aufzählungspunkt 3</div>

Dass das nicht Barrierefrei ist und die SUMAS das auch nicht als Aufzählung intepretieren ist ja klar.

Aber wie sieht das SEO technisch aus?

Dadurch hat man ja die Möglichkeit jedes Bild (häkchen, Pfeil) des Aufzählungspunktes mit einem Alt-Tag zu belegen, was man bei einer normalen <li> Aufzählung ja nicht kann.

Macht das für die Onpage Optimierung Sinn? Oder sollte man es lieber lassen?

[e-fee]

Zumindest semantisch korrekt dürfte die zweite Lösung wohl kaum sein - ich denke aber nicht, dass es grundsätzlich für die Suchmaschinen derzeit einen großen Unterschied macht - mal von der Bildbeschreibung abgesehen, die natürlich ggf. als spammy angesehen werden könnte, wenn sie mit dem Bildchen nix zu tun hat und mal jemand manuell nachkontrolliert.

Davon abgesehen kann man ein Bild ja auch in eine Liste reinpacken - und um die Listenpunkte wegzukriegen, verzichtet der fortgeschrittene Seitenbauer nicht auf die Liste an sich, sondern formatiert diese per CSS mit "list-style-type:none". Ich selbst nehme z.B. für Menüs auch nur noch Listen her, denen man das auf den ersten Blick aber gar nicht ansieht, mit Text über einer Hintergrundgrafik, als Inline-Element und floatend.

[seonewbie]

Die Zeiten wo Google keine Tabellen und Listen
gelesen hat ist lange vorbei.

Nimm die li Lösung.
Setze über die Liste noch ein h2 oder h3 dann ein
strong. Unter die Bilder einen Satz, hieraus kannst
Du auch Themenrelevant Unterseiten verlinken,
aber nicht aus jedem Satz (moderat)

Für den img tag nutzt Du noch alt und für den Link
den Title tag.

Damit Google das Thema den Bildern zuordnet
e.v.t. noch <p> zwischen hx und strong und ende
der Tabelle also

Code: Alles auswählen

<h2>Überschrift Bilder</h2>
<strong>Meine Tollen Bilder bla bla ein Satz.</strong>
<p>
<ul>
   <li> <a href="http&#58;//www.domain.de/"><img src="bild.jpg" alt="Tolle Bildbeschreibung mit Keywords"/>
<br>
Dieses Bild zeigt <a href="http&#58;//www.LinkaAufSeiteMitBild.de" title"Keyword Bild" >KeywordBild&#40;Seite&#41;</a> eine tolle Sache bla bla bla ...

</a> </li>
   <li>Aufzählungspunkt 2</li>
   <li>Aufzählungspunkt 3</li>
</ul> 
</p>

Dann hast Du alles raus geholt was SEO mässig Onpage geht.
Oder hat ein Kollege noch einen Nachbrenner auf Tasche?

Das ganze kann man auch in einer Tabelle machen.
Viele Seos sagen das wäre nicht gut. Ich habe festgestellt
das die Ergebnisse mit Tabelle besser in die Bildersuche
gehen als mit DIV. E.v.t. weil Google so den Zusammenhang
BIld, Text darunter ausgehender Link besser aufnimmt?

Gruß

Micha

[Margin]

... Ich habe festgestellt das die Ergebnisse mit Tabelle besser in die Bildersuche gehen als mit DIV ...

Öhm, was ist das denn für'n Kokolorus?

Zzotti, m. E. grenzt das an (übrigens völlig überflüssigen) KW-Spam.
Relevanten Content kriegt man auch anders und vor allem einfacher, völlig ohne solche abstrusen Verrenkungen.

[seonewbie]

@Margin

Das ist aber einem Moderator nicht würdig was Du hier von dir gibst.
Hier ging es ja um Syntax. Wenn es einfacher geht dann gib ihm doch
zumindest mal ein Grundgerüst wie es deiner Mainung nach auch
geht.

Übrigens habe ich extra geschrieben das viele SEO's eine andere
Meinung vertreten so mache ich es und wie Du weist bin ich in
Bereichen unterwegs wo viele hier gar keine Auftrag annehmen.
Bei Shopssystemen mußt Du halt Kunstgriffe machen oder möchtest
Du mal ein ganzes Framework umprogrammieren ... was dann garantiert
nicht mehr update fähig ist?

Wie gesagt gib ihm mal ein html Gerüst wie Du es machen würdest.

Gruß

Micha

[Margin]

Na, meinste durch die Würde der Moderatoren würde die Aussage mit den Tabellen richtiger?
Ich habe auch das Gefühl, dass es nachts kälter ist als draußen.

Ach so, ja gerne doch, wer übernimmt die Rechnung?

[Gamling]

Nicht würdig ist übrigens auch dein Erguss da oben:

Code: Alles auswählen

<p>
<ul>
...
</ul>
</p>

Sinn des p-Tags ist im Beispiel welcher? Und entscheide dich bitte für xhtml oder html, nicht beides, danke.

[SloMo]

Wozu die Listenpunkte durch Bilder mit Keywords ersetzen. Man könnte doch viel leichter unsichtbare Grafiken mit ALT-Texten nutzen, um die Site mit Keywords anzureichern. Man könnte auch unsichtbare Div-Container mit Keywords einbauen.

All das ist Cloaking und wird von Google nicht toleriert.

[catcat]

In der Zeit, die ich benötige um sowas zu basteln mit divs und Bildern und alts, tippe ich lieber 250 Worte relevanten Text und stell den online. Da hab ich mehr von.