Archive for the ‘CSS’ Category

Posted on 5 September 2008 at 23:31 UTC, filed under CSS, Javascript, 22 comments.

Here’s a simple trick to view nofollow links in Google Chrome. Just drag and drop the following button to your bookmark bar and hit it whenever you want to see links with the rel=nofollow HTML microformat:


This bookmarklet inserts a tiny bit of CSS into the top of the page you’re currently viewing. The CSS is similar to that which is used in other nofollow highlighting methods:
Continue reading ‘Seeing nofollow links in Google Chrome’ »

Posted on 28 July 2007 at 11:31 UTC, filed under CSS, Javascript, Tricks, comment on this post.

The next step after adding CSS to highlight links with rel=nofollow is to give the user some information about what the nofollow symbol symbol and the dashed line mean. Since CSS will not allow you to add tooltips and links, we have to resort to some javascript trickery. The up-side to this is that it will also display the markup on older browsers like IE 6.

Adding this kind of markup to your site is pretty easy to do.
Continue reading ‘Adding user-friendly rel=nofollow markup (for IE too!)’ »

Posted on 25 July 2007 at 2:10 UTC, filed under CSS, Tricks, 13 comments.

caution - bad links aheadI support the “rel=nofollow” HTML microformat as a way to mark links which might be problematic, whether they’re clearly spammy, just not checked or even just sites that I don’t really want to link to (but still want to provide a link for others to use – you know, “don’t look, but that guy’s got a giant nose!”). I understand that it is important for search engines to recognize these kinds of links and to treat them differently. This of course implies that sites use the rel=nofollow properly and do not just apply it to all outbound links (or at least to all links that do not go to their own network)…

That said, I believe that all users should be able to recognize these links as being problematic (or untrusted) at first glance. The more advanced, web-savvy users will sometimes have tools installed or special settings which highlight links with “rel=nofollow”, the normal user does not. If a link is marked as being problematic / untrusted for search engines, the user should see that as well — it’s nothing more than the Google Webmaster GuidelineDon’t deceive your users or present different content to search engines than you display to users (…)“. It is deceiving to show users a normal link and at the same time tell search engines that you really don’t want to link there! In my opinion, if the link is not good enough, the user should be informed. There are two ways to do that.
Continue reading ‘Adding “rel=nofollow” markup to your site’ »