リンクでrel=”external”を使って新ウィンドウに表示させる方法 美川の山里暮らし

還暦を過ぎ、岡山県南西部の山間地で文明の利器を活用しながら田舎生活を満喫したいと思っています 日本蜜蜂の扇風行動の写真

リンクでrel=”external”を使って新ウィンドウに表示させる方法

Filed under: Home Page — タグ: , — daii @ 7:15 AM
2010年6月22日

リンクを新しいウィンドウに表示させるかどうかの問題

ワードプレスではコメントのリンクにrel=”external nofollow”との記述が自動的に入って、このリンクをクリックすると同じウィンドウ内に表示されるようになっています。これを新しいウィンドウに表示したいと思ったら、リンクを右クリックしてメニューから選ぶか、SHIFTかCTRLキーを押しながらリンクをクリックします。

ウェブページでリンクをクリックして、新しいウィンドウ表示するには、普通target=”_blank”を使います。 しかし、この書き方はXHTML (1.0Strictや1.1)には準拠していません。これは、新しいウィンドウを開くかどうかはユーザーが決めるべき問題で、ウェブページ側では決めないという考え方からきています。

でも、全ユーザーが新しいウィンドウで開くやり方を知っているかというと疑問です。やはり外部リンクは新しい窓で開きたいものです。そうしないとまた元のページに戻ってくるのが大変ですし、もう戻ってきてくれないかも知れません。

target=”_blank”を使うと、HTMLの文法チェッカーで検査すると、間違っていると警告が出ることがあります。これを回避するにはJavaScriptを使う方法があります。

JavaScriptを使ってtaget=”_blank”のかわりに rel=”external”を使う方法

それは、HTMLのヘッダーでJavaScriptを読み込ませて、リンクを設置するときにtaget=”_blank”のかわりに、 rel=”external”またはrel=”external nofollow”を使う方法です。

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
((anchor.getAttribute("rel") == "external nofollow") || (anchor.getAttribute("rel") == "nofollow external") || (anchor.getAttribute("rel") == "external")))
anchor.target = "_blank";
}
}
window.onload = externalLinks;

このコードを例えばexternal.jsという名前でドメインルート等に保存し、アップロードします。これを呼び出すには、HTMLヘッダー部で次のように記述します。

<script type="text/javascript" src="http://hogehoge.jp/external.js"></script>

これを使うにはリンク作成時にaタグ内でrel=”external”、または、 rel=”external nofollow” と書くだけです。

でも、自分の書いたコードではこれが適用できますが、広告の中のコードには適用することができません。グーグルや楽天アフィリエイトではコードを書き換えることが禁止されているからです。この方法も自己満足に過ぎませんね。知っていて損はないでしょう。

スポンサーリンク

コメントはまだありません

No comments yet.

RSS feed for comments on this post.

Sorry, the comment form is closed at this time.

Powered by WordPress