ページ横幅サイズが、閲覧デバイスに合わせて自動調整されるように meta viewportタグを設定できている

Webページに、「meta viewportタグ」が設定されているか確認する

Webページの「ソースコード」を見てみると、viewportは、＜head＞＜/head＞タグの間に、以下のような形式で記述されるのが一般的です。

＜head＞＜/head＞タグの間にviewportが見当たらない場合は、「タグ設定」がされていないということになりますので、meta viewportタグを追記したほうが良いでしょう。

未設定であれば、「meta viewport」をHTMLファイルに追記する

通常は「meta charset」タグと「title」タグの間にというかたちで差し込むことが多いです。それでは、実際にやってみましょう。

基本的には、上記の形式でそのままHTMLファイルに貼り付ければviewport設定されますが、「content要素」について細かく説明を加えると、以下の通りです。

vieportを設定できたら、スマートフォン・タブレットなどのデバイスで閲覧したときにWebページが「自動調整」して表示されるか確認してみましょう。「横幅サイズ」の異なるデバイスでも不都合なく表示されるようであれば、viewport設定が反映されているということになります。

こちらはHTMLファイルに手を加えることになるため、ある程度の技術知識が必要です。そのため実際にはエンジニア/プログラマに依頼するのが安全です。とはいえ、マーケティング担当者でもサイト構造を理解して、日々改善していく意識を持ちましょう。