viewport

更新日: 2024年3月8日

viewportとは

viewport（ビューポート）は、ウェブページがユーザーに表示される画面領域のことを指します。
これは、ブラウザがWebページを表示するために使用する仮想的な「画面」を意味し、ページの内容がどのように表示されるかを決定する重要な要素です。

viewportの役割

viewportの主な役割は、ウェブページがどのようなデバイスや画面サイズに対しても適切に表示されるようにすることです。
HTMLでは、PCやモバイルデバイス（スマートフォン、タブレット）ごとに異なる画面サイズに合わせてコンテンツを適切に表示するために、viewportを設定します。

viewportの設定

HTMLにおいて、viewportはmeta要素の一部として設定されます。
この設定により、ページはさまざまなデバイスや画面サイズに対応し、適切な表示を保持することが可能になります。
例えば、スマートフォンでの表示を最適化するために、特定のviewport設定が用いられます。

viewportとブラウザーの関係

ブラウザーにおいて、viewportはブラウザウィンドウのうち、ユーザーインターフェイスやメニューバーなどを除いた部分、つまりコンテンツが実際に表示される領域を指します。
ウェブページがviewportのサイズを超える場合、ユーザーはスクロールをすることでページの他の部分を見ることができます。
この機能により、さまざまなサイズのディスプレイに対応したユーザー体験を提供することが可能です。

柏崎剛

この記事の執筆者・監修者。当サイトの運営者で、目からウロコのSEO対策「真」常識の著者。主にSEOの考え方について、現場での経験から、どのようにGoogle検索エンジン対策を行えばよいかを具体的に解説できるよう努めています。再検索キーワード調査ツール、トピッククラスター構築ツール、共起語検索ツール、競合キーワード調査ツール、キーワード候補調査ツール、検索ボリューム調査ツール、見出し抽出ツール、サジェストキーワード取得ツール、MEO順位チェックツールの考案者であり開発者。更に詳しくはプロフィールをご覧ください。SEO対策のお仕事に関するご依頼・お申し込みは、こちらのフォームから承っております。