How to forbid indexing of links with HTML5 and jQuery

January 18, 2016 10 egor

An example of the forbid indexing of links.

It is well known that the search engines do not attract attention to the tag nofollow and noindex.

It is also known that the search engines do not process JavaScript, this we use. First, you need to include the jQuery library, if it is not included. And to add a handler click on our "miracle" links:
 

  1. <head>
  2.     <!-- ... -->
  3.     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  4.     <!-- This code your can be inserted in the js file and include it to your website -->
  5.     <script>
  6.         $(document).ready(function() {
  7.             $('a.link').click(function() {
  8.                 window.open($(this).data("link"));
  9.                 return false;
  10.             });
  11.         });
  12.     </script>
  13.     <!-- ... -->
  14. </head>

Next step, add links. Sample: 

  1. <a href="#" class="link" data-link="http://devreadwrite.com">link to site devreadwrite.com</a>

The number of links on the page can be unlimited. 

  1. <a href="#" class="link" data-link="http://devreadwrite.com">link to site devreadwrite.com</a>
  2. <a href="#" class="link" data-link="http://google.com">link to google</a>

Done, now normal links indexed and such as above is not indexed.

JavaScript,  HTML5,  jQuery