Mai 8, 2009
Bildüberschrift für Suchmaschine optimieren
Da ich die Tage es mit Bildüberschriften zutun hatte, wollte ich diese natürlich bestens für die Suchmaschinen optimieren! Hier erkläre ich euch kurz wie es geht!
HTML Code:
<div class="head-line-h2">
<h1>Bild/Text H1</h1>
</div>
CSS Code:
padding: 0px;
margin: 0px;
color: #b8b4b1;
font-size: 15px;
overflow:hidden;
text-indent:-10000px;
background-image: url('grafik_uberschrift_01.jpg');
background-repeat: no-repeat;
background-position: left;
So habt ihr nun für die Suchmaschinen einen H1 mit Text aber baut im Background eine Grafik ein! Den Text verstecken wir mit dem css!
Ihr könnt den code natürlich auch so optimieren, dass Ihr den background immer im h1 tag einbaut:
Code:
<h1 style=”background-image:url(grafik_uberschrift_01.jpg)”>Bild/Text H1</h1>
Beitrag "flatten"
2 Kommentare, Kommentar schreiben oder Ping
babytragen
text-indent:-10000px;
Und da sind Suchmaschinen nicht empfindlich?
Okt 30th, 2009
basti
nop, funktioniert alles bestens!
Nov 2nd, 2009
Schreibe zu “Bildüberschrift für Suchmaschine optimieren”