Thread: [ASK] How to Hide Internal Links?

Hi all,

Finally got a little bit of time to work on my own sites and was wondering how to hide my internal links?

The point is it's a casino review site and is basically a very clever pre-sell with a link in the last paragraph to join. Thing is, I want to link all relevant pages together for search engine spiders, as I believe this is a great part of on-page SEO, but I don't want a blanket of links taking the readers' eyes from the 'money' link. I want the internal links to be light black, the same colour as the text so the reader won't even notice.

It's a WordPress site by the way and thanks in advance.

WordPress.com or self-hosted?

You can control links with css. a:link, a:visited, a:hover, a:active are selectors for the four states of links. You would make a rule like color: black; to make them black can also be color: #XXXXXX; to match other colors. If you are on WP.com you would probably need to go for the paid upgrade to make a stylesheet. Self hosted look under appearance>editor to edit your files.

Self hosted. Thanks for the answer. I'll look into that.

I forgot to mention that you will also need a text-decoration: none; rule. (Can't remember if it is 'decorate' or 'decoration'.) Otherwise you will still get the underline.

Yes, just blend the link in with the body text, but don't hide it completely, that is bad for SEO

---------- Post added 09-05-2011 at 02:37 AM ----------

and against Google's terms of service

Yeah cheers - I'll make the 'hidden' links black (as opposed to dark grey like this colour of print) and the 'money' links bright blue.

All is said, just make the link text appears as part of the normal text in the paragraphs.
Lets say that you have these styles for normal text, and they appears, in a class content div in paragraphs:

.content p {
color:#c9c9c9;
font-size:14px;
font-family:Verdana, Georgia, sans-serif;
}

so, for css link tex styles:

.content p a, .content p a:hover, .content a:visited, .content a:link{
text-decoration:none;
color:#c9c9c9;
font-size:14px;
font-family:Verdana, Georgia, sans-serif;
}

Actually restating the font-family and font-size is unnecessary in this case as they will cascade down from the .content p styles. If you wanted to make the links a different size or font you would need to list them in the css.