ありたい姿へ向かってビジネス開始!アドセンス副業からオフサラ(自立)目指し一人で地道に取り組む資産型趣味ブログ創造計画

初心者でも簡単!バナーの作り方 サイズや画像加工、リンク先の構成HTMLタグ

バナーってどうやって作るの?

そんな疑問が届きましたので簡単なバナー作り方をアップします。一度作ればあとは要領を掴んでどんどん作れますので、最初だけ頑張って覚えましょう。

何故バナーが必要なのか?

あなたもブログ作りに慣れてくると、色々なSEO対策を施すことになります。

しかし、当サイトでおすすめするSEO対策はh1タグがどーたらこーたらとか機械的なことではなく、おもてなしSEOと呼ばれるものです(私が勝手に名付けました)。

無理やり裏ワザ使ってSEO対策を施し、Googleの目を欺いてもそういったズルいサイトはすぐにGoogleアップデートにより淘汰され、圏外にさようならです。そんなSEOに頭と時間を使うのならせっせと記事書きしたほうがよっぽどいいですよ。

 

そしてサイトのアクセス数を自然に上げるには、訪問者に1つの記事を読んでもらったら次の記事も読んでもらうのが1番です。こういうのをサイトの回遊率といいます。回遊率を上げるとあなたのサイトはGoogleから評価され、全てのページの検索ランクが少しずつ上昇していき全体のアクセス数の底上げに繋がっていきます。

その回遊率を上げるためのおもてなしSEOとして最も効果的なのは、人気特集記事を書いてオリジナルバナーを作り、サイドバーなどに設置することです。例えばサイドバーにインパクトある画像で「汗と涙のダメダメダイエット特集!!」という思わずクリックしまうようなバナーを作るのです。人は魅力的で印象的なビジュアルには惹かれるいきものです。

あなたもブログ記事も30~50記事ほど書いたら、アクセス数の多い関連記事を集め、各記事へのリンクをまとめた特集記事を書き、専用のバナーを作りましょう。

バナーリンクの作り方

世の中にはバナーを作るためのソフトがあったりしますが、いずれオリジナルバナーを作ることになると思うので最初からHTML方式で作ってみましょう。

いきなり作り方です。二通りの作り方があります。

 

・同じウィンドウで新しいリンク先を開く場合
<a href="リンク先URL"><img src="画像URL" alt="" border="0" /></a>

 

・別ウィンドウで新しいリンク先を開く場合
<a href="リンク先URL" target="_blank"><img src="画像URL" alt="" border="0" /></a>

 

青文字のところに任意のURLを入力します。このままコピペしてお使いください。

ちなみに、これらHTMLタグはwordpressの投稿の編集ページでビジュアルモードではなく、テキストモードで入力してくださいね。この文字列を本文中にも、ウィジェットとしても使うことができます。

画像のサイズについて

ホームページなどで使われるバナーにはある程度規格化されたサイズがありますが、ブログ内に特集ページとして使うバナーであれば完全に自由です。あなたの使いやすいサイズにしましょう。

しかしそうは言っても最初は基準なども全くわからないと思います。バナーサイズの目安はコチラのページを参考にして下さい。
↓↓
Web広告のバナーサイズ

 

あとは気に入ったサイズに画像を切り取ってバナー化します。

画像の加工について ペイントの使い方

切り取り方法ですが、ウィンドウズにはペイントというソフトが最初から入っています。ペイントで画像を読み込み、「選択」をクリックして画像の好きなところを囲みます。

この時、ページ下に画像サイズがピクセル単位で表示されているので目安にして下さい。

画像が大きすぎる場合は「サイズ変更と傾斜」を選択して小さくしましょう。

範囲を選択したら「トリミング」をクリックします。

20150924-0

次に、切り取った画像にテキストを入力します。

「A」と書かれたアイコンをクリックします。

20150924-1

文字を入力します。

この時、色やサイズ、太文字やフォントなどを選択することができます。

20150924-2

あとは切り取った画像をwordpressのメディアライブラリに保存し、画像URLを上記バナーの青文字「画像URL」に貼り付けるだけです。

 

さっそく作ってみましょう。

・同じウィンドウで新しいリンク先を開く場合
<a href="http://shinnetbusiness.com/3426.html "><img src="http://shinnetbusiness.com/wp-content/uploads/2015/09/20150924-3.png" alt="" border="0" /></a>

・別ウィンドウで新しいリンク先を開く場合
<a href="http://shinnetbusiness.com/3426.html " target="_blank"><img src="http://shinnetbusiness.com/wp-content/uploads/2015/09/20150924-3.png" alt="" border="0" /></a>

 

・同じウィンドウで新しいリンク先を開く場合

・別ウィンドウで新しいリンク先を開く場合

このようになります。

 

魅力的なバナーを自分で作れるようになると、いよいよブログ作りも自分色が出て楽しくなってきます。

ぜひ挑戦してみてくださいね!







hobby‐blog‐manual

「インターネットビジネスの経験無いけど今日から趣味を生かした資産ブログ作りを始めたい!」

そんなあなたの願いを形にしました。こちらの記事に書いてあることを全て実行すれば誰でも副収入を生み出す本格資産ブログを持つことができます。
さらに簡単シンプルで分かりやすいと大好評のオリジナル趣味ブログ作りビギナーズブックを登録特典として2種類プレゼント中です。

PROFILE


オフサラリーマンやってます。
会社員やりながらの副業趣味ブログ運営で
本業収入を超え、順調にオフサラ進行中です。
【運営ブログDATA】
運営ブログ月間MAX総アクセス数:70万PV
1ブログ1日MAXアクセス数:41,000PV

ご案内メニュー

  • このサイトの目的
    会社に頼らず、経済的に自立したいと願うあなたへ。
  • ビジネスを進めていく上で必須となるスキルを学ぶテキストです。
  • アドセンス講座
    まずはGoogleアドセンスでお金を生み出しましょう。
  • 目次
    全記事・サイトマップです。

プロ並みのブログデザインをあなたへ

TCD014AN2
500pv/日 未満の人必見!ため息を付くほどの美しく完成されたデザインによりサイトカスタムに時間を取られずに成果を出せることが特徴のWordPressテーマTCD014「AN」です。デザインはプロに任せましょう!
あなたが設定に迷わないようにAN専用の設定オリジナルガイド特典を作りました。皆様から大好評です。

愛着あるブログを育てたいあなたへ

WordPressテーマ「Logue (tcd020)」

噛めば噛むほど味が出るブログテーマはこれ!極力無駄を省いたシンプルデザインでありながらシリーズトップクラスの編集機能を併せ持つwordpressテーマTCD020「Logue」です。私のお気に入りテーマです。
あなたが設定に迷わないようにLogue専用の設定ガイド特典を作りました。皆様から大好評です。

キーワード選びに疲れたあなたへ

トップスカウター234-60

副業趣味ブログの命であるキーワードを効率よく拾っていくことのできるスペシャルツールです。持ってないと他のアフィリエイターに差をつけられてしまいます。