h1-Element mit img oder mit CSS ansprechen?

[neuroleptika]

...Wieso sollten Suchmaschinen den fallback-Text weniger werten als normalen?

Ob das so ist wissen wir ja nicht.
Wenn es aber so ist, dann weil zu oft nur Unsinn im alt-Text steht.

Wenn das Logo für den Druck geeignet ist:

Würdest Du das Logo auch auf einem Briefpapier einsetzen, dann solltest Du es als
Vordergrundbild in Deine Seiten einsetzen.

Wenn nicht nimm ein background-image.

 

[Bernhard]

Ob das so ist wissen wir ja nicht.
Wenn es aber so ist, dann weil zu oft nur Unsinn im alt-Text steht.

Hallo Neuroleptika,

ich bin mir ziemlich sicher, dass es so ist...

Lässt sich aber relativ einfach testen: man nehme zwei bisher unbenutzte Domains,
erstelle zwei identische Seiten, die keinen Title, keine Keywords und keine Description
enthalten und suche sich ein (Kunst-) Wort, das Google bisher noch nicht kennt.

Einmal schreibt man es in <h1> und einmal erstellt man ein Bild, setzt es ebenfalls
in <h1> und gibt ihm dieses Wort als alt-Text...

Grüße
Bernhard

 

[neuroleptika]

Ich werde es ausprobieren.

 

[francesco]

Wenn es aber so ist, dann weil zu oft nur Unsinn im alt-Text steht.

Das ist meiner Meinung nach kein Grund. Auf Millionen von Websites steht im <title>-Element sowas wie "Herzlich Willkommen" oder "Seite 1", was ja auch kompletter Unsinn ist und mit dem tatsächlichen Inhalt der Seite relativ wenig zu tun hat. Deswegen stufen Suchmaschinen ja dieses Element nicht von vornherein als "weniger wichtig" ein.

 

[Efchen]

ganz einfach, weil Suchmaschinen sehr vorsichtig mit allen Inhalten sind, die der normale Besucher der Website nicht zu sehen bekommt.

Wer definiert denn bei der Aussage, dass jemand, der Lynx als Browser benutzt, nicht "normal" ist?

Da ist die Gefahr doch sehr groß, dass "Suchmaschinenoptimierer" in den alt-Text etwas hineinschreiben, womit sie gefunden werden wollen, ohne, dass es auf der Seite lesbar ist.

Wer sagt, dass es nicht lesbar ist? Wenn es nicht lesbar wäre, wäre es unwichtig und nicht wirklicher Content.

Möglichkeiten für Missbrauch gibt es immer. Wenn aber Suchmaschinen anfangen, die Spezifikationen deswegen anders zu deuten, dann ist das schlimm!

Ich werde es ausprobieren.

Auf das Ergebnis warte ich mit Spannung!

 

[neuroleptika]

Auf das Ergebnis warte ich mit Spannung!

Ich habe jetzt zwei Subdomains eingerichtet und sie von zwei bestehenden Webseiten verlinkt.
Das dauer jetzt etwas.

Ich habe dazu ein Tier erfunden. Es hat etwas gedauert einen "frischen" Begriff zu finden.

 

[Lenchen]

Das wär wirklich mal interessant zu wissen... Auch ob es dabei Unterschiede zwischen den Suchmaschinen gibt.

 

[neuroleptika]

Es sind jetzt beide Subdomains von Google indexiert.
Im Moment wird die Seite mit dem Suchbegriff in h1 img vor der Seite mit einfacher Überschrift angezeigt.

Der Dateiname für das Bild ist flugantilope.png

Der Suchbegriff:
freche flugantilope

Die Links zu den Seiten:

freche Flugantilope Paris
freche Flugantilope Stralsund

Ich halte das Beispiel für unbedeutend.
Es zeigt nur, daß es kein Nachteil sein muß ein img als Überschrift zu verwenden.

Der Dateiname vom Bild könnte zu diesem Ergebniss beigetragen haben. Muss aber nicht so sein.

Dateinamen wie banner.jpg würde ich nie verwenden.

 

[Lenchen]

Wenn man nach "freche Flugantilope" sucht, steht Stralsund vor Paris. Aber ob das eine Aussage ist? Google kann Suchergebnisse ja schlecht nebeneinander darstellen :)

 

[neuroleptika]

Ja,
aber darum ging es doch.
Jeder will ganz oben stehen.

Ich halte das Beispiel für unbedeutend.
Es zeigt nur, daß es kein Nachteil sein muß ein img als Überschrift zu verwenden.

 

[Haeger23]

Hallo,

sorry dass ich dieses Thema nochmal aufgreife, aber gibt es denn jetzt ein Best Practise für diese Problematik?

Was haltet ihr zum Beispiel von dem, wie es die Webkrauts gemacht haben?

<div id="kopf">
      <h1><a href="/"><span>Webkrauts: Für mehr Qualität im Web.</span></a></h1>
</div>

 

[vitus37]

2 unnötige Tags von insgesamt 4. SPAN und DIV können weg. ist also recht verschwenderisch gelöst.

 

[Haeger23]

Ok das DIV ist klar, der SPAN wird aber dafür benutzt den Text unsichtbar zu machen. Ist das Alles unsinnig?

 

[vitus37]

Ja ist es, man kann den A- oder H1-Tag genauso formatieren wie SPAN

 

[Loon3y]

Ja und nein! Man muss sich immer das CSS dazu anschauen.

Das im span geschriebenen ist nämlich text der auf display:none ist (besser wäre wohl z-index und hinter das bild legen). Das bild ist im <h1> als background drin.

einzigst vllt "überflüssige" ist das <div id="kopf">. Wobei das das height hat. könnte man eben ins <h1> tun. Aber im "Prinzip" ist es korrekt ausgezeichnet.


Gruß
Loon3y

 

[vitus37]

Man könnte das SPAN aber auch herausnehmen und dem A eine opacity von 0 zuweisen. :)

Edit: Naja, lässt sich drüber streiten wie mans macht. :) hätts wohl selbst mit SPAN gemacht, vorallem weil opacity (glaube ich) schon CSS3 ist.

 

[Loon3y]

Man könnte das SPAN aber auch herausnehmen und dem A eine opacity von 0 zuweisen. :)

Edit: Naja, lässt sich drüber streiten wie mans macht. :) hätts wohl selbst mit SPAN gemacht, vorallem weil opacity (glaube ich) schon CSS3 ist.

ja ist es. Das mit <span> ist eigentlich so ok, da span "aussagelos" ist und nur "styleangaben transportiert".

 

[Haeger23]

Ok ok, welche Nachteile habe ich, wenn ich das H1-Tag so auszeichne und gibt es evtl. bessere Lösungen? Oder ist es etwa einfach nur eine Stilfrage?

 

[vitus37]

In dem Fall gibt es keine Nachteile. Der Inhalt wurde semantisch richtig ausgezeichnet und DIV und SPAN wurden ich sag mal "zur Einfachheit" genutzt.

Mir fällt jetzt aber noch eine Möglichkeit ein:
Ich würde einfach das Bild direkt als Image <img> einfügen und nicht als Hintergrund.