本気でアメブロカスタマイズ⚜スマホも♪ -13ページ目

１記事ずつ検索エンジンからのアクセスアップ意識できてますか？

ブログのアクセス数をあげたいという方

検索からのアクセスアップ意識していますか？

今日はデザインのカスタマイズのお話ではなく

アクセスアップのお話♪

読者登録や

SNSでの拡散も大事ですが

見方につければ

あなたのブログを一番拡散応援してくれるのは

Yahoo！Google等の検索エンジンさんです！

長い目で見ると1記事１記事の

「検索エンジン最適化」大切ですよ。

SEO ってやつです。

例えばあなたが

東京で編み物教室をしており

生徒さんをブログで募りたいと仮定します。

そうなるとキーワードは

「東京　編み物教室」になりますよね。

検索に引っかかるためには

ブログのタイトルにこのワードを入れなければいけない。

と、いうことは基本ですが

●ブログ記事のタイトルが大切

●見出しが大切

●１つ１つのブログの記事内にも自然に関連ワードを入れていく

●被リンク

などなど...

諸々アクセスアップの為のカスタマイズの課題は沢山あります。

（このあたりは個別に詳細を書いていきます。）

また、アメブロはSEOに弱いと一部で言われていますが、

調べたところそうでもないと思います。

Wordpress等で長らくブログやってらっしゃる方等は

なかなか強敵ですが、

ブログ自体がそもそもSEOに強いです。

（SEOに強い＝検索に引っかかりやすい）

やり方次第ではいいところまで狙えると思います。

ただ問題点は”SEOは大切！”と書きましたが

そんなことばっかり考えていたらブログ書くのが苦痛になりますよね　笑

私は無理です　笑

大丈夫。

最近の検索エンジンのアルゴリズムは進化しています。賢いです。

今どきの検索エンジンはゴリゴリのSEOより

より自然な文章を好みます。

ってことで、自然にそんな記事が書けるのが理想です。

（余計ハードルあがった　笑）

ここで、おそらく主さんは

無意識に検索エンジンに好まれる

SEO的に”良い◎”ブログを書かれている

アメ―バブログさん1例をご紹介させていただきます。

キーワードは

「大阪　パン教室」です。

googleのキーワードプランナーで調査したところ

（googleのキーワードプランナー＝どれだけの数検索されたキーワードかわかるgoogleのサービス）

検索数はビッグキーワードではありませんでしたが、

他のサイトを抜いてアメ―バブログの方がgoogle検索エンジン1位でした。

とてもおしゃれにシンプルに

美味しそうなパンの記事を書いてらっしゃる

パン教室のアメーバブログさんです。

ご本人に承諾を得ておりませんので

ブログの詳細は後日ご本人に承諾を得た上で

ご紹介させていただきたいと思います。

どんなブログか気になる方は

「大阪　パン教室」でぐぐってみて下さい♪

折角ですから

検索エンジンさんに好かれて

多くの方に読まれるブログにカスタマイズしたいですね♪

諦めないでっ！アメブロのスマホ版(モバイル版)にもヘッダー画像がつけれるんです

普段WordPressやら普通のWEBサイトを作っているので

スマホで確認するのが常なのですが、

寂しい・・・アメブロのスマホ版(モバイル版)デザインが寂しい・・・

特に皆さん、Facebookやtwitterなんかで

ブログ記事を拡散されてますので

誰もがスマホで見ると思うんです。

スマホファースト時代に何もスマホのデザインが出来ないのは

悲しすぎるよ！

と、いうことで思考錯誤しました。

しかし、アメブロはPC版とスマホ版(モバイル版)で

別のテンプレが設定できるのですね。

これは救いです。

早速スマホは出来あいのテンプレを設定しました。

が、問題はヘッダー画像です。

あとは

PCで折角デザインした見出しタグ（h2とかｈ3とか）

のデザインが全く反映されないことですね。

とりあえずスマホでもヘッダー画像が表示されるようにやってみました。

↑ヘッダー画像がついていると思います！

ブログタイトルも大きく変更しています。

基本プラグインもCSS編集もスマホ版(モバイル版)は反映しないので

残念ながらブログトップページに

ヘッダー画像をつけるのは無理でしたorz

追々スマホ版(モバイル版)のカスタマイズ方法を

諸々説明していこうと思います♪

3分でできる！リンク先キャプチャー画像サムネつきリンクの作り方♪

ブログ記事やブログのサイドバーで

リンクをする場合に使える

リンク先のキャプチャーサムネ画像つきリンクデザインの

紹介をします。

本気でアメブロカスタマイズっ

作成-------------------------------

画像を作る（10秒）
ブログに張り付ける
カスタマイズ完成！（完成まで約3分）

----------------------------------

1. 画像を作る

小さなキャプチャー画像のサムネイルを以下サイトで

一瞬で無料で作れます！！

HeartRails Capture

作り方は

キャプチャーしたいブログやサイトのURLを入力して

好みのサムネイルのサイズを選んで「作成する」をクリックするだけ！

ちなみにサンプルは

フリーを選択して

横サイズ　160pixel

縦サイズ　120pixel

にしています。

こんなサムネイルができたと思います。

影や枠もお好みで選んでつけてください。

そして、【貼り付け用タグ】をコピーしましょう！

２. ブログに張り付ける

早速先程の【貼り付け用タグ】をブログに貼り付けます。

記事の表示したい箇所にHTML表示で

以下ソースを書いて下さい。


<div style="padding: 10px; border-radius: 10px; border: 1px dashed rgb(192, 192, 192); border-image: none; width: 400px; hight: auto;display: table;">
<p style="float: left;">
<!-- 貼り付け用タグ ここから↓ -->
<a href="http://ameblo.jp/customize-d" alt="本気でアメブロカスタマイズっ">
<img width="160" height="120" src="http://stat.ameba.jp/user_images/20160806/21/customize-d/cf/21/j/o0160012013716656576.jpg" /></a> 
<!-- 貼り付け用タグ ここまで↑ -->
</p>
<p style="font-size: 90%; vertical-align: middle; display: table-cell;"><a href="リンクするブログのURL" target="_blank">ブログタイトル</a></p>
<div class="clear"></div>
</div>

貼り付け用タグここから↓ここまで↑のところを

先程HeartRails Captureでコピーした貼り付け用タグに変えて、

”リンクするブログのURL”と”ブログタイトル”を変更したら

カスタマイズ完成です。

いぁ～便利ですねー。

目からウロコなサービスです！！( д) ﾟﾟ

では、早速昨日登場した友達Hちゃんのブログを紹介してみましょう！

（ピンクの点線のデザインにしています。）

すごく癒される可愛いパステルアートと素敵な個性筆教室

をやっているひろみちゃんのブログです♪

ひろみちゃん自身も明るくて癒しオーラ満載の人です（＾ｖ＾）

パステルアート＆個性筆ここいろ☆大阪池田