Heute kam bei mir die Frage auf wie ich am besten und SEO-konform den H1-Tag im Header des WordPress-Themes ausblenden kann. Löschen kam für mich nicht in Frage da ich den sonst so wichtigen H1-Tag auf den viele wenn nicht sogar alle Suchmaschinen großen Wert legen um die Seite richtig zu indexieren.

So stand also die Frage im Raum wie löse ich das Problem? Mein erster Gedanken ging dahin den H1-Tag einfach per CSS aus dem sichtbaren Bereich einer Website zu schieben und ihn so “unsichtbar” zu machen.

Diese Lösung schien aber auch noch nicht die eleganteste zu sein. Somit überlegte ich weiter und kam auf die wohl simpelste und SEO-konformste Lösung die es wohl in diesem Zusammenhang gibt.

So habe ich also in meiner CSS-Datei folgenden Anweisungen hinzugefügt:

#header h1 { display: none; }
#header .description { display: none; }

Mit dieser Technick blende ich einfach die entsprechenden Sachen in der interpretierten Website aus, jetzt hat mich Google und andere Suchmaschinen weiterhin lieb.

Die verschiedensten Quellen überschlagen sicher derzeit mit den News über den neuen Internet Explorer 8 kurz auch IE8 genannt. Wird da jetzt auch ein kleiner Schwung durch die immer noch zurückgebliebenen Internet Explorer 6 kurz IE6 – Nutzer gehen? Es würde ja mal so langsam Zeit werden, denn immer mehr Web-Developer vernachlässigen ihn bei ihrem vorhaben.

Darum auch hier ein kleiner Aufruf. BITTE, jeder doch noch mit Inter Explorer 6 die Welten des Internets unsicher macht, steig doch auf eine aktuellere Version um. Danke!

Laut Gerüchten soll es heute um 18 Uhr soweit sein, der Internet Explorer 8 soll frei zum Download zur Verfügung gestellt werden.

Aus diesem Grund habe ich auch schnell die Fehler bei Anmeldung in den Twitcharts behoben, damit diese Hürde auch gebannt ist! Ich bin gespannt wie sich der neue Browser auf die Möglichkeiten mit CSS und AJAX einlässt und sie umsetzen wird oder überhaupt.

HAPPY DOWNLOADING!

Da die Blogparade zu “Anzahl Zeilen, Plugins und Images deines Themes?” konnte ja nun leider keinen Ansturm verzeichnen und somit ergaben sich auch keine verwertbaren Ergebnisse. Aus diesem Grund werde ich deshalb auch keine Auswertung durchführen. Bei meiner 2. Blogparade sieht da ganze schon aus. Da wird die Auswertung sehr spannend.

Es gibt ein Tool das nennt sich CSSTidy dieses formatiert und optimiert den geschrieben CSS-Code. So das die CSS-Datei durchaus wesentlich kleiner wird als die Originale. Zu finden ist dieses Tool zum Download unter http://csstidy.sourceforge.net/ oder du kannst es auch direkt online unter diesem Link testen bzw. verwenden.

Folgende wesentliche Features bietet das Tool:

• Bestimmung des Komprimierungsgrads
• Angabe von CSS-Code oder URL
• Festlegen von Benutzerdefinierter Komprimierung
• Sortierung von Selektoren
• Farben komprimieren
• font-weight komprimieren
• …

Nachdem man die Komprimierung ausgeführt hat bekommt man den neuen CSS-Code angezeigt und zusätzlich wird dem Benutzer ein Protokoll geliefert welches anzeigt welche Änderungen durchgeführt wurden.

Mein CSS-Code hat sich von einer Größe von 29.131KB auf 22.122KB komprimieren lassen. Das entspricht 24.1% (-7009 Bytes).

Ich bin mit dem Ergebnis sehr zufrieden und kann dieses Tool nur jedem empfehlen!

Meine erste Blogparade (Blogparade: Anzahl Zeilen, Plugins und Images deines Themes?) die ich veranstalte. Konnte momentan noch nicht wirklich einen Erfolg verzeichnen, bisher sind 0 Einsendungen zu diesem Thema eingetroffen.

Da die Blogparade nur noch bis zum 20. Januar 2008 läuft ich doch sagen klemm dich hinter deine Tastatur und schreibe bzw. zähle was das Zeug hält.

Es gibt wohl kein besseres Buch um den Einstieg in das Thema CSS (= Cascading Style Sheets) besser zu gestalten als das von Peter Müller. In seiner 2. Auflage seines Buches „Little Boxes” behandelt er im groben folgende 4 Themen:

• Einführung. In Teil 1 werden das HTML und CSS der Beispielsite erläutert und optimiert. Das Themenspektrum reicht von FavIcons über die Aufteilung des Stylesheets in Module bis zum “Box-Modell für Inliner” und fortgeschrittenen Selektoren.
• Navigation. Im zweiten Teil werden diverse Navigationstechniken vorgestellt: horizontal mit einer Ebene (per float und mit runden Ecken), horizontal mit zwei Ebenen (als verschachtelte Liste), horizontal als Dropdown und zum Abschluss eine vertikale Navigation mit zwei Ebenen.
• Inhalt. Teil 3 widmet sich der Gestaltung der Inhalte. Beginnend beim Fließtext (Zitate, Callouts, Initialen, Bildbeschriftungen) geht es über die Erstellung von Boxen mit abgerundeten Ecken und Anwendungsmöglichkeiten von Listen zur Gestaltung von Tabellen und Formularen.
• YAML. In Teil 4 sehen Sie, wie man mit dem CSS-Framework YAML flexible mehrspaltige Layouts erstellt, und zwar anwendungsorientiert mit dem “Simple Project”

Ich persönlich habe bisher 2 Bücher von seiner Reihe “Little Boxes” gelesen, zu einem das Taschenbuch (was wohl das erste Buch war von Ihm) und das erste Band. Bevor ich diese Bücher gelesen habe wusste ich das CSS gibt und habe es auch angewendet um Tabellen und Text etc. zu gestalten aber das man so kinderleicht auch komplette Layouts gestalten kann wusste ich nicht bzw. habe mich vor der Umsetzung gescheut. Weil ich Darstellungskonflikten bis zu diesem Zeitpunkt aus dem Weg gehen wollte und mir nicht klar war wie schwer Sehbehinderte Menschen es haben Frameset und Tabellen Websites zu lesen.

Dazu hier noch eine Info, sehr interessante Seite – Warum Layout mit Tabellen dumm ist: Probleme definiert, Lösungen angeboten.

Das Lesen und Lernen mit diesem ist ein Erlebnis. Es ist mit reichlich Übung zu jedem Thema verbunden was das Lernen, Verstehen und Umsetzen sehr einfach und einprägsam gestaltet.

Meine persönliche Empfehlung ist es wer sich mit dem Thema CSS noch nicht auseinandergesetzt hat bzw. sich scheut es anzugehen sollte das Geld investieren und sich die Vorteile von CSS nahe bringen lassen.

Das Band 2 wird somit auch auf meinem Wunschzettel landen und wenn ich mit meinem Blog ein wenig Geld verdient habe werde ich es mir auch noch kaufen um die Veränderungen von Peter Müller nachverfolgen zu können und um eventuell noch wenig was dazu zu lernen.

Danke für dieses Buch an Peter Müller, die Website zum Buch.