スマホでは隠していませんか。隠した文章はGoogleからも消えます

パソコンで見ると普通なのに、スマホで見ると文字が詰まって読みにくい。それで、スマホのときだけ一部を非表示にした。あるいは、長い説明を思い切って削った。ホームページを自分で触れる方ほど、この調整をやっています。

ただ、ここで1つ、知っておいたほうがいいことがあります。Googleが見ているのは、パソコンの画面ではなくスマホの画面です。スマホで隠した文章は、Googleから見ても存在しないことになります。

結論から書きます。スマホで読みにくいところは、消すのではなく折りたたみます。折りたたみならGoogleは読んでくれます。消すと読んでくれません。この違いだけ押さえておけば、スマホ向けの調整で損をすることはありません。

Googleが見ているのは、スマホの画面です

いまのGoogleは、ページの評価にスマートフォン向けの見え方を使っています。Google自身がこう書いています。

後ろの文がきつい書き方をしています。スマホに出ているものだけを使うと言っています。パソコンにしか出ていない文章は、書いたことにならないわけです。

パソコンの大きな画面で見ながら文章を整えて、スマホでは確認していない。これが順番としては逆になっています。直す画面と評価される画面がずれているので、手間をかけたところが評価に乗りません。

危ないのは「スマホでは非表示」にしたときだけです

先に安心できる話をします。いまのホームページの多くは、画面の幅に応じて表示の形が変わる作りになっています。同じURLで同じ中身を配信して、並び方だけを変える方式です。Googleはこの方式を勧めていて、「レスポンシブ デザインの場合、各ページのコンテンツとメタデータはモバイル版とパソコン版で同じです」と書いています。

つまり、普通に文章を書いて普通に載せているだけなら、パソコンとスマホで中身は同じです。ここは心配しなくていいところです。

問題になるのは、自分の手で「スマホでは出さない」と決めたときだけです。ここだけを点検すれば足ります。

テーマやブロックの設定に、端末ごとの表示と非表示を切り替えるものがあります。チェックを1つ外すだけで、スマホのときはその部分が出なくなります。

画面が窮屈なときにこれを使うと、見た目はきれいに収まります。表を1つ隠す、長い注意書きを隠す、補足の段落を隠す。パソコンでは残っているので、消したつもりもありません。

ただ、Googleに渡るのはスマホの側です。隠した部分は渡りません。実際、Googleはよくある不具合の一覧に「画像がない」「代替テキストがない」といった項目を並べていて、原因として「パソコン用ページにある重要な画像のうち、モバイルページに含まれていないものがあります」と書いています。文章でも事情は同じです。

特に惜しいのは、隠されやすい部分ほど検索で拾われやすい文章だということです。料金の表、対応できる地域、よくある質問の答え、細かい条件の説明。どれも画面を占める割に地味なので、真っ先に隠す候補になります。そして、お客様が検索に打ち込む言葉はこういうところに入っています。

隠すなら、消さずに折りたたみます

では窮屈な画面をどうするか。Googleはこう書いています。「コンテンツを取り除くのではなく、アコーディオンやタブに移動することでスペースを確保することをご検討ください。」

折りたたみやタブなら、閉じていても中身はページにあります。Googleはそれを読みます。見た目はすっきりして、評価は落ちない形です。

1つだけ条件があります。開く前からページに入っていることです。Googleは「Google は読み込みにユーザーの操作が必要なコンテンツを読み込みません」と書いています。ボタンを押してから中身を取りに行く作りだと、Googleは押さないので読めません。

スマホ側で欠けやすいものが、ほかに3つあります

文章のほかに、スマホの側だけ抜けてしまいがちなものがあります。Googleが名前を挙げているのは次の3つです。

1つめは画像の説明文です。「モバイルサイトの画像に、パソコンサイトと同じ代替テキストを指定します。」と書かれています。画像の説明文そのものについては写真の説明文、空のままになっていませんか。AIに書かせられますでまとめました。

2つめはタイトルと説明文です。「モバイル版とパソコン版の両サイトに同じタイトルとメタ ディスクリプションを設定します。」とあります。プラグインでスマホ用に別の設定を入れている場合は、同じになっているか見てください。

3つめは見出しです。「パソコンサイトと同様に、モバイルサイトでも明確で意味のある見出しを使用します。」と書かれています。スマホで見出しが大きすぎるからといって、見出しを普通の文章に戻してしまうと、何が書かれたページなのかが伝わりにくくなります。文字の大きさは見た目の設定で下げられます。

今日やることは、3つだけです

難しい作業ではありません。順番に見ていけば30分ほどで終わります。

まず、自分のスマホでトップページと主なページを開いて、パソコンの画面と読み比べます。パソコンにあってスマホにない段落、表、画像を探します。

次に、見つかった部分を折りたたみに変えます。設定で非表示にしているだけなら、非表示を外して折りたたみに置き換えます。

最後に、折りたたみの中身がページに入っているかを、さきほどの見分け方で確かめます。

これをやっても読みにくさが残るときは、作りそのものが古い場合があります。その判断はホームページは作り直すべきですか。直して使えることのほうが多いですに書いたとおりで、多くの場合は全部を作り直さずに済みます。

スマホで見るのは、お客様と同じ画面で自分のページを見るということです。Googleもその画面を見ています。見る画面をそろえるだけで、直す場所がはっきりします。