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>

[ad#posting] 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;

[ad#posting] 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>

[ad#posting]

Eure Meinung zu dem Artikel ist gefragt! Schreibt mir ein Kommentar

Hat Euch der Artikel weitergeholfen oder gefallen?
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!

Hat Euch der Artikel geholfen oder gefallen?
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste.
Vielen Dank!


Ich bin TYPO3 Freelancer, TYPO3-Entwickler, Web-Entwickler und Frontend-Entwickler. Ich arbeite im und für das Web seit 2004.
Mehr Infos zu der TYPO3 Internet-Agentur INGENIUMDESIGN.

Besucht auch unser TYPO3 Hilfe Forum.

Leave a Reply

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

2 Kommentare

  1. babytragen

    text-indent:-10000px;

    Und da sind Suchmaschinen nicht empfindlich?

Next ArticleTYPO3 "nach oben" Link richtiger Verweiß