Blizzing - Bewertung

[Efchen]

Erstmal danke an Efchen, dass er meinen "Anfänger Fehler" entdeckt hat. Würde mich zwar nicht als Anfänger bezeichnen, aber ein Fehler kann ja sogar einem Profi passieren.

Es war auch überspitzt gesagt :-)
Leider passiert das Profis viel zu häufig, das sieht immer total peinlich aus und oft kann man kaum noch was erkennen.

Ähm… moment. Ist das denn sinnvoll? Weil wenn ich ein ganzes Webprojekt designe, weiß ich ja nicht welche Bilder mein Kunde letzten Endes (in Artikeln!) einsetzt.

So betrachtet, hast Du wahrscheinlich recht. Es kommt halt - wie so oft - auf den Einzelfall an. Wenn du ein Projekt erstellst, wo der Betreiber seine Bilder selber austauscht, könnte ich mir das vorstellen, dass das in die Hose geht.

Das klassische sind aber immer die Websites, die ihre Grafiken mit weißem Hintergrund einstellen und den Hintergrund der Seite vergessen. Da hast Du dann eine gelbe (oder gerne auch rosa :-)) Wand, mit einigen weißen Klecksen drauf, die sich oft sogar bis unter einen Teil des Textes hinziehen und das sieht einfach nur beknackt aus. Wie angefangen, die Wohnung zu streichen, aber nie aufgehört. :-)

 

[rapid10]

Also ich würde auch einen weißen Hintergrund empfehlen, da man mit diesem Hintergrund die meisten Farben gut erkennen kann. ;-)

Dann wollte ich noch fragen, ist es sinnvoll eine h1 in meine Start einzubauen? Da ich eigentlich keine "Über-Überschrift" habe, habe ich die Überschriften der Artikel in h2 gemacht, d.h. die erste Überschrift ist h2.
Wenn man z.B. etwas sucht, dann erscheint als Ergebnis eine h1 ("Suchergebnis für ..."). Soll ich in die Startseite jetzt auch eine einbauen, obwohl ich eigentlich gar keine brauche und ich auch nicht weiß, wo ich sie hinplatzieren solle?

Danke!

 

[Efchen]

Eine Seite ohne <h1> aber anderen Überschriften ab 2. Ordnung ist unlogisch und semantisch nicht korrekt. Die erste Überschrift einer Seite ist IMMER <h1>.
Aber Seiten ohne Überschriften könnten schon existieren, auch wenn sie ziemlich langweilig sein dürften...

 

[rapid10]

Hmm ... und wie soll ich das jetzt machen? Soll ich die h1 als Logo tarnen? Weil wirklich gebrauchen kann ich sie nicht.

 

[Efchen]

Verstehe nicht, was Du meinst?

Wenn Du keine Überschrift auf Deiner Seite hast, dann hast Du keine.
Wenn Du Überschriften hast, beginnst Du immer mit <h1>.

 

[rapid10]

Aber man darf die h1 immer nur einmal auf der Seite haben, so habe ich das gelernt. Oder ist das falsch? Darf ich alle meine Überschriften der Artikel auf der Startseite mit einer h1 versehen?

 

[Efchen]

Grundsätzlich ist das falsch.

Aber so wie ich das mache, die <h1> immer als Site-Überschrift zu nutzen, ist das tatsächlich so.

Es kommt ja auf die Wertigkeit der Überschriften an. Wenn Du mehrere Überschriften hast, die alle die oberste Ebene darstellen und alle gleichwertig sind, dann sinds halt alles <h1>. Aber meistens ist es ja so, dass es irgendeine Überschrift gibt, die noch oben drüber steht. Wenn ich als Site-Überschrift nur ein Banner ohne Inhalt habe, dann ist das natürlich kein <h1> wert. Aber ein Logo hat oftmals Content. Den Namen der Firma oder einen Slogan. Das ist dann natürlich ein <h1>.

 

[rapid10]

Und bei mir konkret? Soll/darf ich auf meiner Startseite die Überschriften der letzten Artikel in h1 machen, oder in h2 lassen? Blizzing

Oder wäre es sinnvoller das Logo als h1 zunehmen und einen Text dahinter zu platzieren, so dass er für Suchmaschinen lesbar ist? Vielen, vielen Dank für deine Hilfe. :-)

 

[Efchen]

Also für mich ist "Blizzing" eine Überschrift.
Und das Logo enthält Content. Also muss es eigentlich auch als <img> eingebunden werden.
Content=HTML, Design=CSS

 

[rapid10]

Soll ich dieses mithilfe von dem hier machen: Grafische Navi 1? Oder ganz normal mit dem img-Tag und CSS?

 

[Efchen]

<h1><img src="blizzing.jpg" alt="Blizzing" /></h1>

 

[rapid10]

Haha xD Vielen Dank! Und können das auch Suchmaschinen erfassen?

 

[Efchen]

Warum sollten sie nicht?
So wie Du es jetzt hast, mit Hintergrund-Image, können sie es NICHT erfassen. Weil sie ja CSS nicht auslesen.
Das jetzt heißt für Suchmaschinen: "Überschrift mit Textinhalt 'Blizzing'"

 

[rapid10]

Sehr gut, vielen Dank! Da ich ja den alt-Tag benutze, erkennt die Suchmaschine kein Bild sondern den Alternativtext. Sehe ich das richtig?

Dann wollte ich dich auch noch fragen, ob dir gravierende Fehler im Quellcode aufgefallen sind. Wäre echt super, danke! :)

 

[Körnerbrötchen]

Sehr gut, vielen Dank! Da ich ja den alt-Tag benutze, erkennt die Suchmaschine kein Bild sondern den Alternativtext. Sehe ich das richtig?

Ja, das ist so richtig.

 

[Voodoo]

Also.. es gibt da neben dem Alternativtext noch eine andere Möglichkeit, die eigentlich so relativ häufig Verwendung findet:
Du kannst da im Prinzip auch dein Hintergrundbild behalten und dir ein <h1>Blizzing</h1> in den Quelltext schreiben mit display:none;
Eleganter und weiter verbreitet ist es eigentlich, <h1>Text der Hintergrundgrafik</h1> zu schreiben und dann einfach mit text-indent:-100em; den Text quasi unsichtbar zu machen. So werden alle glücklich.

Gruß
Voodoo

 

[Efchen]

Sehr gut, vielen Dank! Da ich ja den alt-Tag benutze, erkennt die Suchmaschine kein Bild sondern den Alternativtext. Sehe ich das richtig?

Bis auf die Tatsache, dass "alt" ein Attribut des "img"-Tags ist und nicht selbst ein Tag, ja. :-)

 

[koslowski]

Soll ich dieses mithilfe von dem hier machen: Grafische Navi 1? Oder ganz normal mit dem img-Tag und CSS?

normal mache ich das so ähnlich.

Man kann das Logo aber auch ganz normal als img einbinden und im alt-Text eine passende Beschriftung wählen.
In dem Fall zeichne ich das Logo auch als h1 aus.

 

[koslowski]

Eleganter und weiter verbreitet ist es eigentlich, <h1>Text der Hintergrundgrafik</h1> zu schreiben und dann einfach mit text-indent:-100em; den Text quasi unsichtbar zu machen. So werden alle glücklich.

ist auch eine Image Replacement Technik (Phark)

Finde ich überhaupt nicht elegant.
Die Grafik über den Text schieben (Gilder/Levin) ist imho viel eleganter und auch sicher nicht weniger verbreitet.

 

[ky_fr34k]

Ich verstehe nicht ganz warum überhaupt eine Image Replacement Technik eingesetzt werden muss.
Kann der Google-Bot das alt-Attribut nicht auslesen, oder was ist der Vorteil dieser komischen Technik?

Gruß KY