: "Cancel" is a relevant word in my page because of bootstrap popups I am using bootstrap's modals. Each modal contains a button (register, login, etc) and a "Cancel" button. When I first released

@Jamie184

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 : 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>

Vote Up Vote Down