[TYPO3-german] Grafische Headlines Erw. (Suma)

Michael Feinbier mf at hdnet.de
Thu Mar 9 16:50:04 CET 2006


Hallo,

Bobby Eichholz schrieb:
> Hallo,
> also erst mal, ich habe alles so weit, dass der Header eines
> Content-Blocks Grafisch dargestellt wird (nach Spalten unterschieden).
> Jetzt bin ich aber darauf gestossen, dass sich dies ja in Bezug auf
> Suchmaschinen eher negativ auswirkt, da diese auf der Seite keine
> Überschriften mehr findet.
> Und ein "<h1><img src="xxx" alt="xxx" /></h1>" auch wenig bis keinen
> Sinn macht.

Richtig ist, dass ein Bild alleine als Überschrift von einer
Suchmaschine nicht gelesen/erfasst werden kann.
Falsch ist jedoch, dass die Idee wenig bis keinen Sinn macht. Denn genau
 dafür ist das alt="" Attribut ja da ;) nämlich um den Inhalt des Bildes
auf eine alternative Weise darzustellen.
Es gibt keinen Grund, warum eine SuMa das negativer bewerten sollte als
Reintext. Optimalerweise nimmst du noch das title="" Attribut dazu.

> Beim googlen bin ich nun auf folgendes gestossen:
> 
> In der Seite:
> <h1 id="headline-tt_content-ID">Dies ist die Überschrift</h1>
> Im CSS:
> #headline-tt_content-ID {
> text-indent:-9999px;
> background:url(headline-tt_content-ID.jpg) no-repeat;
> }
> 

Da google angeblich ab sofort verstärkt auf CSS-Tricks schaut, würde ich
davon eher abraten. Wenn du es aber doch möchtest hier ein Ansatz:

> Die Überschrift bzw. das <h1> -Tag entsprechend rauszubekommen sollte
> kein Problem darstellen.
> Ich brauche aber mal einen Ansatz, wie ich Typo dazu bringe zum einen
> das Bild zu erstellen und irgendwo abzulegen und zum anderen passend
> dazu den CSS-Schnipsel für jede Überschrift entweder in den
> Header-Bereich der Seite zu schreiben oder eine entsprechende css-Datei
> zu erstellen.

Du denkst zu kompliziert ;) Baue folgenden CSS Code auf alle Seiten ein:

h1#headline {
	text-indent:-9999px;
	background-repeat: no-repeat;
}

Über TS lässt du dir dann folgende Überschriften generieren:

<h1 id="headline" style="background-image:
url(###MARKER###);">Überschrift</h1>

Den Marker eben mit dem Bild aus dem Gifbuuilder ersetzten.

Ich hoffe, das hilft dir :-)

Gruß

Micha

> 
> Gruss und Dank
> Bobby Eichholz



More information about the TYPO3-german mailing list