5. Trick für Bildüberschriften

Viele Webdesigner setzen Überschriften als Bilddatei auf die Webseite, weil sie Titel in einer Schrift anzeigen möchten, die die meisten Surfer nicht installiert haben.

Das Problem liegt darin, dass Suchmaschinen ihnen keine Bedeutung beimessen. Selbst wenn die Überschrift als alt-Text hinterlegt ist, merken Google und Co. nicht, dass hier eine wichtige Information steckt. Daher empfiehlt sich bei Bildüberschriften folgender Trick:

h1{ background: url(pix/X.gif) no-repeat; text-indent: 2000px;}

So kann man Schriften ganz normal als Text in die Webseite einfügen. Die Textüberschrift erscheint aber nicht im Browser, da sie 2000 Pixel links vom linken Seitenrand positioniert ist und der Bildüberschrift den Vortritt lässt.