まるごとHP、デザイン・制作に関する質問への回答ページです。他にも風俗店・デリヘルのHP制作や申し込み、料金等についても回答しています。

メタタグは、Webページの情報を検索エンジンやブラウザに伝えるためのHTML要素で、SEOやページのパフォーマンスに大きな影響を与えます。

以下に、代表的なメタタグとその内容に関して詳しく説明します。
 

1. <title>タグ

• 記載内容
  ページの内容を簡潔かつ魅力的に要約し、キーワードを含めます。50～60文字以内に収めるのが理想です。レスポンシブ版サイトはスマホに合わせて30文字以内を推奨します。
   
• 例
   <title>東京のメンズエステ – リラクゼーションサロン【公式】</title>
   

2. <meta name="description">タグ

• 記載内容
  PCサイトは、ページの要点を120～130文字程度でわかりやすく説明し、主要なキーワードを含めます。スマホは70文字以内で自然な文章にすることが重要です。ただし、PC/スマホ対応のレスポンシブデザインのディスクリプションは、別々に設定することができない為、スマホに合わせて70文字程度にまとめるのが良いといえます。
   
• 例
  <meta name="description" content="東京で最高のリラクゼーションを提供するメンズエステサロン。プロフェッショナルなセラピストが心身をリフレッシュさせます。予約はこちらから。">
  
   

3. <meta name="keywords">タグ

• 記載内容
  ページ内容に関連する主要なキーワードを3～5個記載。ただし、過度に詰め込みすぎないようにします。
   
• 例
  <meta name="keywords" content="東京, メンズエステ, リラクゼーション, セラピー">
  
   

4. <meta property="og:title">（Open Graphタグ）

• 記載内容
  SNSでシェアされる際に表示されるタイトルを記載します。<title>タグと同様の内容にすることが一般的です。
   
• 例
   <meta property="og:title" content="東京のメンズエステ – リラクゼーションサロン【公式】">
  
   

5. <meta property="og:description">（Open Graphタグ）

• 記載内容
  SNSでの表示用にページ内容を簡潔に説明する文を記載します。<meta name="description">タグと同様の内容にすることが一般的です。
   
• 例
  <meta property="og:description" content="東京で最高のリラクゼーションを提供するメンズエステサロン。予約はこちらから。">
  
   

6. <meta property="og:image">（Open Graphタグ）

• 記載内容
  シェア時に表示させたい画像のURLを指定します。画像は適切なサイズで、できれば1200×630ピクセルのような高解像度のものを選びます。
   
• 例
  <meta property="og:image" content="https://www.example.com/image.jpg">

【まとめ】

• SEO対策には、<title>タグと<meta name="description">タグが特に重要です。これらに適切なキーワードを含め、魅力的な内容にすることがクリック率向上につながります。
   
• モバイルフレンドリーなページ作成のためには、<meta name="viewport">タグを正しく設定することが重要です。
   
• SNSでのシェアを意識したい場合は、Open Graph（OG）タグを設定し、SNSでの見栄えを整えることで、ユーザーにより良い印象を与えられます。