Grafische Überschriften: img-Tags in h2-Tags

[cseifert]

Hallo Forum,

so manche (schlechte) Designs verlangen Bilder in h2-Tags:

Code: Alles auswählen

<h2><img src="..." alt="Üerschrift" /></h2>

Ist die obrige Auszeichnung in Bezug auf SEO schlechter (vielleicht wird das alt-Attribut nicht genauso ausgewertet) als z.B.

Code: Alles auswählen

<h2>Überschrift</h2>

oder hat es keinen Einfluss?

Die Frage bei der Umsetzung ist nun, ob man tatsächlich ein img-Tag rendert oder das Bild als CSS-Eigenschaft setzt (sowieso bevorzugt, allerdings mehr Aufwand bei der Umsetzung, da von CMS gerendert).

Wie löst ihr das? Was ist die beste Lösung?

VG
CSeifert

[missfeldt]

Warum nicht so:
<h2><img src="..." alt="Überschrift" />Überschrift</h2>

CSS: h2 { text-indent:-9999px; }

Die berühmten zwei Fliegen ...
Gruß, Martin

[kamui]

warum willst du dein img in einen h2-tag verpacken?

[cseifert]

Hallo,

danke für die bisherigen Fragen und Antworten.
Ich möchte nicht wirklich: das Design und der Designer möchten eine grafische Überschrift anstatt Text.

@missfeldt: bei deaktiviertem CSS bekäme der User dann zweimal das gleich geliefert. Das würde ich gern vermeiden.

[kamui]

ich denke nicht, dass ein h2-tag in diesem Fall eine Aufwertung des alternativen Textes der Grafik bewirkt.

eine mehr oder minder elegante Lösung wurde bereits von missfeldt vorgeschlagen! Wer CSS in seinem Browser deaktiviert hat, ist selbst schuld!

Die beste Lösung (aus SEO-Sicht) wäre den "Designer" umzustimmen und für die Überschriften Texte zu verwenden!

[cseifert]

ok. Ich würde dennoch

Code: Alles auswählen

<h2 style="background-image&#58;...;" class="grHeading">Überschrift</h2>

bevorzugen. Die Information wird dann nur einmal ausgeliefert.
Als Bild per CSS und als normaler Text für den Fall für Screen-Reader, bestimte Handys usw.

Danke für eure Antworten.

[Margin]

Als background-image wird das Biest nun mal endgültig "wertlos" - unter SEO-Aspekten. Und da nichts über einen sauberen Klartext-Link geht, würde ich die Images komplett rausschmeißen (würde ich nicht nur, sondern hab's bislang überall gemacht, wo sie sich zwangsaufgedrängt haben). Einen einzelnen ohne Beschriftung nutzt Du dann noch als Hintergrund für diese Linkklasse (wenn er "hübsch" ist) und ab dafür - reduziert auch ein wenig die Ladezeiten.