サイト訪問ユーザーを逃がさない対策!リンクは常に新しいウィンドウで開くように設定。

サイト運営者なら気をつけたいポイント!リンクを開くなら新しいウィンドウで。

はじめに

人様のホームページを見ていて、たまにもったいなーと思うのが、記事内のリンクやバナーなどをクリックしたらリンク先にそのまま飛んでしまうこと。

サイト訪問者としてはどっちでもいいという人も多いと思いますが、サイトを運営している側としてはユーザーが別サイトへそのまま行ってしまうのでせっかく訪問していただいたお客様が戻ってきにくい作りなのです。

遷移(サイト移動)した先で何度かクリックをしてページを閲覧していたら、元のサイトに戻ろうにも、戻るボタンをたくさん押さなければならなかったり、元のサイトが出てこなくなったりして面倒です。

おすすめなのは、リンクを貼ったら必ず新しいウィンドウで開く、という設定を入れること!

wordpressのリンク挿入機能を使う場合

wordpressでリンクを挿入するときは、「リンクを新しいタブで開く」というチェックボックスがあり、それをチェックすることでリンクに新しいウィンドウで開く設定が入ります。

自分でタグの設定をする場合

wordpressのリンク機能を使わない場合(HTMLのタグごとコピーをする場合)は、自分でリンクの中に設定を入れることもできます。
例えば他のサイトでタグを用意してくれている場合があります。
ブログランキングやアフィリエイト広告など。

このBLOG RANKINGのサイトの場合、は別ウィンドウで開くかどうか選ぶことができますが、選べない場合もあります。
その場合は、下記の文言をaタグ(<a>)の中に追記すればOK。
href=”…..”の後ろ辺りに追記するといいでしょう。
targetというリンク先を開く対象を_blankにすると新しいウィンドウが開きます。

使用例

ただし、外部サイトをリンクにする場合は、セキュリティの問題が起こることがあるようなので、下記のコードの方がいいようです。

使用例

//yoru9zine.hatenablog.com/entry/2017/03/17/230729

動作確認

ブログランキングへのリンクになりますが、新しいウィンドウが開く動作確認にもなっています。
ついでに応援する、くらいのお気持ちでぜひ、クリックお願いします!!

コメント

  1. purchase social signals

    pihsaaqii uuljy oxvecco fgcj rnfjillxbfojkhc

  2. … [Trackback]

    […] Read More to that Topic: blog.pippuriric.com/html/openwindow/ […]

  3. … [Trackback]

    […] Read More Info here to that Topic: blog.pippuriric.com/html/openwindow/ […]

  4. … [Trackback]

    […] Read More on to that Topic: blog.pippuriric.com/html/openwindow/ […]

  5. … [Trackback]

    […] Information on that Topic: blog.pippuriric.com/html/openwindow/ […]

  6. … [Trackback]

    […] Read More Information here to that Topic: blog.pippuriric.com/html/openwindow/ […]

  7. vegus より:

    … [Trackback]

    […] Read More here on that Topic: blog.pippuriric.com/html/openwindow/ […]

  8. … [Trackback]

    […] Information on that Topic: blog.pippuriric.com/html/openwindow/ […]

  9. … [Trackback]

    […] Read More Info here on that Topic: blog.pippuriric.com/html/openwindow/ […]

  10. … [Trackback]

    […] Information on that Topic: blog.pippuriric.com/html/openwindow/ […]

  11. … [Trackback]

    […] Read More Info here to that Topic: blog.pippuriric.com/html/openwindow/ […]

  12. ratu capsa より:

    … [Trackback]

    […] Read More Info here on that Topic: blog.pippuriric.com/html/openwindow/ […]

  13. … [Trackback]

    […] Information on that Topic: blog.pippuriric.com/html/openwindow/ […]

  14. clipsfeed.net より:

    … [Trackback]

    […] Info on that Topic: blog.pippuriric.com/html/openwindow/ […]

  15. Bhojpuri Video より:

    … [Trackback]

    […] Find More on to that Topic: blog.pippuriric.com/html/openwindow/ […]

  16. … [Trackback]

    […] Find More to that Topic: blog.pippuriric.com/html/openwindow/ […]

  17. … [Trackback]

    […] Find More to that Topic: blog.pippuriric.com/html/openwindow/ […]

  18. … [Trackback]

    […] Info to that Topic: blog.pippuriric.com/html/openwindow/ […]

  19. … [Trackback]

    […] Read More here to that Topic: blog.pippuriric.com/html/openwindow/ […]

  20. … [Trackback]

    […] Find More on on that Topic: blog.pippuriric.com/html/openwindow/ […]

  21. w888 より:

    … [Trackback]

    […] Here you will find 46391 more Information to that Topic: blog.pippuriric.com/html/openwindow/ […]

  22. … [Trackback]

    […] Read More on that Topic: blog.pippuriric.com/html/openwindow/ […]

  23. letshome より:

    … [Trackback]

    […] Find More on on that Topic: blog.pippuriric.com/html/openwindow/ […]

  24. … [Trackback]

    […] Information on that Topic: blog.pippuriric.com/html/openwindow/ […]

  25. … [Trackback]

    […] Find More on to that Topic: blog.pippuriric.com/html/openwindow/ […]

  26. … [Trackback]

    […] There you will find 46222 more Info on that Topic: blog.pippuriric.com/html/openwindow/ […]

  27. … [Trackback]

    […] Find More to that Topic: blog.pippuriric.com/html/openwindow/ […]

  28. … [Trackback]

    […] Read More to that Topic: blog.pippuriric.com/html/openwindow/ […]

  29. … [Trackback]

    […] Read More to that Topic: blog.pippuriric.com/html/openwindow/ […]

  30. … [Trackback]

    […] Find More here to that Topic: blog.pippuriric.com/html/openwindow/ […]

  31. fun 88 より:

    … [Trackback]

    […] Find More on that Topic: blog.pippuriric.com/html/openwindow/ […]

  32. fun88 より:

    … [Trackback]

    […] Info on that Topic: blog.pippuriric.com/html/openwindow/ […]

  33. … [Trackback]

    […] Information on that Topic: blog.pippuriric.com/html/openwindow/ […]

  34. … [Trackback]

    […] Info to that Topic: blog.pippuriric.com/html/openwindow/ […]

  35. 918kiss より:

    … [Trackback]

    […] Info on that Topic: blog.pippuriric.com/html/openwindow/ […]

  36. … [Trackback]

    […] Info on that Topic: blog.pippuriric.com/html/openwindow/ […]

  37. … [Trackback]

    […] Find More here on that Topic: blog.pippuriric.com/html/openwindow/ […]

  38. … [Trackback]

    […] Read More to that Topic: blog.pippuriric.com/html/openwindow/ […]

  39. … [Trackback]

    […] Find More here to that Topic: blog.pippuriric.com/html/openwindow/ […]

  40. … [Trackback]

    […] Find More to that Topic: blog.pippuriric.com/html/openwindow/ […]

  41. … [Trackback]

    […] Find More to that Topic: blog.pippuriric.com/html/openwindow/ […]

  42. … [Trackback]

    […] Read More here on that Topic: blog.pippuriric.com/html/openwindow/ […]

  43. … [Trackback]

    […] Find More to that Topic: blog.pippuriric.com/html/openwindow/ […]

  44. … [Trackback]

    […] There you will find 38899 additional Information on that Topic: blog.pippuriric.com/html/openwindow/ […]

  45. … [Trackback]

    […] Information to that Topic: blog.pippuriric.com/html/openwindow/ […]