29. Januar 2007 in Journal » XHTML/CSS
Googles Ergebnisanzeige per userContent.css optimieren
Firefox bietet von Haus aus die Möglichkeit, per CSS das aussehen fremder Websites im eigenen Firefox-Profil zu ändern. Im Profilordner findet man das Verzeichnis chrome mit der darin enthaltenen Datei userContent.css.
In dieser Datei kann man allgemeine CSS-Stile einfliessen lassen, die für alle Websites gelten, die mit Firefox geöffnet werden. Jedoch kann man durch eine einfache Angabe CSS-Stile nur für bestimmte URLs aktivieren:
@-moz-document url-prefix(http://www.google.de) {
/* Hier Regeln für google.de einfügen */
}
Alle Regeln innerhalb dieser geschweiften Klammern werden nur unter www.google.de angewendet. Nun benötigt man nur noch einen Selektoren, der bei einem bestimmten Wert im href-Attribut eines Ankers greift. Der gewünschte Wert ist in diesem falle beginnend mit http://labuschin.com:
@-moz-document url-prefix(http://www.google.de) {
a[href ^="http://labuschin.com"] {
/* Hier Regeln für a-Elemente mit dem Ziel labuschin.com einfügen*/
}
}
Für mich reichten 2 einfache Regeln aus: Ein Innenabstand von links und mein Favicon als ungekachelten Hintergrunf beginnend links. Das würde dann so aussehen:
@-moz-document url-prefix(http://www.google.de) {
a[href ^="http://labuschin.com"] {
padding-left: 20px;
background: url(http://labuschin.com/favicon.ico) left no-repeat;
}
}
Hinweis
Bei jeder Änderung in der userContent.css muss Firefox neu gestartet werden, damit man die Änderungen sieht.
Inspiriert wurde ich durch den Artikel Showing Hyperlink Cues with CSS von Ask the CSS Guy.
Diskussion geschlossen
Die Kommentarfunktion dieses Artikels wurde deaktiviert. Private Mitteilungen an Martin bitte per E-Mail an martin@labuschin.com. Danke.
9 Kommentare
Michel Balzer am 29. Januar 2007 #
Funktioniert leider nicht, wenn die »Personaliserte Startseite« aktiviert wurde, da Google dadurch nicht direkt zur Internet-Seite linkt.
Ist aber ein genialer Tipp :)
Tadeusz Szewczyk am 29. Januar 2007 #
Ich denke die meisten SEOs werden aber sog. Ranking-Tools verwenden und nur im Ausnahmefall die Ergebnisse manuell ansehen.
Zudem gibt es einfachere Wege so etwas umzusetzen, etwa als Skript über die Firefox-Erweiterung Greasemonkey. Mach doch dafür ein Skript. Das würde ich mir dann runterladen und ich denke einige andere auch.
Koka am 29. Januar 2007 #
Um die userContent.css (oder auch userChrome.css und user.js) einfach zu bearbeiten, empfehle ich die Firefox-Erweiterung "ChromEdit Plus"
Kai Müller am 30. Januar 2007 #
Super Sache! Danke für den Artikel.
Katharina am 30. Januar 2007 #
Wow! Genau sowas hab ich mir gewünscht - ist ja wie Weihnachten ;-)
DANKE!
Tim Adler am 30. Januar 2007 #
Das wäre ja voll cool, wenn man solche Sachen tatsächlich in den Suchergebnissen von Google machen könnte :)! Aber da würden alle Leute nur Unfug mit anstellen.
Martin Labuschin am 30. Januar 2007 #
Wo du recht hast ...
Willi am 1. Februar 2007 #
Whow! Darauf habe ich schon Ewigkeiten gewartet. Jetzt finde ich meine Seite auf den ersten Blick in den SERPS. Danke.
Martin Labuschin am 1. Februar 2007 #
Vielen dank für euer nettes Feedback. Ein Script plane ich jedoch nicht.