Nico Steiner - Frontend-Entwicklung und -Architektur

Mittwoch, 15. Oktober 2008

On-Page-Optimierungen unwichtig für Google & Co.?

In letzter Zeit lese und höre ich immer wieder, daß Eigenschaften, welche eine Webseite in Form ihres Codes - also On-Page - mitbringt, für Suchmaschinen nur noch eine geringe Rolle spielen. Auch die Anwendung von Webstandards, die sich ja in vielen Fällen auf die Qualität des Codes bezieht, würde in dieser Hinsicht in Frage gestellt werden. Das dem ganz und gar nicht so ist, beweist ein Artikel in den Google Webmaster Guidelines, welcher in der Rubrik Creating a Google-friendly site: Best practices veröffentlicht wurde. Hinter dem etwas irreführenden Titel Making sure your site appears properly in different browsers verbirgt sich, wenn man so will, ein Loblied auf die Einhaltung der durch die Webstandards vorgegebenen Ideen und Regeln. Somit scheint es außer Frage zu stehen, daß man dem Thema On-Page-Optimierungen und Codequalität eine angemessene Beachtung schenkt.

Geschrieben von Nico Steiner in Referenzen um 23:51 | Kommentare (0) | Trackbacks (0)

Verhindern von Focus-Rahmen

In manchen Fällen macht es Sinn, beim Klick auf ein Element den durch die Fokussierung entstehenden Rahmen zu verhindern. Konkret ist das sinnvoll, wenn durch den Klick kein Laden einer neuen Seite eingeleitet wird, sondern lediglich über DHTML eine Änderung der bestehenden Seite ausgelöst wird (Klick auf einen Reiter etc.). Um dieses Verhalten möglichst generisch und browserkompatibel zu erzeugen, wurde von mir ein JavaScript geschrieben, welches diesen Effekt automatisch an alle Elemente mit einer bestimmten CSS-Klasse bindet. Über ein getElementsByClassname werden dabei zwei Events (onmousedown und onblur) an diese Elemente gebunden, welche beim Eintreten dieser Events eine CSS-Klasse 'blur' hinzufügen bzw. wieder entfernen. Diese CSS-Klasse wiederum verhindert mit der Eigenschaft outline: 0; den unerwünschten Focus-Rahmen.
Die Lösung hat den großen Vorteil, daß ein Fokussieren des Elements mittels Tastatur-Steuerung weiterhin einen in dem Fall notwendigen Rahmen darstellt. Zum Umgang mit den Events und CSS-Klassen habe ich die YUI von Yahoo! verwendet.

Geschrieben von Nico Steiner in Referenzen um 23:12 | Kommentare (0) | Trackback (1)