neues zum nofollow attribut

August 24, 2005 · Filed Under Gemischtes 

Die Nofollow-Links sehen für den Besucher genauso aus wie alle anderen und funktionieren auch so. Anhand eines kleinen CSS Tricks kann man dies aber ändern.

Matt Cutts beschreibt in seinem Post Seeing nofollow links eine Möglichkeit, anhand des rel-Attributes eines Links diesen via CSS erkennbar zu machen. Matt benutzt dafür follgende CSS Definition:

a[rel~=”nofollow”] {
border: thin dashed firebrick ! important;
background-color: rgb(255, 200, 200) ! important;
}

Dies führt dazu, dass ein mit nofollow gekennzeichneter Link einen dünnen roten Rahmen und eine komische Hintergrundfarbe bekommt. Die “! important” sind wichtig, um damit evtl. vorhandene Styles zu überschreiben. Beispiel: Yahoo. Wenngleich ich nichts dagegen habe, dass Yahoo meinen PR erbt ;)

Nun, was nützt uns das? Wir können damit den Besuchern unserer Seite zeigen, welche Seiten wir wirklich empfehlen und welche wir nur verlinken, weil andere es so wollen oder wir auf etwas hinweisen müssen.

Das ist aber noch nicht alles. Der Firefox (und ich glaube auch der IE) unterstützt benutzerdefinierte Stylesheets. Damit kann der Surfer selbst entscheiden, wie etwas gestylt werden soll.
Beim Firefox kann man ganz einfach in seinem Profile Directory die Datei userContent.css anpassen und den oben gezeigten Code einfügen. Dann sieht man beim Besuch anderer Seiten sofort, welcher Link mit nofollow gekennzeichnet wurde.

Farben und Rahmen kann man natürlich seinen Wünschen anpassen, auch ein Hintergrundbild wäre denkbar.

Moblack - Die UMTS Flatrate

Comments

Leave a Reply