Skip navigation

Make Your Technorati Tags Invisible

While I’m a fan of putting things out in front where everyone can see them, kinda like truth in advertising, an oxymoronic phrase, there is a growing interest in including Technorati Tags within your posts that are there, but not there. Enter the Invisible Technorati Tags.

I want to emphasize that hiding anything on your blog within your blog’s design can get your blog punished by Google’s PageRank, so use this carefully and cautiously. This article arose to answer the question of how to hide tags on a WordPress blog because the blog administrator didn’t want to change the WordPress Theme code, just the CSS, removing the tags from view.

Another person wanted to put tag links in their blog post content, but not make the words appear as links. They just wanted them recognized as tags. Their intent wasn’t to hide the words, but make them visible as words, not links.

In both cases, their intentions were honest, but Google and other search engines might not see it that way.

Consuming Experience’s Technorati Tags Invisible Tags and Easily Generating Invisible Technorati Tags are tutorials on how to make your Technorati Tags disappear.

The idea is to allow tagging on your site without links to the tags which will cause the visitor to leave your site when they click the tag link. This gives you the tags you need to get into Technorati’s directory, but hides them from the visitor’s view. Another reason you might want to use this technique is if you want to include tags within your post content, but you don’t want them to be obvious links.

Basically, there are three methods to hide your Technorati tag links. One is to create a tag without the link and the other is to use CSS to hide the link.

To create a tag link without the text link, use the following format, replacing the tagname with the tag name of your choice. You can put this anywhere in your post, at the beginning, middle or end.

<a href="http://www.technorati.com/tag/tagname" rel="tag"></a>

To hide your Technorati tag with CSS, create a CSS selector with the display:none or use the visibility:hidden (if the browser recognizes this) and use the class in your tag. The CSS might look like these two choices.

.invisible {display:none}

or

.invisible {visiblity:hidden}

And the HTML in the tag lin would look like this:

<a href="http://www.technorati.com/tag/tagname" class="invisible" rel="tag">tagname</a>

The third method involves using CSS, but instead of hiding the link, you change the link to resemble the color of your text. For example, let’s say you are using black text on a white background but your links are colored blue. We assign the “technorati” class to the link which changes the link format to black text with no underlining or any other indicators of the link being a link.

Be sure and style the “technorati” class to remove all styling normally found within your blog’s links.

a.technorati {color:black; text-decoration:none}
a:hover .technorati {color:black; text-decoration:none)

The HTML in the tag would look like this:

...in a sentence would be <a href="http://www.technorati.com/tag/tagname" class="technorati" rel="tag">tagname</a> as an invisible link...

Whatever your reason to want to hide your Technorati links, these examples should help you keep your Technorati tags invisible.



Site Search Tags: , , , , , , , , , , , , ,

Feed on Lorelle on WordPress Subscribe Feedburner iconVia Feedburner Subscribe by Email Visit
Copyright Lorelle VanFossen, the author of Blogging Tips, What Bloggers Won't Tell You About Blogging.

8 Comments

  1. nizhongmin
    Posted October 15, 2005 at 8:12 am | Permalink

    Lorelle,can u tell me how to edit the sidebar?
    such as put in the BLOGLINES SUBSCRIBE button..
    and can i upload the plug-in to the WordPress.com?
    thx

  2. Posted October 15, 2005 at 9:22 am | Permalink

    Stay tuned for how to mess with your sidebar in wordpress.com.

    As for plugins, javascripts, and tweaking with Themes, currently, if you are using the Default WordPress Theme, you can change the color of the background in the header. Other than that, pick one of the few Themes and blog. Report bugs that occur with normal blogging.

    Remember, wordpress.com is part of the alpha testing site for WordPressMU and WordPress 1.6 Alpha. You are part of the elite team putting these programs through the mill so soon WordPress users will have the best blogging tool around. So there are limits as to what you can do, so the developers can focus on “normal” usage and not people messing with Themes.

    Want to help, stick around, blog and report via the Feedback button.

    Want to tweak and twiddle, get the full version of WordPress. ;-)

  3. Posted July 16, 2006 at 10:58 am | Permalink

    do you think making a tag link to other than technorati tag site will be picked up by technorati ?

    cheers,

  4. Posted July 16, 2006 at 12:39 pm | Permalink

    A tag to anything is a tag. It has nothing to do with Technorati. See Tags and Tagging in WordPress for more specifics.

  5. Posted November 30, 2008 at 11:31 am | Permalink

    Thanks for the info on how to hide technorati tags within a post. I am attempting to use example number one:

    I noticed that if I used quite a few tags I had an obvious gap in my post where the tags are located. They do not appear on the post but they do take up space. Is there a way to make it to where the tags do not take up space?

    (If you go to my site and check it out you won’t find the post with the big gap because I got rid of it.)

    Thank you for your help.

  6. Posted November 30, 2008 at 6:36 pm | Permalink

    @ David:

    First of all, hiding anything on your blog can get your Google PageRank score reduced, so do this with caution. I don’t recommend doing this at all as it is considered black hat SEO.

    If you made the tags use “display:none” in the CSS, they shouldn’t take up space. So I’m not sure what you are doing, but I recommend you check with a web design forum for the answer.

  7. Posted November 30, 2008 at 10:02 pm | Permalink

    Thanks for answering. I am a bit confused because I thought I was following your advise in this post. I didn’t realize that technorati tags hidden whith in the post were bad.

    I will go back and read it, maybe I misunderstood.

  8. Posted November 30, 2008 at 10:44 pm | Permalink

    @ David:

    The article was written a long time ago, when tags were still new. I need to update it if this isn’t clear. Thanks for the reminder.


3 Trackbacks/Pingbacks

  1. [...] Just to clear some things up about tagging, tags are added to your posts in three ways. One is manually within the post content, visibly or invisibly. You can create a link to any word and make it a tagged word. For instance, in this sentence, I want people to find more information on tags. That link marked as a tag looks like this: [...]

  2. […] Make Your Technorati Tags Invisible […]

  3. […] Make Your Technorati Tags Invisible […]

Post a Comment

Follow

Get every new post delivered to your Inbox.

Join 19,726 other followers

%d bloggers like this: