アメブロはパソコンから見るのとスマホから見るのとで「違い」がある

アメブロ
この記事は約5分で読めます。

無料ブログサービスを使えば、簡単な登録とテンプレートを選択するだけでブログを公開することができますが、ブログサービスの中にはパソコンとスマホで見え方が違っていて、パソコンから設定したものがスマホからは見えていないなんてことはよくあります。

わたしの周囲の人も多くの人がアメブロでブログを開設していますが、このアメブロもパソコンからとスマホからでは見え方が違うブログサービスのひとつです。

スポンサーリンク

アメブロのパソコンからの見え方とスマホからの見え方の違う点

アメブロのデザインはログインした端末に合わせたデザインしか設定できない

アメブロには「デザイン」といってブログのコンテンツの配置も含めたさまざまなデザインがあらかじめ準備されています。中には一から自分でCSSを使ったデザインができるテンプレートもあります。

ところが、パソコンからアメブロにログインするとパソコン用のデザインしか選択できず、スマホ用のデザインはスマホからログインしないと設定できない仕組みになっています。

一度もスマホからログインしたことがない人は、一度スマホからアメブロにログインしてみてください。スマホからアメブロへログインするならスマホアプリが便利です。

参考 Ameba「どこでもサクサク!スマホでアメブロ!」

アメブロの「メッセージボード」はスマホから見るとブログ情報をタップしないと見られない

アメブロをパソコンから見ると、トップページに表示されている「メッセージボード」というのを使っている人も多いのではないでしょうか。

実は、この「メッセージボード」は、ブログのトップページにしか表示されない上にスマホから見ると、ブログ情報をタップしないと見られない仕組みになっています。

アメブロのヘッダー画像やサイドバーもスマホからは見られない

アメブロのヘッダー画像やサイドバーもスマホからは見ることができません。

アメブロのサイドバーにお問い合わせフォームへのボタンを設置していたり、ホームページへのリンクを設定していたりしてもサイドバーを見ることができないので、読者の人に見てもらうことができません。

アメブロをスマホから読んでくれる読者に対してできることを挙げてみる

アメブロのアクセス解析を使ってブログを見に来てくれる人の端末を調べてみよう

アメブロのアクセス解析を使って、ブログの閲覧者がどの端末からあなたのブログを閲覧しているかを一度確認して、もしスマホから閲覧してくれる人が多いならスマホでどう表示されるかを意識したブログ投稿・設定を行うほうがいいと思います。

アメブロのアクセス解析であなたのブログを見ている人が使っている端末を調べるには

ブログ管理→アクセス解析→デバイス

から確認できます。

スマホからログインして、スマホ用のデザインを適用する

スマホからアメブロにログインしてスマホ用のデザインを適用させておきましょう。アメブロにパソコンからログインしてもパソコン用のデザインしか選ぶことができません。

自分の書いているブログがスマホからどんなふうに見えているのかも併せて、スマホ用のデザインを適用させておきましょう。

アメブロにはスマホアプリがあるので、スマホアプリをインストールすると設定がやりやすいように思います。

アメブロのスマホアプリからスマホ用のデザインを適用させるには、

ブログ管理→デザイン・レイアウトの変更

デザインを適用する際、記事の一覧ページをどんなレイアウト(スタンダード・ワイド・サムネ無し)にするかを選択できるようになっているのでそれも一緒に設定しておきましょう。

メッセージボードやサイドバーに表示している情報は記事下に定型文として挿入する

サイドバーに入れているボタンやリンクは、定型文として毎回投稿する記事の下に挿入しておくことで、スマホからブログを見に来てくれている人の目に触れる機会は増やせます。

スマホで読みやすい段落構成を意識する

アメブロに投稿する記事をパソコンから投稿していると、どうしても1行の文字数が多くなります。

アメブロをスマホから見てくれている人には1つの段落の文字数が多く、行間が詰まっているように見えて読みづらく感じる人もいらっしゃるようです。

パソコンから記事を投稿するなら段落の行数を2行程度で収めておくと圧迫感は軽減できるんじゃないかと思います。

パソコンからの閲覧に対して行間をCSSで設定できなくはないのですが、スマホから記事を投稿するとCSSが反映されないことがあるようです。

むやみに改行しない

改行をむやみに入れないようにしましょう。

文章の途中で改行されるのは大変読みづらいものになります。文章が終わり、書きたいことが変わるところ、次の段落へ進むときに改行するようにしましょう。

ブログ記事をうまく分類するためにカテゴリに工夫を

ブログにはカテゴリ(アメブロの場合はテーマ)が設定できるようになっています。

ブログへアクセスしてくれた人はその記事に少なからず関心がある人ですので、カテゴリを辿って情報を探す人のために投稿した記事をうまく分類しておくことが必要だと思います。

スマホからアメブロを見た場合、このカテゴリを確認するにはブログタイトル下にある「すべての記事」をタップ→「テーマ別」をタップ→見たいカテゴリをタップします。

伝えたいことが目に留まりやすいように書式をうまく使い分ける

パソコンからの閲覧よりスマホからの閲覧は流し読みのように画面をスクロールする人のほうが多いので、読んでもらいたいこと、伝えたいことは太字にしたり、文字の色を変えたりしておきましょう。

スマホで画面をスクロールしていても書式が変わっているところは目に留まりやすいので、1つの段落に1~3程度、他の文字列とは違う書式を設定しておくといいんじゃないかと思います。

文字を太くしたり色を変えたりするのはいいけれど、必要以上に変えてしまうのは読んでもらいたいこと、伝えたいことがぼやけてしまうのでおすすめしません。

スポンサーリンク

アメブロをスマホで見る人のためにできること、のまとめ。

アメブロはスマホからログインしないとスマホ用のデザインを選択することができません。

パソコンからアメブロに投稿する人のほうが多いのか、スマホでの見え方についてあまり意識していないのか?と思われるブログが多くあります。

一度、ご自身のアメブロの記事を読んでみてほしいと思います。せっかく書いた記事を見た目に見づらい印象を与えてしまったことで読んでもらえないというのはもったいないですから。

スポンサーリンク
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
この記事を書いた人
アバター

ホームページ開設・運用、リニューアルのご相談や、SNS・ブログの運用サポート、市民活動団体のIT活用提案・サポート、Webライティングを行っています。
また、県内各所にてパソコン操作講習会やSNS活用セミナーなどの講師もしています。

wseedkをフォローする
アメブロ
スポンサーリンク
お問い合わせ・ご質問はこちらから
お問い合わせやご質問はこちらからお願いいたします。
wseedkをフォローする
だぶるしーど