アドセンスを中央寄せ(センター寄せ)する正しい方法がコレ

目安時間:約 1分

アドセンスを中央寄せする方法

アドセンスを記事に貼ってみたら
なんか右にずれてたり左にずれていたり
しっくりこないことがあります。

見た目にもかっこ悪いし
クリック率にも影響しそうだから

どうせならちょうど真ん中にドーンと
きっちりズレずに配置したいですよね?

 

そこでここでは
グーグルアドセンス広告(コード)を

中央寄せ(センター寄せ)する方法を
コピペですぐ利用できるようにまとめます。

■この記事を読めば分かること

  • アドセンスを真ん中に配置する方法
  • センタリングできるけど間違った方法

 

アドセンスを中央寄せ(センタリング)する正しい方法

アドセンスを記事にそのまま貼ると

ハワイ5日間

こんな感じに左に寄るのがデフォルトです。

これをピッチリど真ん中に寄せていきます。

 
アドセンスを中央寄せする方法で
現在、正しいとされているのが

こちらのHTMLコードとCSSコードを
使った方法です。

まずアドセンスコードを
以下のHTMLで囲みます。

<div class="ad-center">
※ここにアドセンスコードを挿入※
</div>

こうしてHTMLで囲ったアドセンスを
記事の任意の場所に貼り付けて保存。
 
そして次に以下のCSSコードを
WordPressや無料ブログのCSSの
一番最後に貼り付けてください。

.ad-center{
text-align:center;
}

WordPressなら

外観>カスタマイズ>追加CSS

と開いていって
「追加CSS」の欄の一番最後に
このCSSコードを貼り付けましょう。

そうすると以下のように

ハワイ5日間

メインカラムへの
センター寄せが実現できます。

アドセンスを中央寄せできるけど間違っている4つの方法

以下の4つの方法でも
アドセンスを中央寄せできます。

<center>
※ここにアドセンスコードを挿入※
</center>
<div style="text-align:center;">
※ここにアドセンスコードを挿入※
</div>
<p style=”text-align:center;”>
※ここにアドセンスコードを挿入※
</p>

一部のサイトではこれらの方法が
推奨されていますが

HTMLの構文として理想的ではないため
これらの方法はNGですよ。

※なぜダメなのかという理由を
くわしくは説明できませんが……。
  
また、WordPressのプラグインで
アドセンスを自動挿入ができる

・WP QUADS
・Advanced Ads

にはアドセンスを中央寄せしてくれる
機能がついていますが

これらの機能を使うと
上記3つのどれかのコードが自動的に
使われることになるので
こちらもオススメできません。

まとめ

というわけでアドセンスの中央寄せは

  • HTMLでアドセンスを囲む
  • CSSにコードを追記する

こうやって真ん中に寄せるのがベスト。

それ以外のNGな方法として紹介した
4つの方法を使ったからといって

検索順位が下がったり
クリック率が下がったりはしません。

が、どうせなら正しい方法を
選びたいですよね。

この記事が気に入ったら
いいね ! しよう

【今だけ】アドセンスブログ(実物)を公開中

今ならメルマガに登録していただくと
そのメルマガ内にて

私が作ったアドセンスブログの実物(URL付き)

を限定公開しています。

また、特別に私も愛用中の
非常にクリック率が高い

FC2ブログとSeesaaブログ用の
アドセンス用テンプレート

もプレゼントいたします。

メルマガでは
アドセンスで単価が高いジャンルの探し方など
このブログでは書きにくいことも
包み隠さず暴露していますので
ぜひぜひ読んでみてください。

メルマガの登録や購読は
もちろんすべて「無料」です!

登録は下の登録フォームに

姓(名字)
名(名前)
メールアドレス

をご入力ください。

※姓・名ともハンドルネームなど
本名以外での登録でもかまいません。

↓↓↓↓↓↓↓↓↓↓↓↓

 メルマガへのお申し込みはこちらから









広告

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
広告
このブログを書いている人

・2010年10月よりアドセンスを開始

・2015年6月に1ブログで30万円超えを達成

くわしいプロフィールはこちら

最近の投稿
【必読】アドセンス初心者が知っておくべき知識10選
記事の検索はこちら
カテゴリー
タグ
お問い合わせはこちらから

聞いてみたいことがあれば、お気軽にメールをください!

ブログに投票をお願いします