リンク先のページを別窓(タブ)で表示する

ワードプレステーマTwentyTwelveのヘッダー画像に外部リンクを貼る方法の記事で、コメントを頂きました。本当にありがとうございました!!

そこで今回、リンクについてチョッと補足したいと思います。

私も最初は、リンクの貼り方なんて全然分からなかったんですね。そんな時がありました。無料サイトや無料ブログを使っている頃です。

少しずつ色々と調べる様になって、HTMLの基本のタグなんかを覚える様になっていきました。文字の大きさや色、下線を引くとか色々です。

で、今回はそのリンクを貼るタグについての補足になります。それでは、リンクタグを見てみましょう。

<a href="リンク先URL" title="タイトル" target="窓指定">リンク文字</a>

リンクタグの<a href=””></a>タグには、この様に色々な事を指定する事が出来ます。

titleについては、例えば自分の持っている他のサイトをリンク先に指定した場合、そのサイトのタイトルやそれに沿ったキーワードを指定する事が出来ます。

これがいわゆるアンカーテキストに相当します。SEO対策の基礎とも言える部分ですね。このtitle部分って言うのは、表面的には見える部分ではありません。

リンク先のページがどんなページなのかを簡潔に表現する事で、SEOにも適しています。リンク先がこんなページですよって、クローラーにも知らせる事が出来ます。

そしてもう一つ。target=””です。記述なしですと、今開いている窓でそのままリンク先のページを表示します。しかし、別窓指定すると、今開いているページはそのままに、別の窓(タブ)を開いてそこにリンク先を表示する事が出来ます。

target="_blank"

この様に指定してあげると、リンク先のページを別のタグ(窓)で開いてくれます。

以下に例文を載せておきます。リンク文字をクリックして確かめてみて下さいね。

<a href="https://wakariyasui.net/wpsyosinsya/" title="WP初心者の為のサイト">WP初心者の為のサイト</a>

WP初心者の為のサイト (このページ(タブ)のままTOPページが表示されます)

 

<a href="https://wakariyasui.net/wpsyosinsya/" title="WP初心者の為のサイト" target="_blank">WP初心者の為のサイト</a>

WP初心者の為のサイト (別のタブ(窓)にてTOPページが表示されます)

 

初めの内は難しく感じるかもしれませんが、慣れてくるととても簡単なのであせらなくても大丈夫ですよ☆

1 thoughts on “リンク先のページを別窓(タブ)で表示する

  1. ピンバック: TwentyTwelve ヘッダー画像に外部リンクを貼る方法 | WordPress 超初心者が挑んだ作成の足跡

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です