Replace existing canonical tag with javascript or jquery

John R Perry picture John R Perry · Mar 16, 2015 · Viewed 9.9k times · Source

I'm wanting to create a widget for Adobe Muse that replaces the canonical tags that Muse automatically generates.

I know that this will not work with most bots because they don't run any scripts when crawling pages, but I have read that Google's bot does run scripts when it crawls.

I found many questions on how to replace the href from a links but I couldn't seem to find any questions on replacing the href URL of a canonical tag. I'm almost positive this is where I start... I just don't know how to finish it:

<script>
    $(document).ready(function() {
         $('link[rel=canonical]').attr('href' 'NEW_LINK');
    }
</script>

Answer

Miguel Mota picture Miguel Mota · Mar 16, 2015
$('link[rel="canonical"]').attr('href', 'NEW_HREF_GOES_HERE');