スマホ・モバイル用ウェブページSEO対策

グーグルからモバイル対策に問題ありとメールが

ある日、こういうメールが来ました。

※あらゆる端末でウェブページの読み込み時間を短くしましょう。
確かに周りをみても、スマホやタブレットでネットをしている人が多い。

■PageSpeed Insights

Googleのページスピードインサイツでタブレットやスマホ向けのスピードテストをして、ウェブサイトの高速化を図る。

■モバイルフレンドリーテスト

スマホやタブレットからのアクセスが増えてきているのも確かです。モバイルからもアクセスして欲しいページは対策を！
「モバイルフレンドリーではありません。」という表示は、Googleのアカウントがログイン状態になっているサイトのオーナーさんしか表示されないようです。

■とりあえずしておく対策

自分のページのURLを入れて「分析」をクリックすると問題点が表示されます。

■Google モバイルガイド

グーグル公式サイト。ここも参考になります。

モバイルとパソコンに対してホームページのが採点できる

79だと
「このページは､Googleのモバイルフレンドリーテストに合格しない可能性があります｡」

何とか合格

81だと出ません。80がボーダーラインか。

グーグルのブロガーは「モバイルフレンドリー」

■モバイルフレンドリーテスト

モバイルフレンドリーテストというのもあります。
Googleのブログ、Bloggerは問題なし。そりゃそうかな。＾＾；

ChromeのデベロッパーツールにPageSpeedというタブができる

グーグルのChrome用のアプリには、PageSpeedをクリックするとみられます。
右上の「三」から「その他のツール」～「デベロッパーツール」

とりあえずすぐにできるタブレット、スマホ対策

■＜head>の部分に下記のメタタグを入れて、デバイスの幅に合わせる

<meta name="viewport" content="width=device-width, initial-scale=1">

こんな風に＜head＞部分に挿入する。↓

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ホームページのタイトル</title>
<meta name="keywords" content="キーワード,Keyword">
<meta name="description" content="ホームページの詳細">
<meta name=viewport content="width=device-width, initial-scale=1">
<link href="CSSファイル名.css" rel="stylesheet" type="text/css">

■大きなサイズのフォントに変更する。

■画像を圧縮する

ロスレス圧縮をしてくれるサイト
TinyPNG	https://tinypng.com/	png画像のロスレス圧縮
Media4x	http://media4x.com/	Jpg画像のロスレス圧縮
Krake.io	https://kraken.io/web-interface	Jpg画像のロスレス圧縮