H1 Überschrift als Bild?

Beitrag von **croxxx69** » 02.11.2009, 02:22

hallo,

manche internetseiten haben im header keine überschrift im tekstformat, sondern viele haben logos, halt bildformate... aber im quellcode sehe ich doch das sie h1 eingefügt haben... so jetzt bin ich mir nicht so ganz sicher wie google es am liebsten mag... kann ich also meine überschrift wie hier
https://coffeenatic.com/
im logo (bild) format einbetten... und dann verstehe ich nicht genau wie ich in der html datei die h1 einbauen kann, ohne das sie auf der seite sichtbar ist?!

weil ich habe es leider noch so:
www.kava.hr
sieht halt nicht grad schön aus...

von **Anzeige von ABAKUS** »

Beitrag von **waneck** » 02.11.2009, 06:19

Ich würde das nicht machen, unsichtbarer Text kann schnell zum Supergau führen.

Gruß waneck

Beitrag von **xlb** » 02.11.2009, 07:24

N'Morgen ...

Nur mal so: "eigentlich" ist h1 bei https://coffeenatic.com/ kein Bild, sondern ein Link ...

Code: Alles auswählen

<h1><a href="/">Coffeenatic</a></h1>

... der per CSS ...

Code: Alles auswählen

#header h1,
		#header h1 a &#123;
			display&#58; block;
			width&#58; 435px;
			height&#58; 176px;
		&#125;
	
		#header h1 &#123;
			position&#58; absolute;
			left&#58; 0;
			top&#58; 0;
		&#125;
	
		#header h1 a &#123;
			background&#58; url&#40;../images/logo.png&#41; no-repeat 0 0;
			text-indent&#58; -9999px;
		&#125;

... entsprechend (mit Hintergrundbild) und "extrem nach links verschobenem" Text formatiert wurde.

Ist in der Form gängige Praxis, "könnte" aber abgestraft werden, da's recht eindeutig gegen die Richtlinien verstösst :

https://www.google.com/support/webmaste ... swer=66353

Gruss,
xlb

von **Anzeige von ABAKUS** »

Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:

einzigartige Texte
suchmaschinenoptimierte Inhalte
eine sinnvolle Content-Strategie
Beratung und Umsetzung

Jetzt anfragen: 0511 / 300325-0

Beitrag von **mano_negra** » 02.11.2009, 09:41

die seite hat das vorbildlich gemacht und verstösst absolut nicht gegen google richtlinien.
im text steht das gleiche wie im bild.
diskutieren kann man wenn im text z.b. "coffee" stehen würde, sowie es 99,9% aller seiten machen die "image replacement"-techniken einsetzen - deshalb aber auch noch nie abgestraft wurden.

Beitrag von **xlb** » 02.11.2009, 10:09

im text steht das gleiche wie im bild.

OK, aber woher "weiss" Das G-Orakel dieses? Das "G" CSS-Files liest und wahrscheinlich auch ausgiebig auf Spam-Versuche analysiert, wurde hier ja schon öfter thematisiert.

Z.B. : https://www.abakus-internet-marketing.d ... 71453.html

Streng genommen wird hier doch tatsächlich Text via CSS "versteckt", wäre doch dann nur konsequent ...?!?!

Aber wenn diese Vorgehensweise sogar vorbildlich ist ...

Beitrag von **SloMo** » 02.11.2009, 10:22

Sauber und absolut gleichwertig wäre: <h1><a href="/"><img src="../images/logo.png" alt="keyword"></a></h1>

Wozu also der Krampf? Weil sie es nicht besser wissen und statt dessen lieber so einen Zirkus veranstalten.

Natürlich schmeißt Google sie dafür nicht automatisch raus. Da schrillen nur die Alarmglocken und die Site wird einem Menschen zur Prüfung vorgelegt. Um so etwas automatisch abzustrafen, gibt es zu viel schlechten Code im Internet.

Beitrag von **croxxx69** » 02.11.2009, 13:21

SloMo hat geschrieben:Sauber und absolut gleichwertig wäre: <h1><a href="/"><img src="../images/logo.png" alt="keyword"></a></h1>

ja? das ist genauso als ob da:
<h1><strong>Meine Überschrift</strong></h1>

wär?

Beitrag von **SloMo** » 02.11.2009, 13:33

Es ist gleichwertig zu dem, was xlb da oben gepostet hat. Wenn Du es strong haben willst, mach ein <strong> drum herum. Wenn Du keinen Link haben willst, nimm das <a> weg.

Warum haben im Internet alle so einen Schiss vor Bildern? Das wäre ein ganz schön trockenes Netz, wenn IMG+ALT schlechter als normaler Text wäre. Im Prinzip sollte eine Site mit guten Bildern sogar besser ranken, als eine reine Text-Site. Das ist nur deshalb noch nicht so, weil Googlebots einen grauenhaften Geschmack haben und Google ihrem Urteil deshalb noch nicht traut.

Beitrag von **croxxx69** » 02.11.2009, 13:36

ok das mit strong und link ist klar, aber verstehe nicht so ganz wo dann die überschrift steht? d.h. die überschrift wird ja im logo sein, aber wie findet google die überschrift?
nur mit alt="keyword"? oder habe ich da was übersehen?

p.s.: wertet google seiten besser wenn man die bilder mit einem link beschmückt?

Beitrag von **SloMo** » 02.11.2009, 13:37

Ja, ALT funktioniert.

Edit: Matt Cutts Video-Link

PS

... der Alt-Text eines Bildes wird wie normaler Content behandelt, womit die Frage eigentlich beantwortet sein sollte. Verwendet man normalen Content als Link, wirkt er über zwei Mechanismen auf die beteiligten Sites, nämlich über den Content und über den Link (als Linktext).

Beitrag von **croxxx69** » 02.11.2009, 14:35

danke für den clip, schaue ich mir später in ruhe an

aha... also ist dies
<h1><strong>Meine Überschrift</strong></h1>
<img src="../SLIKE/index_glavna1.JPG" alt="Kaffee menue" width="791" height="230" />

für googel nicht stärker (weil ja da h1 mit überschrift ist und alt tag) als

<h1><a href="/"><img src="../images/logo.png" alt="keyword"></a></h1>