目次アメーバブログアメブロを始める... 3 アメブロの基本的なパーツの場所... 6 誰に何を伝えるのか... 7 すべての Ameba サービス一覧... 7 タイトル説明文... 8 プロフィール写真... 9 必要な記事を用意する記事内の定型文サイドバーの

(1)

2014.10.25

■本資料著作権は、内藤勲に帰属するものであり、許可無く一部、または全ての複製を禁じます。

アメブロ

(2)

■アメーバブログ（アメブロ）を始める ... 3 ■アメブロの基本的なパーツの場所 ... 6 ■誰に何を伝えるのか ... 7 ■ すべての Ameba サービス一覧 ... 7 ■タイトル・説明文 ... 8 ■プロフィール写真 ... 9 ■必要な記事を用意する ... 12 ■記事内の定型文 ... 13 ■サイドバーの配置 ... 15 ■記事の書き方 ... 18 ■画像の挿入とリンクの仕方 ... 22 ■他の記事へのリンク、共有ボタン ... 26 ■広告の非表示 ... 27 ■デザイン ... 28 ■配色 ... 30 ■記事で囲みをつけ、色をつけてみる ... 31 ■更新 ... 32 ■読者登録 ... 33 ■アクセス解析分析 ... 34

(3)

■アメーバブログ（アメブロ）を始める

アメブロはメールアドレスがあれば、すぐに始められます。 ●　http://ameblo.jp/ 　から『アメーバ ID 登録（無料）』のボタンをクリック ●メールアドレスの登録を行いますメールアドレスを入力し、『確認メールを送信』を押すと、『【Ameba】アメーバ ID 登録のご案内』メールが届きます。

(4)

メール本文中にある URL をクリックし、ユーザー情報入力画面に移動します。 ●アメーバ ID … ブログのアドレスにもなる部分です。半角英数字で好きなものを入力してください。　あとから変更する事はできません。 ID は、ログインする時にも、誰かにブログアドレスを教える時にも必要になります。長すぎると覚えにくいですし、適当につけてしまって後悔する方も多いです。 ●パスワード … アメブロの管理画面にログインする際に必要となるパスワードです。 ●ニックネーム … アメブロ上で表示される自分のプロフィール名です。ビジネスに使うのであれば『業種+本名』が良いです。信頼感や安心感が感じられないニックネームは避けましょう。

(5)

ニックネームは後から変更する事ができます。 ●性別、生年月日年齢によっては、利用できない機能もありますので、正しい生年月日を入力しましょう。最後に『確認する』を押してください。次の確認画面の画像認証で文字を入力し、『同意して登録』で登録完了となります。

(6)

■アメブロの基本的なパーツの場所

パーツの場所を覚えておきましょう。 ◆ヘッダーブログタイトルやブログの説明文がある場所で、ヘッダー画像も入れられます。 ◆サイドバー両脇に表示されるもので、「ブログの読者」、「プロフィール」などのパーツを配置できます。サイドバーの１つが幅広のワイドメニューとなります。 ◆メッセージボード記事の上に表示できる告知板です。トップページのみ表示されます ◆記事エリア記事が表示される場所です。

(7)

■誰に何を伝えるのか

いまだに　ブログ＝日記　と思われている方が多いですが、単なる日記を書いていたのでは、ファンが行列するブログにはなりません。ファンになってもらうには、メッセージ性があったり、役立つ内容でなければいけません。・目的はなんなのか・誰に、どんなメリットがあるのか・何のメッセージを送るのかこのことを明確にしましょう。

■ すべての Ameba サービス一覧

管理画面右上の三本線から全てのサービス一覧を開くことができます。よく使いますので覚えておきましょう。

(8)

■タイトル・説明文

最も重要なのがブログのタイトルです。よくわからないタイトルだと読まれないブログになります。またヤフーやグーグルからの検索にも、一番重要視される部分ですので適切なものを付けましょう。管理画面の右上にある三本線から『すべての Ameba サービス一覧』を開き[基本設定]　をクリックし、ブログタイトルと説明文を設定します。前述の『誰に何を伝えるのか』が具体的であればタイトルも決めやすくなります。また、タイトルは長すぎると検索結果で省略されてしまいます。全角で30 文字以内におさまるようにつけましょう。ブログタイトル、説明文を見ただけで、以下が伝わる事が大切です。・何のブログか分かる・どこで、誰に向けているのかわかる・どんな良さがあるか分かる

(9)

■プロフィール写真

相手の顔が見えないお店に入るのは怖いですよね。店員が覆面マスクを被っていたら嫌です（笑）逆に、顔が出ていて、どんな人がやっているかわかると、安心します。インターネットだと、顔を出したがらない方も多いのですが、ビジネス利用ならば出した方が良いです。顔を出せる方は、思い切って出してみましょう。これだけでも反応は違います。やはり顔が見えると、安心感がでますし、親近感も沸きます。当然ファンも増えやすいです。プロフィールの写真は、インパクト狙いや、ギャップを狙わずに、笑顔で信頼感、安心感が持てる写真にしましょう。インパクトやギャップ狙いは、身内にはうけますが、初めて見る方は、引いてしまいます。また、自分で携帯で撮るのではなく、プロのカメラマンに撮ってもらうのが望ましいです。プロフィール画像の変更は、管理画面の右上にある三本線から [すべての Ameba サービス一覧]　⇒　[プロフィール画像] からプロフィール画像を変更することができます。

(10)

●プロフィールページ初めて訪れるブログでは、「どんな人が書いてるんだろう？」「どんなブログだろう？」と思います。ですから、プロフィールはよく見られます。アメブロには、ブログの他に「プロフィールページ」があります。プロフィールページには、項目がいろいろありますが、設置するのは（使用する機能するのは）左エリア・自己紹介・マイプロフィール右エリア・フリースペース・ブログがよいでしょう。

(11)

[すべての Ameba サービス一覧]　⇒　[プロフィール　配置の変更]から設定します ◆『自己紹介』では、自身の事や実績、肩書など書きましょう。実績や肩書きは、ブランディングにもなり、信頼感に繋がります。例えば、『創業 30 年』とか、『相談件数 1000 件』とかあると、「ここは大丈夫だ」という安心感がでます。　自分では、たいした実績、肩書きじゃないと思っていても、お客様からしたら凄いことかも知れません。載せられるものは、載せましょう。 ◆『マイプロフィール』は、趣味や、好きな本、好きな映画など一部の項目だけで OK です。すべて書き込む必要はありません。共通点を見つけると親しみがわくものです。読者に一歩近づくことを意識して書いてみましょう。 ◆『フリースペース』では、お店や商品・サービスについて書きましょう。・どんな人なのか・目的や理念・誰に、どんなメリットがあるか・このブログには、欲しい情報があるかが分かるようにします。そして、商品画像などを載せて、ブログ記事へリンクを貼りましょう。プロフィールページで閉じてしまわれるのではなく、プロフィールページ　⇒　ブログという入り口を作っておきます。関心を高めたうえで、ブログ記事へと誘導できればサービスの利用も高まります。

(12)

■必要な記事を用意する

ネット経由で利用してもらうときに、とって欲しい最終行動はなにか？・申込みボタンを押す・商品の詳細を見る・電話番号を調べる・行き方を調べるなど（店舗があるない、業種、人それぞれ異なる）それらの情報や、それらが分かる記事を用意しましょう ●商品、サービスの詳細ならば、・1 商品につき、1 記事・画像を使って魅力的に見せる・価値が高まるような効果・特徴説明・値段は最後に書く　事例　⇒　http://ameblo.jp/mikihiyo/entry-10895440354.html そして、商品の一覧記事を用意し、各詳細記事にリンク　事例　⇒　http://ameblo.jp/mikihiyo/entry-10895440354.html ●アクセスの記事ならば・道順が写真で分かりやすい・交通手段毎の説明がある事例　⇒　http://ameblo.jp/mikihiyo/entry-11226473902.html ●探さなくても必要なものが、すぐにある・各サービス、商品記事へのリンク・連絡先・アクセス記事へのリンクを、左上のフリースペース、記事の最後に設置

(13)

■記事内の定型文

記事を読んだ後が最もクリックもされやすいので、大事な情報は毎記事に載せましょう。毎回書くのは大変ですので、定型文を用意しておきましよう。タグ編集エディタ以外の場合、HTML タグ表示にして貼り付けてください。いち例ですが、ご自分のブログに合わせてコピー貼り付けできるようにメモ帳などに保存しておいてくださいね。 ※記事下だけでなく、フリースペースにも入れましょう。

<a href="ここにメニュー記事の URL">メニュー一覧</a> <a href="ここに地図記事の URL">お店までの道のり</a>

<a href="tel:ここに電話番号（ハイフンなし半角）">表示させる番号</a> 【営業時間】8：00～20：00 【住所】○○県○○市 </div> （HTML タグ表示にするか、タグ編集エディタで行ってください。） "と”の間にある、「ここに URL」という部分を実際のリンク先 URL にしてください

(14)

・電話番号を載せる際には

<a href="tel:電話番号">表示させる電話番号</a>

電話番号の部分には、半角、ハイフンなしで実際の電話番号を入力

携帯からもワンクリックで電話することができます・メールを送れるようにする場合

<a href="mailto:メールアドレス">表示させるメールアドレス</a>

メールアドレスの部分には、あて先となるメールアドレスを入力

(15)

■サイドバーの配置

サイドバーに置く項目類の並び順も大切です。 [すべての Ameba サービス一覧]　⇒　[サイドバー　配置設定]から変更ができます当然ですが、上にあるものほど見られます。下にあるものほど表示回数が少ないです。ですから、重要なものを上側に並べるようにしましょう。『テーマ』『最近の記事一覧』『プロフィール』『フリースペース』が特に重要ですので、これらが左右バランスよく上に来るように配置しましょう。配置例『読者一覧』、『お気に入り』が『テーマ』『最近の記事一覧』『プロフィール』『フリースペース』の下に来るように配置すると良いです。 ◆フリースペース自由に書き込めるパーツです。　画像を入れたり、リンク文字を入れて告知や、読んで欲しい記事への誘導リンクを置くこともできますので、目立つ左上に置くのが効果的です。

(16)

●サイドバーに画像を貼り付ける場合フリースペースの編集ページでは、記事投稿のように画像フォルダから直接画像の貼り付けることができません。その為、フリースペースに画像を貼るのが難しく思えてしまいます。しかし、フリースペースの編集にも、記事投稿エディタを使うと簡単にできます。フリースペースで表示させる告知やリンク、画像を通常の記事を書く要領で編集していきます。フリースペースに入れたい画像も画像ボタンからアップロード、記事に追加で入れていきます。画像の横幅はフリースペースの幅を考慮したサイズの画像をアップロードしてください。編集が終わったら HMTL 表示にして、HTML タグをコピーします。タグ編集エディタなら、そのままコピーします。作業に使った記事は下書き保存してください。

(17)

[すべての Ameba サービス一覧]　⇒　[フリースペース編集]　に切り替え、貼り付けます。これでフリースペースに画像を貼り付ける事も可能になりますフリースペースの内容を変えたい場合は、下書きした『フリースペース』の記事を再編集し、再度 HTML タグをフリースペースに移し替えれば良いだけです。 ◆フリープラグインフリープラグインと言って、特殊な項目があります。フリープラグインは、外部サービスのアクセス解析や、メルマガ登録フォームなどの設置に使います。こういったプログラム的なものはフリープラグインにのみ設置が可能となっています。多くの場合は、外部サービスで発行されるプログラムコードを貼り付けて使います。 ※フリープラグインは　 [すべての Ameba サービス一覧]　⇒　[プラグインの追加]　⇒　[フリープラグイン]　で編集します。文字数の制限がありますので、必要なものに絞りましょう

(18)

さらに編集後、　サイドバーの配置設定でフリープラグインを『使用する機能』に移す必要があります。

■記事の書き方

(19)

※記事を書くエディターには、標準エディタ、タグ編集エディタ、新エディタの 3 種類があります。 [すべての Ameba サービス一覧]　⇒　[基本設定]　から選択できます。タグ編集エディが、もっとも不具合が出にくいです。 ●記事タイトル記事のタイトルも検索対策として重要になります。検索で入力されるようなキーワード（言葉）を入れるように意識します。また、読者登録している方の管理画面のチェックリストにも記事タイトルが表示されます。記事の内容が読みたくなるような、記事タイトルを考えてつけましょう。 ●テーマ記事の内容にあったテーマを選らんで投稿することができます。『テーマを追加』からテーマを増やすことができます。このテーマは、ブログのサイドバーにも表示されます。テーマに沿って記事を読みたい読者さんも多いので分かりやすく部類しておきましょう。 ※『ブログ』が最初からありますが、『ブログ』ではクリックされません。 [すべての Ameba サービス一覧]　⇒　[テーマ編集]　で『ブログ』からテーマ名

(20)

●投稿日時投稿日時を指定することができます。未来の日付を指定すると、予約投稿になります。書ける時に記事を書いておいて、予約投稿しておくと運営が楽になります。 ●下書き、アメンバー限定公開、公開最後に、下書き状態で保存するか、全員に公開するかボタンを押します。アメンバーに限定公開は、自分のアメンバーとなった人だけに限定公開される記事になります。 ●記事の書き方の注意点・圧迫感がないように、適度に空白行を入れて書く（空白行がない場合）

(21)

（空白行を入れた場合）同じ文章でも見た目の「読みやすそう」という印象が違ってきます。。（まる）を打ったら 1，2 行あけると見やすくなります・記事を書く時に、「文字サイズ」は部分的に使う以外は使わない。　文字サイズを使うと、HTML タグが増えるだけでなく、修正する場合煩わしくなります。できればカスタマイズで、文字の大きさをあらかじめ 15px 程度になるようにするのが良いです。　文字色も同様に、使い過ぎないように注意してください・絵文字は使わない　趣味ブログのイメージが付きますし、ユーザー環境によっては正しく表示されない場合もあります。・リンクは青、リンク以外に青は使わない　リンクが青文字というのがインターネットでは広く知られています。リンク以外の文字に青を使うと、クリック率が落ちてしまいます。　リンク色もカスタマイズであらかじめ青になるようにするのが良いです。

(22)

●1 ページの表示記事件数を 3 か 5 に　[すべての Ameba サービス一覧]　⇒　[基本設定]　から表示数を 3 件か、5 件にしましょう。写真が少ない場合は 10 件でも良いです。 1 件は、1 記事読んで閉じられてしまう可能性があるので、避けましょう。

■画像の挿入とリンクの仕方

ブログを書く際に　画像ボタンを押すと、パソコンの中にある画像をアメブロ内にアップロードできます。（標準エディタ、タグ編集エディタの場合）

(23)

（新エディタの場合）アップロードが出来たら、今度は記事に入れます。

タグ編集エディタ、標準エディタではサイズをオリジナルで表示にチェックを入れ、この画像を使う　をクリックすると記事編集画面内に挿入されます

(24)

※配置　で　左に配置などを選択すると文字が画像横に表示されるようになります。 ※3 カラムの場合、画像幅が 400px 程度だと幅いっぱいに大きく表示されます。アメブロにアップロードする前に、あらかじめ 400px に画像幅を変えておくとよいです。 windows にあるペイントならば、画面上にある「サイズ変更」から可能ですペイント・スタート　⇒　すべてのプログラム　⇒　アクセサリ　⇒　ペイント・windows8 は、スタート画面上で右クリック　⇒　画面下に表示される「すべてのアプリ」　⇒　ペイント

(25)

ピクセルを選択し、水平方向を 400 にします。　「縦横比を維持する」にチェックが入っていれば、高さ（垂直方向）は自動的に変わります ※画像の縮小は OK ですが、拡大は粗くなりますので NG です ●文字をリンクにする文字をリンクにしたい場合は、図のようにリンクさせたい文字を選択し、リンクボタンをおしてリンクさせたい URL（アドレス）を入力します。リンク先の表示方法は　新しいウィンドウ、同じウィンドウ　が選択できます

(26)

（新エディタの場合）

■他の記事へのリンク、共有ボタン

記事の下には、他の記事へのリンクや、『いいね！』などの共有ボタンを設置することができます。 [すべての Ameba サービス一覧]　⇒　[基本設定]　から・他の記事へのリンク表示・共有ボタンの表示

(27)

の設定ができます他の記事へのリンク表示は、『同じテーマの最新記事を表示する』共有ボタンの表示は、『表示する』にチェックをいれましょう。何記事も読み進んでもらえたり、facebook や Twitter でも記事を広めてもらえる事になります

■広告の非表示

広告を非表示にする場合には、正規手段のアメゴールドで非表示にしましょう。裏技的に広告を外して、アカウント削除されては元も子もありません。 [すべての Ameba サービス一覧]　⇒　[Ameba プレミアム] からブログの広告をはずしましょう。月額 1008 円ではずすことができます。

(28)

アメブロの広告は、目立つ場所に表示されるうえに、読者の趣味に合った広告が表示されます。広告は他のお店のチラシを置いてあるようなものです。外しておきましょう。

■デザイン

アメブロには、様々なデザインがあります。ブログの見栄えだけで良くなるわけではありませんが、読みやすくしたり、良い印象を与えるという点では重要です。様々なデザインがありますが、自分でカスタマイズできるものもあります。 [すべての Ameba サービス一覧]　⇒　[デザインの変更]　から選択できます。元々あるデザインは、他のブログとかぶる場合がありますし、自分のブログの内容とあうオリジナルデザインではありません。ですから、カスタム可能なデザインでオリジナルのものにするのが望ましいです。『カスタム可能』からオリジナルのデザインに。

(29)

・『CSS 編集用デザイン』以外は、選択するとヘッダーや背景を変える事ができるようになります・「CSS 編集用デザイン」を選択すると、さらに細かいカスタマイズが可能です。文字の大きさや色を変えたり、ヘッダーや背景以外の箇所を変えたり、よりオリジナル性の強いブログにすることができます読みやすくする『CSS 編集用デザイン』でのカスタマイズに関しましては、「読みやすくするカスタマイズマニュアル」で解説していますまた、アメブロでは、2 カラムと 3 カラムのレイアウトが選択できます

(30)

2 カラムとは、サイドバー 1 つに、記事エリア 3 カラムは、サイドバー 2 つに、記事エリアの組み合わせの事です。 2 カラムは記事幅が広くなりますので、画像を大きく見せたい場合に有効です。ただ、文章の 1 行も長くなってしまうため、読みにくさも出てしまいます。アメブロの場合、サイドバーの項目も多いため、通常は 3 カラムがよいでしょう。 3 カラム・左ワイドメニューのレイアウトがお勧めです。 ※レイアウトを変更した場合、それまでカスタマイズしたものがリセットされますので、ご注意ください

■配色

デザインを決めて、カスタマイズするときに大事なのは配色です。色によって大きく印象が変わります。 ●カラーコード　http://simpleworks.jp/color よくあるのが・読者層とあわない色使い・色を使いすぎて統一感がない・配色の組み合わせが悪く、マイナスイメージになどなど。色がちょっとだけ変わるだけでも、反応が大きく変わることもあります。配色に関して、参考になるサイトや書籍を紹介します ◆色彩センスのいらない配色講座 http://www.slideshare.net/marippe/ss-9003317

(31)

◆ウェブ配色ツール http://www.color-fortuna.com/color_scheme_genelator2/ ◆カラーイメージスケール　小林重順著　日本カラーデザイン研究所

■記事で囲みをつけ、色をつけてみる

記事投稿画面で囲みたい文字を以下の HTML コードで挟みます。（標準エディタの場合は HTML 表示にして）

<div style="border:2px dotted #000000; padding:5px; background-color:#CCCCCC;">囲みたい文字を入力</div>

border:2px dotted #000000;　　⇒　　線を　2px 破線　カラー 000000（黒）　　

background-color:#CCCCCC;　⇒　背景色を　カラー CCCCCC（グレー）

(32)

dotted　破線　・　solid　実線　・　dashed　点線　・　double　二重線目立つようになりますので、使ってみましょう。 ※　</div>　の閉じ忘れに注意してください。　不具合を起こす場合があります

■更新

読者には、記事を更新するたびに管理画面のチェックリストに更新情報が流れます。アクセス解析からも、チェックリストからのアクセスは非常に多く、更新することでアクセスが増えるのが分かります。つまり、更新頻度が高い方がよりアクセスが多くなります。まずは、毎日書くことを目指しましょう。・読者に役立つ事・メッセージ性のあるもの・日常の出来事に、ただの日記にならないように自分の考えを付け加える・お客様の声、サービスを利用していただいた感想などなど、きれいな文章である必要はありません。自分の読者さんに伝わるように書いていきましょう。

(33)

■読者登録

読者登録は、されればされるほど良いです。また、自らもすればするほど良いです。それは、純粋に記事を読む”読者”という意味のほかに、”入り口”という意味もあるからです。読者登録される（する）と相手のブログに表示（リンク）されます。また更新情報が、管理画面のチェックリスト、サイドバーのお気に入りに表示されます。例えば、読者が 1000 人いたとすると、ブログを更新した際に 1000 ブログの読者一覧と、管理画面のチェックリストに表示されます。表示されるという事は、リンクです。リンクという事は、ブログへの入り口になります。表示される　＝　リンク　＝　入口入り口は少ないよりも多い方が入りやすいですよね。ですから、読者が多いという事は入り口も多く、アクセスも集めやすいです。人通り、入り口も多いアメブロは、広報も効果的に出来るという事になります。読者は、読む人という意味だけではなく、ブログへの入り口になるのです。アメブロの最大のメリットは、読者登録で入り口をどんどん増やしていく事ができるからです。ですから、読者登録されることも、読者登録することも重要になります。

(34)

■アクセス解析分析

最初からあるアメブロ解析は残念ながら正しい数値とはいえません。より正確なデータを知るために FC2 のアクセス解析を紹介します。 FC2 アクセス解析は、リアルタイム計測、クリック先も計測できます。まず、FC2 で新規登録（無料）をしましょう。　⇒　http://fc2.com/ ※案内に従い登録してください。登録が済みましたら、サービス追加　⇒　アクセス解析　を追加してください。利用規約に同意し管理画面へ入室します。

(35)

アクセス解析のタグを取得します。

解析用 HTML タグが表示されます。

広告の選択から、設置したときに表示される広告アイコンと表示位置を選択します

正しくアクセス解析が設置できるとアイコンが表示されるようになります

(36)

[すべての Ameba サービス一覧] ⇒ [サイドバー]　プラグインの追加から編集します。 ※<body>タグ近くに設置…と注意書きがありますが、アメブロの場合できませんので、フリープラグインで OK です。 ※フリープラグインは、サイドバーの配置設定で、『使用する機能』に移動する必要があります

(37)

◆自分のアクセスを除外する　より正しいアクセス解析をするために、自分のアクセスはカウントしないように設定します。まず、FC2 アクセス解析の管理画面にログインして設定　⇒　除外 IP アドレス自分の IP アドレスが表示されるので、除外 IP アドレスに追加します。これで完了となります。正しく、設置されると、ブログ上にアイコンが表示され、FC2 管理画面で計測が始まります。 ※ほとんどのプロバイダの IP アドレスは固定ではなく変動しています。このため、除外 IP の設定がいつも有効であることを保証することはできません。シンプルワークス　　内藤　勲