こんにちは、チカです^^
サイトアフィリエイトに最適なツールシリウスで、
スマホ対応にさせるための設定や確認方法について解説していきますね。
スマホ対応は必須
ズバリ、スマホ対応していないサイトは…
ってくらい、やばいです。(笑)
ユーザーの約7~8割がスマホ検索からの流入になっていて、
グーグルもスマホ対応できていないサイトは評価を下げますよと公表しています。
わたしのサイトもこんな感じです。
ほとんどがスマホからの流入だということがわかります。
サイトを作るうえで、スマホ対応は必須ってことは覚えていてくださいね^^
シリウスは上位版のみスマホ対応している
HP作成ツールシリウスは、通常版と上位版がありますがスマホ対応ができるのは上位版のみです。
通常版を購入してスマホ表示ができないこともないですが、htmlやcssの専門知識が必須です。
「PCサイトだけ作れればいい」のであれば通常版でも十分ですが、
サイトアフィリエイトで稼ぎたいのであれば上位版を購入すべきですね。
シリウスでスマホ表示にするための設定
シリウスでスマホ表示にするための設定方法です。
シリウスを起動⇒「サイトオプション」をクリックします。
「iphoneサイト設定」タブを開き、「iphoneサイトを同時生成する」にチェックを入れ、①~③を設定します。
変更したら「OK」をクリックします。
「サイト生成」⇒「アップロード」で完了です。
スマホ表示の確認方法
きちんとスマホ表示ができているか確認する方法です。
ちなみに…
このときだけでなく、記事を書いたらスマホ表示の確認をおススメします。
- ユーザーにとって文章や改行は見やすいか?
- 画像や動画などがはみ出ていないか?
- エラーなどないか?
スマホ表示がきちんとできていないと、
ユーザーをがっかりさせてしまうのでしっかり確認しましょうね^^
モバイルフレンドリーで確認
グーグルが提供するモバイルフレンドリーで確認する方法です。
URLを入れるだけで確認できます。
参考モバイルフレンドリーテスト こんにちは、チカです^^ グーグルの無料提供ツールとして「モバイルフレンドリーテスト」というものがあります。 「スマホ表示」がきちんとできているか?の簡易テストを行うツールです。 今回はモバイルフレン ...
使い方についての記事はコチラ。
モバイルフレンドリーテストとは?使い方と修正部分を解説!
パソコンから様々なデバイスで確認する
グーグルには「デペロッパーツール」という超便利な機能が備わっています。
パソコン上から、スマホや様々なサイズ幅のデバイスの表示を確認することができるんです。
こんにちは!チカです^^ サイト作りをしていて、パソコンのデザインはいつも見れるけど、スマホ時のデザインってすぐ確認できないので気になりませんか? 今やスマホ時代なので、スマホからの集客がメインですし ...
使い方についての記事はコチラ。
グーグルデペロッパーツールでスマホ表示を確認する方法【デザイン】
実機で確認
上記で紹介した方法も役立ちますが、自分の持っているスマホから確認する方法が一番リアルです。
ただし、持っているスマホでしか確認できないのが難点ですね^^;
わたしは時間があるとき、自分のスマホで自サイトを見てチェックしています^^
第三者になったつもりで、「ここ改行されてて見にくい」とか「余白がなさすぎ」など
いろんな視点で見るようにしています。
まとめ
スマホ対応の大切さをわかっていただけたでしょうか?
シリウスの上位版ならhtmlやcssがわからなくても、
今回紹介した方法でスマホサイトが簡単に生成できるので楽ちんですよ^^