Skip to content

faviconやmetaタグ、OGPを設定する

faviconやmetaタグ、OGPは、ウェブサイトの見た目や共有時の表示を改善し、SEOを向上させる重要な要素です。簡潔に説明すると:

  • favicon: ブラウザのタブやブックマークに表示される小さなアイコンで、ブランドの認識度を高めます。
  • metaタグ: 検索エンジンやブラウザにサイトの情報を提供します。タイトルや説明文を指定でき、検索結果の表示に影響します。
  • OGP (Open Graph Protocol): SNSでリンクを共有した際の表示を制御します。タイトル、説明、画像などを指定でき、共有時の見栄えを向上させます。

Workbenchでこれらの設定を行う方法を説明します。

設定画面を開く

サイトを最低でも一度リリースした後に、ページ編集画面、もしくはホーム画面にある設定アイコンをクリックします。

ページ編集画面の設定ボタン

ホーム画面の設定ボタン

favicon、タイトルなどの情報を設定する

右側にそれぞれの項目が表示されるので、設定したい値を入力して保存してください。

faviconには画像をアップロードしてください。

OGPを設定する

右側にそれぞれの項目が表示されるので、設定したい値を入力して保存してください。

画像の項目には任意の画像をアップロードできます。