モバイルフレンドリーにする最も簡単な方法

Pocket

ウェブページをモバイルフレンドリーあるいはレスポンシブにする必要最小限の方法です。

モバイルフレンドリーにするだけならば「<meta name="viewport" content="width=device-width,initial-scale=1"$gt;」をheadの中に入れるだけでOKです。

<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
</body>
</html>

「viewport」は表示領域という意味です。
「width=device-width」は幅をデバイスの幅に合わせるということです。
「initial-scale=1」は倍率の初期値を1倍にするという意味です。
つまり「表示領域をデバイスの幅に合わせる」ということになります。パソコンの幅、スマートフォンの幅に合わせて表示することができます。

モバイルフレンドリーであるかチェックするには次のサイトを使います。

モバイル フレンドリー テスト - Google Search Console

関連記事

[ 2018年10月27日 | カテゴリー: デジタル | タグ: , ]

« | »

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

送信してください。


タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報