現役Webデザイナーが、初心者のホームページ自作を応援!

ペライチスマホ対応

最終更新日:

ペライチのレスポンシブ・スマホ対応を徹底解説!

レスポンシブWebデザイン
ホームページ自作を応援するWebデザイナー
リュウ

こんにちは、ホームページ自作ラボ管理人のリュウです。
ホームページ制作会社の代表であり、現役のWebデザイナーでもある私が、初心者でも使えるホームページ作成サービスについて解説しています。

ホームページ作成サービス「ペライチ」は、自動でスマホ対応してくれます。
ペライチでは、公開前の作成途中でも、スマホでの表示を管理画面で確認できるので便利です。

今回は、ペライチのスマホ対応について解説します。
この記事を読むことで、ペライチのスマホ対応について知ることができ、ペライチがあなたに向いているホームページ作成サービスかどうかの判断材料になります。

なお、ペライチについての全体的な解説はペライチを徹底解説をご覧ください。

スマホ対応とは?

そもそもスマホ対応とは何かについて解説します。

スマホからのアクセスが過半数の現状

スマホが普及した今、ホームページへのアクセスは、スマホが過半数を占めています。
そのため、スマホで閲覧した場合の表示に対応させる必要があります。

「パソコン版のサイトでもスマホで見えるから良いのでは?」と思われるかもしれません。

しかし、パソコン版をそのままスマホで見るには無理があります。
パソコンの画面に比べて、スマホの画面サイズは大幅に小さく、操作方法も異なるからです。

スマホ対応しておかないと、多くの訪問者を逃すことになります。

ホームページ自作を応援するWebデザイナー
リュウ

特にBtoC(個人相手)のホームページだと、スマホからのアクセスが多くなる傾向があります。アクセス全体の7割を超える場合もあります。

ホームページ作成の初心者
初心者 ハナ

私もスマホで検索して探すことが多いので、スマホ対応が必須なのは納得です。

主流は「レスポンシブWebデザイン」

スマホ対応させる方法は1つではないのですが、現在は「レスポンシブWebデザイン」がスマホ対応方法の主流となっています。

レスポンシブWebデザインとは、PC・タブレット・スマホなど、複数の異なる画面サイズに合わせて、ページのレイアウト・デザインを柔軟に調整する手法です。

同一ページで、閲覧ユーザーの画面サイズに合わせてレイアウトを変えるので、パソコン版とスマホ版を別で作成する必要がありません。
閲覧ユーザーの環境に合わせて、レイアウト・デザインが自動調整されます。

ホームページ自作を応援するWebデザイナー
リュウ

レスポンシブWebデザインはGoogle推奨の方法なので、多くのサイトが使っています。

ホームページ作成の初心者
初心者 ハナ

同じURLのページでパソコン版もスマホ版もできるなら、その方が便利ですよね。

レスポンシブWebデザインのメリット

ペライチでも採用されているスマホ対応方法「レスポンシブWebデザイン」のメリットについて解説します。

ホームページの作成・運営がしやすい

スマホ版のホームページを用意するために、パソコン版とは別でスマホサイトを作成する方法もあります。
しかし、別でスマホサイトを作成する方法であれば、手間と費用が大きく掛かってしまいます。

また、ホームページ掲載内容の変更をするときに、パソコン版・スマホ版それぞれ別で変更する作業が発生します。

しかし、レスポンシブWebデザインであれば、1ヶ所を変更すればパソコン版・スマホ版の両方に反映されるため、費用や手間を抑えることができます。

ホームページ作成の初心者
初心者 ハナ

パソコン版とスマホ版が別サイトになっていると、更新の手間が2倍かかってしまうということですね。

ホームページ自作を応援するWebデザイナー
リュウ

そういうことです。しっかり同時に管理しておかないと、スマホ版の内容が古いままになってしまうことも有り得ます。

パソコン版・スマホ版ともに同じURLで運営できる

スマホサイトを別で作成している場合は、パソコン版とスマホ版でURLが異なります。

例えば、パソコン版のトップページのURLが「https://sample.com」であれば、スマホ版のトップページは「https://sample.com/sp/」と別のURLになります。
同じホームページであるにもかかわらず、URLが別れることで、SNSなどでシェアされたときにURLがバラバラになってしまい、不便な面が多々あります。
そして、URLがバラバラになるので、SEO的に弱くなります。

レスポンシブデザインであれば、同一のURLで運営できるので、上記の問題が起きません。

ホームページ作成の初心者
初心者 ハナ

たまに、シェアされたURLをパソコンでクリックしてみると、スマホ版ページが表示されて困ることがあります。

ホームページ自作を応援するWebデザイナー
リュウ

レスポンシブWebデザインであればURLが統一されているので、そのようなことはありません。

Google推奨の方法なのでSEOに有利

スマホ用のページを用意する方法として、GoogleはレスポンシブWebデザインを推奨しています。
Googleが推奨する理由は、やはり閲覧ユーザーにとって有益だからです。

そして、Google推奨のレスポンシブWebデザインを採用していることは、SEOにおいて有利になります。
このことは、Google自身が明言しています。

ホームページ自作を応援するWebデザイナー
リュウ

同一のURLで運営できるレスポンシブWebデザインはSEO的にもプラスなので、多くのサイトで使われています。

ホームページ作成の初心者
初心者 ハナ

ユーザーにとってプラスになることは、SEO的にもプラスになることが多いですもんね。

ペライチのスマホ対応の特徴

ペライチのスマホ対応の特徴について解説します。

すべてのプラン、テンプレートがスマホ対応

ペライチでは、スタートプラン(無料プラン)を含めて、すべてのプランでスマホ対応されています。
そして、ペライチのすべてのテンプレートがスマホ対応です。

そのため、プランもテンプレートを気にせず、ペライチを申し込めば漏れなくスマホ対応されたホームページを作ることができます。

なお、スマホ対応は、ペライチが自動的にしてくれるので、スマホ対応させるための特別な作業は不要です。

ホームページ自作を応援するWebデザイナー
リュウ

ややこしそうに思えるスマホ対応も、ペライチが自動で行ってくれます。

ホームページ作成の初心者
初心者 ハナ

特にスマホ対応のことは気にせず、普通にパソコンで作成すれば良いなら初心者も大丈夫ですね。

作成段階でスマホでの表示を確認できる

スマホ版を重要視している場合、公開前にスマホでの表示を確認できると便利です。

ペライチでは、公開前の作成途中であっても、スマホでの表示がどのようになるのかを確認できます。

管理画面のプレビュー表示の中で「スマホのアイコン」をクリックすれば、スマホサイズでの表示を見ることができます。

ホームページ作成の初心者
初心者 ハナ

公開前にスマホ版を見れるのは便利ですね!

ホームページ自作を応援するWebデザイナー
リュウ

スマホで見てもらうことがメインになりそうなサイトは、特にスマホ版での見え方を確認した方が良いです。

スマホ版のみの編集が可能

先ほど「スマホ最適化させるための特別な作業は不要」と言いましたが、ペライチではスマホ版のみ編集することができます。
スマホの画面サイズを考慮して、スマホ版のみ別の画像を載せたり、文字サイズを変えたりしたい部分があるときに便利です。

基本的には、自動で生成されるスマホ版をそのまま使えば大丈夫なのですが、よりスマホに最適化するために、一部を変えることができます。

なお、スマホ版のみ編集できる箇所は、選んだテンプレートによって異なります。

ホームページ自作を応援するWebデザイナー
リュウ

載せている内容によっては、スマホ版の一部を修正した方が見栄えが良くなり、スマホでの表示に最適化できる場合があります。

ホームページ作成の初心者
初心者 ハナ

スマホ版のみ柔軟に修正できるなら、より良いサイトにできますね。

ペライチのスマホ対応のまとめ

今回は、ペライチのスマホ対応について解説しました。

ペライチは、自動的にスマホ対応にできるので、初心者に優しいです。
また、スマホのみの編集ができるので、よりスマホに適したレイアウトを実現できます。

なお、ペライチについての全体的な解説はペライチを徹底解説をご覧ください。

Let's share !

  • Facebookでシェアする
  • Twitterでツイートする
  • はてなブックマークに登録する
  • LINEで送る

ペライチの関連記事

このページのトップに戻る