カテゴリー: コラム

モバイル対応じゃないホームページなんて意味がない！！

ホームページを作ろうと色々調べていると、「スマートフォン表示」「レスポンシブデザイン」
「モバイルフレンドリー」などの言葉を耳にしているかもしれません。

ホームページを閲覧してる方のデバイスはざっくりスマホが７割、デスクトップが２割、タブレットが１割ほどと言われています。
ということは、スマートフォンで見れるようなホームページを作らないといけないですよね。

せっかくカッコいいホームページを作っても、スマホ対応していないなんてもったいない！

Googleがモバイルフレンドリーじゃないサイトは検索エンジンの順位を下げるとも言っていたり、将来的には完全に見れなくなる可能性だってあります。
スマホ対応していないホームページを持っているなんて意味がないんです！

モバイル対応するのは結構大変なの？

パソコン用のサイトとモバイル用を両方作っているサイトもあったり、
パソコン版とモバイル版で、デザインを作るスタイルシートを分けたり、
サイトを２つ作るくらいの労力が必要なんです。
後はデザインの自由度の制限だったり、、、

しかし、スマホ利用者が７割超いる今どき対応しないわけにもいかないんです。

対応する事によって

「検索エンジンの上位にきやすい」
「URLがパソコンとスマホ分かれてないので、共有されやすい」
「管理や更新するのが楽」

などのメリットがあります。

タスケルのホームページ更新システムは楽々モバイル対応

「えー、せっかくデザインも良くて、中身のコンテンツも充実したホームページを作りきったのに、ここからスマホ対応もしないといけないの！？」と思われてる方、

どうぞご安心ください。

タスケルのホームページ更新システムはパソコン版のページを作りながら、ほぼ自動でモバイル対応してくれます。
文字の大きさ等の微調整は必要です。
編集中にスマホではどう見えるんだろう？と確認する機能までついています。便利ですね。

どんな感じの編集画面なの？使いやすいの？と思われてる方向けに、タスケルの更新システムの動画を製作中ですので、お楽しみに！！

SSLとは？

SSL（Secure Sockets Layer）とは、インターネット上でデータを暗号化して送受信する仕組みです。
通販サイトや旅行予約サイトなど、個人情報をやりとりする際に必要とされていました。
個人情報やり取りしないし必要ないんじゃないの？と思われるかもしれませんが、
あのGoogleが「SSL化してないホームページは検索の結果から外していく」と宣言しているんです。

2018年よりGoogle Chromeのバージョン68では、
SSLで暗号化されていないホームページにアクセスすると、

アドレスバーに「（SSLによる暗号化で）保護されていません」との文字列が表示されます。
それを追うように、各社のブラウザやスマートフォンでも、
SSL化していないホームページの閲覧の際に警告が出るようになっており、最新のAndroidでは表示すらされないようになってきています。

せっかくホームページを持っていても、警告の画面でお客様に見てもらえないのでは、ホームページを持つ意味がないですよね。

SSL化のメリットとは

• ホームページの安全性
• 信頼性
• SEO対策で有利

SSL化する事により様々なメリットがあります。
通販ページがなくてもお問合せフォームではお客様の個人情報の送信が行われます。
その際の通信を暗号化し、第三者からのデータの盗聴やパケットデータの改竄を防止できます。
また弊社の更新システムにログインする際も、SSL化していないと、パスワードの抜き取り等によってサイトが乗っ取られたりする可能性も出てきます。
またSSL化をすることで、SSL認証局という所から「SSLサーバー証明書」が発行されます。
この証明書がなりすましサイトではないことを証明し、閲覧される方の信頼性にも繋がります。
現時点では警告が出るのみですが、ある日突然見れなくなる可能性も防ぐことができるのです。

SSL化は必須

SSLに対する警告は日々厳しくなってきています。
最近のGoogleChromeのアップデートでは、

Chrome80（2020年2月5日リリース済み）
・「混在コンテンツの動画、音声を自動的にhttpsで接続し、読み込めない場合はブロック」
・「混在コンテンツの画像は引き続き表示されるが、アドレスバーに「保護されていない通信」と警告を表示」

GoogleのChrome81（2020年3月17日のリリース予定）では
・「混在コンテンツの画像も自動的にhttpsで接続し、読み込めない場合はブロック（ただし別ドメインまたはサブドメインに限る）」

つまりサイト全体をSSLしていないと、画像が表示されなくなったりという可能性があるので、個人情報をやり取りするお問合せフォームのページだけをSSL化しておけばいいというわけでもないのです。
タスケルの自社サーバーでは常時SSLと言って、ホームページ上の画像一つ一つにもセキュリティがかかっているので、ご安心ください。
とにかく今後、セキュリティ面では厳しくなってくるので、ホームページを作る際に必須となってるのです。

どういう写真がいいの？

写真なんか旅行で風景と食事の写真しか撮ったことないんだけど、携帯のカメラはメモ代わりで写真なんか撮らない。
という方にホームページ用に使う写真の撮り方の基本をお伝えします。
トップページのメインの写真はホームページのデザインや第一印象にも関わる部分。
重要なポイントを解説しましょう。

縦向きで撮らない

例えばこちらの写真。最近のスマホは画面も大型化し、縦に長くなってますよね。
スマホを縦向きにとるとこのような縦長の画像になってしまします。
タスケルのホームページを見てもらうと、ほとんどの画像が横向きですよね。
（一部デザインの都合で縦長や正方形の画像もありますが）

この縦長の画像は切り抜くこともできないですし、スマートフォン表示になると、画像で画面が埋まってしまうので見る方に優しくないのです。
ホームページ用の画像を撮るときは必ずスマホを横にして撮りましょう。

余白をたっぷり

こちらの２つの画像を見比べてください。
左の写真は撮りたい対象物ギリギリの構図ですよね。右は余白があります。
左の写真は切り抜いたりして使うことができません。
画像編集で後から融通がきく写真は右の写真なんです。

水平・垂直に気をつける

こちらの写真ですが、床や棚、窓枠など、垂直水平の基準がありますよね。この水平垂直が斜めになっていると、違和感のある写真になってしまいます。
スマホ撮影の場合、カメラの設定から「グリッドを表示」して頂くと基準線が出ますし、カメラでもグリッドや水平器などの機能を使用するようにしてください。

明るさに気をつける

こちらの写真ですが、はがきやその下の用紙が白飛びと言って、元の色が失われてほとんど白になってしまっています。
このように白に近いものを撮るときは明るくなりすぎないように注意しましょう。
逆に人の顔なども撮るときは暗くなりすぎないようにも注意しましょう。
スマートフォンでもカメラでも、オートモードであれば、対象物にAF（オートフォーカス）を合わせたら自動でいい感じにしてくれます。

写真はホームページの顔！

「縦向きで撮らない」「余白は多めに」「水平・垂直を意識する」「明るさに気をつける」
この４点を意識して、素敵なお写真の素材をお待ちしています。
もし写真撮影が不安でしたら、弊社にて撮影も可能ですのでお問い合わせください。