Alternativtext für Grafiken mit CSS positionieren?

[doolak]

Hallo allerseits,

habe bereits nach Antworten auf meine Frage gesucht, allerdings sehr unterscheidliche Meinungen gefunden.

Ich habe ein CSS-Layout erstellt, bei welchem ich für die Überschriften Hintergrundgrafiken verwende, welche durch CSS definiert werden.
Den "Alternativtext" habe ich dann mit text-indent: -9999 verschoben, damit er nicht sichtbar ist.

Scheint eine sehr gängige Methode zu sein, ich bin jedoch unsicher, ob die Spider dieses nicht eventuell als Spam bewerten könnten. Man hätte ja auf diese Art und Weise auch die Möglichkeit, Suchbegriffe "unsichtbar" zu machen...

Überschrift im HTML-Dokument:

Code: Alles auswählen

<div id="willkommen">
<h1>Herzlich willkommen auf unserer Webseite!</h1>
</div>

Der dazugehörige CSS-Code:

Code: Alles auswählen

h1 {
	text-decoration: none;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: normal;
	margin-top: 15px;
	color: #FF9933;
	margin-bottom: 15px;
}
#willkommen h1 {
	background-image: url(img/default/willkommen.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 33px;
}

Hat jemand damit Erfahrungen gemacht? Wurde diese Verfahrensweise schonmal als Spam gewertet und Seiten deswegen aus dem Index genommen?


Würde mich sehr über eine schnelle Antwort freuen!


Liebe Grüsse,

Christian

[ole1210]

Warum willst du den Alt-text verschieben? Das wiederspricht vollkommen seiner Bestimmung.

[doolak]

Da die Grafik ja nicht in der HTML-Datei über <img> definiert wird, habe ich ja keinen Alternativtext im herkömmlichen Sinn.

Wenn ich die <h1> - Überschrift nicht verschieben würde, hätte das den Effekt, dass man zum einen die Überschrift als Grafik (willkomen.png) und zusätzlich die normale Überschrift angezeigt bekommt, beide überlagert.

[Schnipsel]

Vielleicht will er ihn aus optischen Gründen bei der Überschrift nicht angezeigt bekommen...

zu spät.. naja

[doolak]

Nochmal Klartext:

Ich habe per CSS eine Hintergrundgrafik (willkommen.png) als Überschrift eingesetzt. Dieser kann man keinen ALT-Tag zuweisen.

Damit Textbrowser und Browser, die kein CSS können, die Überschrift trotzdem anzeigen, ist für die Überschrift auch noch Text eingesetzt, welcher aber per text-indent:-9999 verschoben wird und damit für normale Browser unsichtbar ist.

[hasch]

Sofern man den Gerüchten glauben mag spidert ja Google "verbotene" Techniken.
Du kannst aber auch einfach ein <span></span> vor dem Test verwenden im <h1> und diesen dann per CSS über dem Text positionieren (position:absolute) und dem <h1> position:relative; geben...
Somit können auch User mit deaktivierten Grafiken deinen Inhalt lesen...

[doolak]

Worin besteht für Google denn der Unterschied, wenn ich den Text in <span></span> setze?
Meinst Du, es könnte besonders problematisch werden, da der Textsonst als Überschrift deklariert ist?

[Margin]

Moin moin,

und täglich grüßt das Murmeltier ...

Mit negativem text-indent habe ich noch nicht gearbeitet. Aber ich halte es für ziemlich müßig, nun jede einzelne CSS-Möglichkeit, die über "1 x Pommes Schranke" hinausgeht, auf mögliche Folgen durchzuraten - mehr ist es nicht.

Gerade die wirklich schicken und ansprechenden Seiten mit zum größtenteil echtem unique Content, also die "liebevoll" und sorfältig aufgebauten, nutzen häufig die Grenzbereiche der CSS-Möglichkeiten für die Gestaltung. Und trotzdem bekommt in keinem mir bekannten Fall bei diesen Seiten die SuMa etwas anderes zu sehen, als der Besucher. Somit verstößt derartiges gegen keine mir bekannte "Google-Richtlinie". Hinzu kommt, dass Google sich dann von vielen der besten Seiten im Netz vollkommen verabschieden müsste!

Also wenn bei Google nicht alle mit dem Klammerbeutel gepudert sind ...
Sorry, mehr fällt mir dazu allmählich nicht mehr ein.

Ich wünsch Euch eine schöne Woche


Margin