“Cancel” is a relevant word in my page because of bootstrap popups

Question

I am using bootstrap's modals. Each modal contains a button (register, login, etc) and a "Cancel" button.

When I first released the website, all popups were in the header (they are hidden, but you know bots will read them).

A few weeks later, I placed them in the footer because I saw on my Google webmaster tools > Optimization > Content Keywords that "Cancel" was the 2nd most relevant word with a 100% relevancy.

And the first word was the name of the website of course with 100% relevancy as well.

A few weeks later, the word "Cancel" dropped to the 3rd position with around 75% relevancy.

Is there a way to fix this? Remove or lower the relevancy of the word "Cancel"?

Answer 1

1. Why doesnt you inject the code for the modals in a $(document).ready function, by that you will hide the content from searchengines

2. If your deepest concern is your page relevancy in google, you can instruct google not to index certain parts of your page. Simply use googleoff / googleon comments, like this <!--googleoff: index--> <div>this will not be indexed by google</div> <!--googleon: index>

documentation : https://developers.google.com/search-appliance/documentation/46/admin_crawl/Preparing#pagepart

---

UPDATE / CORRECTION !!!

googleon / googleoff only work with Google Search Appliance, as Stephen Ostermiller points out. Googlebot takes the whole page or nothing. So the solution must be suggestion #1, separate the modals to a file for themselves and inject the content into the footer (or other tag) in a document ready

<script type="text/javascript">
  $(document).ready(function() {
     $.get("modals.html", function(html) {
        $("#footer").append(html);
     });
  });
</script>