ScaraX: Best Practice: Markup für Seitentitel/Logo?

Beitrag lesen

Hallo Forum,

Es gibt ja verschiedenste Techniken, das Logo bzw. den Firmennamen/Seitentitel in einer HTML-Seite darzustellen.

Mein bisheriger Ansatz war ein <h1><a href="/">Seitentitel</a></h1>, bei dem ich dann den Text per CSS durch das Logo als Background-Image ausgetauscht habe.

Das ist semantisch ok und der Titel wird auch bei deaktiviertem CSS richtig angezeigt, allerdings gibt es bei dieser Methode das Problem, dass das Logo und somit auch der Titel beim Ausdrucken in den meisten Browsern nicht dargestellt wird.

Wenn ich statt dem Text ein img-Element funktioniert die Print-Darstellung, aber der Text steht nur noch im alt-Attribut und das kann ja in Sachen Semantik und Outline auch nicht gut sein und für SEO ist das auch nicht optimal.

Den Seitentitel einfach als reinen Text darzustellen ist in vielen Fällen trotz den Möglichkeiten von CSS3 meistens leider keine Alternative...

Daher wollte ich mal nachfragen wie Ihr das handhabt oder ob ihr das überhaupt als relevantes Problem sieht :)

Viele Grüße,
ScaraX