PC Bibo 6 top > お役立ち・便利情報
お役立ち・便利情報

外部のサイトへのリンクは別ウィンドウで

リンクには、同一のウィンドウで開くものと、別ウィンドウで開くものがあります。どのように使い分けたらいいのでしょうか。

一般的には、リンク先が同一サイト内のページの場合は同一ウィンドウで、リンク先が外部サイトの場合は別ウィンドウで開くようにすると親切だと思います。

リンク集などで、リンクをクリックすると同一のウィンドで開くように設定しているとします。この場合、リンク先のウィンドウをうっかり閉じてしまうと、もう二度とあなたのサイトには戻ってきてもらえないかもしれません。

また、うっかりウィンドを閉じることがなかった場合でも、リンク先から何度もクリックしてページを移動した場合は、元に戻るのが面倒になります。このような理由から、外部サイトへのリンクを貼るときは別ウィンドウで開くようにしたほうが親切だと思います。

たとえば、「詳細はこちら」を同一ウィンドウで開く場合は以下のように記述します。

詳細は<a href="http://pcbibo6.jeez.jp/">こちら</a>

このリンクを別ウィンドウで開くようにするには、リンクタグに target="_blank" を挿入するだけです。具体的には以下のように記述します。

詳細は<a href="http://pcbibo6.jeez.jp/" target="_blank">こちら</a>

リンクを挿入すると、デフォルトで同一ウィンドウで開く設定になっているブログもあります。このような場合は、target="_blank" を挿入しておくとよいと思います。また、アフィリエイトリンクの中には、デフォルトで同一ウィンドウで開く設定になっているものがありますの。このような場合も、タグを取得して貼り付けたあと、target="_blank" を挿入しておくとよいでしょう。Movable Type の記事中のリンク先を別ウィンドウで開くようにするには、「Movable Type のリンク先を別ウィンドウで開くようにする 」を参照してください。

アフィリエイトのタグの場合、記述がとても長く、どこに target="_blank" を挿入したらいいのか迷うかもしれませんが、リンクを貼る文字列の直前の「>」の前に入れるとよいでしょう。たとえば、リンクを貼る文字列が「今月のベストセラー」だとすると、次のように記述します。

<a href="http://www.xxxx/xx/xxxxie=UTF8&keywords =xxxxxxxxxxxxxxxxxxxx&tag=xxxxx&index=xxxxxxxxx=xxxxxxxxx=xxxx& xxxxxxxx=xxxx" target="_blank">今月のベストセラー</a><img src="http://www.xxxxx.jp/x/xx?t=xxxxx-xx&l=xx&o=9" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

毎回、target="_blank" とタイプするのも大変なので、たとえば「べつまど」などで単語登録おくと便利です。

また、検索サイトでも、検索結果を別ウィンドウで開くようにしておくと、うっかりウィンドウを閉じてしまって悔しい思いをすることがなくなります。

Google の場合は、画面右上の [検索設定] をクリックし、[検索結果を新しいウィンドウで開く。] にチェックを入れ、画面右下の [保存] ボタンをクリックします。これで、検索結果が新しいウィンドウで開くようになります。

Yahoo の場合は、Yahoo 検索のトップページで [設定] をクリックし、[ウェブ検索結果、スポンサードサーチをクリックしたときに別ウィンドウで表示する。] にチェックを入れ、[設定保存] ボタンをクリックします。

最後に、同一ウィンドウで開く設定になっているページでも、リンク先を別ウィンドウで開く方法があります。Shift キーを押しながらリンクをクリックしてみてください。リンク先のページが別ウィンドウで開きます。この方法は、案外知らない人が多いと思いますが、覚えておくと便利です。

ロゴ(バナー)を作成できるサイト

ロゴを作成できるサイト

1. フリーフォントでロゴ作成

フォント作成例:

設定:
サイズ: 30
x 座標: 8
y 座標: 35
幅: 200
高さ: 40
フォント名: えるまーP
背景色: ffffff
テキスト色: 666666

画像枠: なし
背景色: ffffff

2. ロゴ&バナー無料自動作成: AUTOLOGO(オートロゴ)

サイトにアクセスして、[タイトルロゴ&ライン作成] をクリック。

作成例:

設定:
フォント: F09
幅: 50%
高さ: 50%

自分のブログやサイトの人気記事(エントリー)のランキングを簡単に作成できるツール

ブログやサイトの記事が古くなると、読んでもらえる機会がどんどん減っていきます。また、自分のブログのどんな記事がよくアクセスされているのか、どんな記事が人気があるのかを知ると、今後記事を書くときの参考になります。

ACR WEB のページランキングを利用すると、プラグインを使ったり、難しいコードを記述したりしなくても、簡単に人気記事のアクセスランキングを表示できます。ランキングの対象にしたいページの任意の場所に ACR WEB バナーのタグを貼り付け(このサイトの表示例は、ページ左側のサイドバーのいちばん下を参照)、ランキングを表示したい箇所にランキング表示用タグを貼り付けるだけです。

このサイトでは、「人気記事ランキング」というページを作成して、そこに以下のランキングを表示しています。

表のタイトル、幅、文字サイズ、色などは自由に編集できます。幅を小さく設定すると、サイドバーにも設置可能です。ランキングは最大 50 位まで表示でき、アクセス数も表示できます。

詳細は、ACR WEB ページランキングにアクセスしてください。
わかりやすい設置マニュアルも用意されています。

Twitter をわかりやすく説明したサイト

Twitter の始め方や活用方法などをわかりやすく説明してくれているサイトのリンク集

Twitter(ツイッター)を始めよう!
Twitter(ツイッター)の登録から使い方までを解説しています。

ついったー?Twitterとはいったい何なの?
ツイッターの基本から丁寧に説明されています。

勝間和代のTwitter初心者のための使いこなしの10ステップ
初心者向けに丁寧に説明してくれています。

勝間和代のTwitter初級者が中級者になるための使いこなし10ステップ
初級者向けの続編です。

Twitterの公式RT、非公式RT、QTの違いを分かりやすく図で描いてみた
リツイートについて詳しく説明されてます。

Twitter lists 機能の使い方
Twitter のリストについてわかりやすく説明されています。

Twitter のリスト作成時の注意

Twitter のアカウントを作成したばかりのときに、試しにリストを作ってみようと思い、「リスト1」という名前の非公開リストを作成しました。リスト名に日本語は使えないことは知らなかったので、日本語を入れてしまったのですが、日本語の名前でもリストは作成できました(ただし「???1」と表示されます)。

必要で作成したリストではないので、削除しようとしたのですが削除できません。「リストページを表示する」をクリックすると、「Sorry, that page doesn't exist!」と表示され、削除することも編集することもできないのです。

Twitter のサポートにメールで問い合わせたところ、「この現象はバグであり、現在調査中」との回答がありました。結論を言うと、リスト名に日本語(全角文字)を含むリストを作成してしまうと、編集も削除もできなくなるということです。

Twitter のリストを作成する場合は、絶対に日本語を使わないように注意しましょう。

<<前へ 12|3|45 次へ>>