リンクを別ウィンドウで表示させたい

スポンサーリンク

はてなブログのエディタは簡単にリンクを挿入できたりして便利だが、挿入したリンクをクリックすると、同じウィンドウでリンクされることがある。例えば、Amazonの商品リンクを貼ったとしよう。

f:id:gamiura:20150717162001p:plain

エディタのリンクで貼った場合

  • 埋め込みリンクを貼ると別ウィンドウでAmazonに飛ぶ
  • タイトルリンクだと同ウィンドウでAmazonに飛ぶ

編集サイドバーのAmazon商品紹介でリンクを貼った場合

  • 詳細リンクだと同ウィンドウでAmazonに飛ぶ
  • 画像リンクだと同ウィンドウではてなキーワードに飛ぶ
  • 商品名リンクだと同ウィンドウではてなキーワードに飛ぶ

別ウィンドウでリンクしたほうがいい理由

photo by walkah
別のサイトに移動するのに、同じウィンドウで移動すると戻る場合に不便だ。
これは同じはてなのサービスであっても言えることだ。

1ページ戻るだけならまだしも、何ページか進んでしまっていたら、何度も戻るボタンを押すか履歴を辿らなくてはいけなくなる。
別ウィンドウなら元のウィンドウに戻るだけで済む。

別ウィンドウでリンクさせるhtmlタグ

やり方は簡単。
以下のhtmlタグをコピーアンドペーストして、アドレスとリンク先名を書き換えるだけだ。
<a href="ここにアドレスを入れる" target="_blank">ここにリンク先名を入れる</a>

まとめ

ユーザビリティ的にも、違うサイトへのリンクは別ウィンドウで表示させると親切だね。