ハーゲンダッツ
マカデミア味の魅力に迫る

「ハーゲンダッツ」「マカダミアナッツ」などの検索されやすいキーワードを、ページタイトルや説明文、見出しに適切に配置することで、検索結果に表示されやすくしています。

FacebookやLINEなどでシェアされた際に、意図した通りにページ情報を表示させるための設定です。これを「Open Graphタグ（OGP）」と呼びます。

各タグの役割は以下の通りです：

• og:title: シェアされたときに表示されるページのタイトル。
• og:description: ページの説明文。
• og:image: サムネイルとして表示される画像。
• og:url: ページの正規URL。
• og:type: ページの種類（例: "article"は記事）。
• og:site_name: このページが属している「ウェブサイト全体の名前」。

このページでは、以下のように設定しています。

<meta property="og:title" content="...">
<meta property="og:site_name" content="アイスクリーム紹介WEBサイト">

ページがTwitterでシェアされた時に、どのように表示されるかを細かく設定しています。特に summary_large_image を使うことで、大きな画像がタイムラインに表示され、ユーザーの目を引くように工夫しています。

実際のコードは以下のようになっています。OGPと設定内容が似ていますが、こちらはTwitterでの表示を最適化するための専用設定です。

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="Ximage.png">

人間には見えませんが、検索エンジンがページ内容を正しく理解するために、「構造化データ」という情報をJSON-LD形式で記述しています。これにより、このページが「記事」であること、著者、公開日などを正確に伝え、検索結果での表示をリッチにする手助けをします。