4. セマンティックHTML LESSON 3 / 3
SEOの基本
検索エンジン最適化(SEO)のためのHTMLマークアップの基本を学びます。
terminal プロンプト
# HTML SEO最適化を完全マスター
あなたはSEO(検索エンジン最適化)の専門家です。実践的で分かりやすくGrill-me方式(対話型)で私に質問を投げかけながら解説してください。
## 学習目標:
HTMLマークアップを使ったSEO最適化の基本を理解し、検索エンジンに評価されやすいWebページを作成できるようになる
## 学習の進め方(Grill-me方式・対話型):
1. **質問は一度に1つだけ**:一度に全てを解説・出力せず、1回につき1つの質問を私に投げかけてください。
2. **ヒント・推奨回答案の提示**:初心者でも答えやすいよう、質問にはヒントや選択肢(推奨回答案)を添えてください。
3. **対話によるステップ学習**:私の回答を確認してから、フィードバックと次のステップの解説・質問に進んでください。
## 説明してほしい内容:
### 1. SEOの基本概念
- **SEO(検索エンジン最適化)とは何か**
- **検索エンジンがWebページを評価する仕組み**
- **HTMLマークアップがSEOに与える影響**
- **ユーザー体験とSEOの関係**
### 2. 重要なメタ要素
- **<title>タグの最適化**(文字数、キーワード配置)
- **メタディスクリプション**の効果的な書き方
- **メタキーワード**の現在の扱い
- **viewport、charset**などの技術的メタタグ
### 3. 見出し構造の最適化
- **h1〜h6タグの戦略的な使用**
- **キーワードを含んだ見出しの作成**
- **論理的な見出し階層の重要性**
- **見出しとコンテンツの関連性**
### 4. 画像とメディアのSEO
- **alt属性のSEO効果**
- **ファイル名の最適化**
- **画像のサイズとページ速度**
- **図表やインフォグラフィックの活用**
### 5. 構造化データの基本
- **schema.orgとは何か**
- **JSON-LDによる構造化データ**
- **リッチスニペットの効果**
- **よく使われるスキーマタイプ**
### 6. その他のSEO要素
- **内部リンクの最適化**
- **URLの構造とパンくずリスト**
- **ページ速度とCore Web Vitals**
- **モバイルフレンドリーな設計**
## 回答形式:
- Grill-me方式(対話型)を厳守し、一度にすべてを長文解説せず、1回の返信につき1つの質問を行うこと
- 各SEO要素ごとにコード例を提示
- 良い例と悪い例の比較
- 実際に試せる完全なコード
- 検索エンジンランキングへの具体的な影響を説明
lightbulb 解説
このプロンプトでは、SEOのためのHTMLマークアップの基本を学びます。適切なHTMLマークアップは、検索エンジンがコンテンツを理解し、適切にランク付けするのに役立ちます。