jQueryでcanonicalタグの書き換え

ヘッダ部分にあるcanonicalタグの書き換えです。クライアント側での変更は一応Googleもある程度見てくれているようですが気休めです。

可能ならもちろんサーバー側でしっかり指定したいところですが、そうもいかない場合は意外とありますよね。

jQueryでcanonicalタグを変更する

$(function(){
        $("link").each(function(){
            if ($(this).attr("rel").toLowerCase() == "canonical"){
                $(this).attr("href", "https://任意のcanonical先URL");
                return false;
            }
        });
});

「$(“th:contains(‘見出し’)”)」みたいにcanonicalタグが「rel」に設定されているタグを一発で探せればいいんですが私にはわかりませんでした。

とりあえず「link」要素をeachで回して、「rel」に「canonical」が指定されているタグを変更しています。修正が終わったらループから抜けます。

この方法は有名なこちらのブログでも言及されていますが、「運が良ければ機能する」ぐらいのもので過信は禁物です。