HTML Code that links to another site wihout showing as a link(SEO Purposes)???

by derh
22 replies
  • WEB DESIGN
  • |
Do any of you guys know this code?
#code #html #link #links #showing #site #wihout
  • Profile picture of the author Chris DeMarco
    Do you mean in the "view source" or so it looks like the text that surrounds it?
    {{ DiscussionBoard.errors[2803365].message }}
  • Profile picture of the author derh
    It's the code that google recognizes it as out outbound link to another site but when a reader looks at the text, they can't tell it's a link to an external site.

    Does this help??
    Signature

    {{ DiscussionBoard.errors[2803385].message }}
    • Profile picture of the author nikysoya
      can anyone tell me how to hide html code on source page
      {{ DiscussionBoard.errors[2809477].message }}
      • Profile picture of the author mankis
        Originally Posted by nikysoya View Post

        can anyone tell me how to hide html code on source page
        you could use some HTML Encryption tool
        {{ DiscussionBoard.errors[2812599].message }}
  • Profile picture of the author Chris DeMarco
    I think this is what you mean. See sample below.
    I created a CSS class called "linkgone" (between the style tags below) which changed the text color to black to match the surrounding text and removed the link underline. I then applied the style to the <a href> tag using class="linkgone"

    Google reads the HTML code so they will see the <a href> and recognize it as a link. The reader won't see the link because you changed the color and underline status with the CSS class.

    I can't post links yet so you will have to substitute the amazon link where it says "link here".

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>

    <style type="text/css">
    .linkgone {

    color: #000;
    text-decoration: none;
    }
    </style>

    </head>
    <body>

    This is a text <a href="link here" class="linkgone">Amazon.com</a>
    </body>

    It is better to include the CSS class in an external style sheet. There may be a better way to code the CSS but I don't know enough about your design and code. If you put this code in an HTML file you will see the result.

    Is that what you were looking for?
    {{ DiscussionBoard.errors[2803587].message }}
  • Profile picture of the author derh
    I think this is what I looking for...

    so if:

    my text says something like "BassPro Shops" and the readers only see "BassPro Shops" but "BassPro Shops" is a link to an authoritative site.

    The point is to have my sites linked to big authoritative sites without my readers knowing it thus to prevent them from clicking on the links.

    ***this is done for SEO purposes only***

    So do the above code do this. (this code seems rather long, what part do I use)

    How do I put into a Wordpress Site?
    Signature

    {{ DiscussionBoard.errors[2803879].message }}
  • Profile picture of the author gpetrioli
    If you can include jQuery in your blog you can run the following line and it will remove the links with javascript (which means for visitors and not for bots)\

    first you will need to add a class to your links so you can target them easy .

    so
    HTML Code:
    <a href="..." class="seo">link text</a>
    then you need to include in your page only once the following

    HTML Code:
    <script type="text/javascript">
    $(function(){
      $('a.seo').removeAttr('href');
    });
    </script>
    if you cannot include jQUery then just add this at the end of your page

    HTML Code:
    <script type="text/javascript">
    var seo = document.querySelectorAll('.seo');
    for (var i = 0; i < seo.length; i++)
    {
        seo[i].removeAttribute('href');
    }
    </script>
    This last way does not work from IE7 and below..

    It can be done for all browser versions if it suits your needs ..
    {{ DiscussionBoard.errors[2804714].message }}
  • Profile picture of the author derh
    Thanks guys
    Signature

    {{ DiscussionBoard.errors[2805407].message }}
  • Profile picture of the author derh
    So how about this:

    <a style="text-decoration:none;color:black;" href="http://www.linkhere.com/" ref="nofollow">Site Text</a>

    Does this look Right?


    And again, thanks for your help guys
    Signature

    {{ DiscussionBoard.errors[2805468].message }}
  • Profile picture of the author billy_the_sound
    overlay it with other block.

    example

    <a href="hxxp://yahoo.com">Yahoo</a>

    <a style="display:block;cursor:default;position:absolute;width:100px;height:30px;" href="hxxp://yoursite.com"></a>

    the main idea is to overlay your link with an empty block, and change the cursor to default cursor / text cursor, so user wont notice it as a link, and even they click it, it will go to your main site

    hope it help
    {{ DiscussionBoard.errors[2805487].message }}
  • Profile picture of the author CarloD.
    Just curious....why? you want to create a link that people cannot tell its a link?

    Just use CSS and style the link to be the same as the text. You would need to apply the style to your :link :hover and :hover
    Signature

    {{ DiscussionBoard.errors[2805542].message }}
  • Profile picture of the author SteveJohnson
    For crying out loud - just put the link in your copy and don't worry about it. People don't automatically click outbound links - unless what they're reading isn't what they were looking for.

    Beyond that - does anyone remember the old "trick" of making links the same color as the background, for "SEO purposes"? A lot of people felt the cold hand of a Google slap from that one.

    Do you people honestly think that the great and powerful Google doesn't read stylesheets? Hello?
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[2805828].message }}
  • Profile picture of the author gpetrioli
    Steve,

    making links the color of the background means making them invisible.. that is foul play.

    Making link the same color as the rest of the text is just aesthetics... surely google does not wish to impose aesthetic standards on the web ..
    {{ DiscussionBoard.errors[2806123].message }}
    • Profile picture of the author SteveJohnson
      Originally Posted by gpetrioli View Post

      Steve,

      making links the color of the background means making them invisible.. that is foul play.

      Making link the same color as the rest of the text is just aesthetics... surely google does not wish to impose aesthetic standards on the web ..
      You can try and split hairs all you want by calling it 'aesthetics' - making a link the same color as the text doesn't effectively make them 'invisible'? - but in Google's all-powerful mind, it sees a link and the reader doesn't. To them, that's "serving different content" and Google shall smite thee.
      Signature

      The 2nd Amendment, 1789 - The Original Homeland Security.

      Gun control means never having to say, "I missed you."

      {{ DiscussionBoard.errors[2806333].message }}
  • Profile picture of the author derh
    thanks gpetrioli and billy the sound for your help!!
    Signature

    {{ DiscussionBoard.errors[2806154].message }}
  • Profile picture of the author gpetrioli
    Steve, you are really confusing the concept of "serving differenct content".

    This relates to sniffing the user agent and if you identify it as a bot, show different content than if you identify it as a browser.. (it is black-hat)

    Decorating links is definitely not an issue.
    {{ DiscussionBoard.errors[2806670].message }}
    • Profile picture of the author Ambius
      gpetrioli you are assuming that the rules are black and white and followed to the letter. They are not. Google will interpret and apply their rules however they see fit in an attempt to make the internet a better place and to improve the quality of their search results. Google's policy is that everything on a website should be there to serve users NOT just for SEO. paint the links whatever color you want, but if you are using deceptive practices, and google finds it, they will not be happy with you. They will either trash your PR or completely blacklist your domain from their engine.


      deceptive = bad.
      hiding links = deceptive
      therefore
      hiding links = bad

      I can't recommend doing this by any means.
      {{ DiscussionBoard.errors[2806726].message }}
  • Profile picture of the author SteveJohnson
    Originally Posted by gpetrioli View Post

    Steve, you are really confusing the concept of "serving differenct content".
    I'm not confusing anything, sorry. It does emphatically NOT just relate to sniffing the UA. What it DOES relate to is having SEs see different content than what the user sees - whether it's actually links hidden by making their text color the same as the background, or by making the link appear as normal text to the user but not to the SE.

    Do you recognize the following quotation?

    "...any text on the page which is not directly represented to the user is abused to manipulate search engines."
    A link that is style to not look like a link is "not directly represented to the user".

    Whatever.

    My main point in all of this was that if a site owner is worried about displaying outbound links because of fear that someone will click away from their site, they're probably better off spending the time putting out better content so that readers have a reason to stay.
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[2806797].message }}
    • Profile picture of the author millerb7
      Originally Posted by SteveJohnson View Post

      I'm not confusing anything, sorry. It does emphatically NOT just relate to sniffing the UA. What it DOES relate to is having SEs see different content than what the user sees - whether it's actually links hidden by making their text color the same as the background, or by making the link appear as normal text to the user but not to the SE.

      Do you recognize the following quotation?

      A link that is style to not look like a link is "not directly represented to the user".

      Whatever.

      My main point in all of this was that if a site owner is worried about displaying outbound links because of fear that someone will click away from their site, they're probably better off spending the time putting out better content so that readers have a reason to stay.
      This gentleman is 100% correct. I would view that as pretty shady myself to try to disguise your outbound links. If you are hurting that bad for good content to keep folks on your site, why give away linkjuice to another site anyways?


      On a different note, you can change all the colors of your links by using the:

      a {
      }

      in your css. It's VERY simple to do... you can even change your:

      a:link - regular link
      a:visited - link already visited
      a:hover - link with mouse currently over it
      a:active - the second the link is clicked.

      You could adjust all of these with one single css entry and be done with it, but again, I don't think it's good practice.
      {{ DiscussionBoard.errors[2806861].message }}
  • Profile picture of the author Chris DeMarco
    I would agree that Google may not be happy with you if you misrepresent the link. You may be doing a lot of work trying to disguise the link when the number of people that could leave the site could be very small. I don't think it's worth the effort or the risk to your SE ranking.
    {{ DiscussionBoard.errors[2807203].message }}
  • Profile picture of the author millerb7
    It's not common so I question your reasons... but you can do it via javascript using a decoding algorithm. It is easily reversed though for those that know javascript... so 100% hiding, not possible I would think.
    {{ DiscussionBoard.errors[2812050].message }}

Trending Topics