viewportとは？HTMLのmeta要素の設定方法など徹底解説！｜SEOラボviewportとは、PCやモバイル（スマホ、タブレット）といったデバイスごとにコンテンツの表示領域を設定するためのHTML属性値（meta要素のname属性の属性値）のことです。直訳すると「表示領域」を意味し、読み方は「ビューポート」です。 このviewport（meta viewport）を設定してうまくレスポンシブデザインにできれば、SEOへの良い影響が期待できます。 一方、viewportを設定しなければ、レスポンシブデザイン対応できません。 具体的には、モバイル（スマホ、タブレット）でコンテンツを閲覧したときに、PC向けサイトの横幅になるので表示領域が最適化されません。 この場合、文字が画像が小さくて見ずらかったり、見ずらいので都度ピンチアウトやピンチインで拡大縮小して閲覧する手間が増えます。 結果、ユーザーの利便性が低下するので、Googleから評価されづらくなるというわけです
