mcpField
D
developer-seo

developer-seo

github.com/jonathimerマーケティング・グロース87116 回インストール34 週間前に更新
リポジトリ

developer-seo について

developer-seoは、開発者の具体的な検索意図に応える技術コンテンツで検索からの可視性を高めるスキルです。開発者向けコンテンツチームを対象に、キーワード調査、記事形式、サイトの技術的SEO、権威性の構築、効果測定を扱います。

主な機能

  1. 01開発者の検索パターンと意図の分析
  2. 02技術系ロングテールキーワードの発見
  3. 03エラー解説、手順書、比較記事、チュートリアルの作成
  4. 04コード例とドキュメント構成の改善
  5. 05技術系バックリンクの獲得とコンテンツ更新
  6. 06検索順位とオーガニック流入の測定

活用シーン

  1. 01サポート上の質問からコンテンツ機会を発見
  2. 02よくあるエラーメッセージに答えるページの作成
  3. 03技術ドキュメントサイトのSEO監査

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/jonathimer/devmarketing-skills --skill developer-seo

インストール後、Claude Code で/developer-seoを入力して読み込まれたか確認します。

同梱ファイルREADME.md

詳細

開発者向け SEO

概要

開発者向け SEO は、従来の SEO とは根本的に異なります。開発者は、エラーメッセージや API に関する質問、「Y 言語で X を行う方法」といった、技術的な意図が明確な検索を行います。内容の薄いページからはすぐに離れ、実際に問題を解決してくれるサイトを評価します。競合は他のマーケティングサイトではなく、Stack Overflow、公式ドキュメント、GitHub のイシューです。

このスキルでは、内容の質を損なわずに技術者向けオーディエンスに効果を発揮する SEO 戦略を紹介します。

開発者の検索行動を理解する

開発者の検索方法

開発者の検索方法は一般のユーザーとは異なります。

検索クエリのパターン:

  • エラーメッセージ(そのままコピー&ペーストされることがよくあります)
  • 「[言語/フレームワーク] で [操作] を行う方法」
  • 「[ツール A] と [ツール B] の比較」
  • 「[概念] のチュートリアル」
  • 「[ライブラリ] の [特定の関数] の例」

行動シグナル:

  • 表面的な内容のページでは直帰率が高い
  • 本当に役立つページでは滞在時間が長い
  • 解決策を比較するために複数のタブを開く
  • コード例まで素早くスクロールする
  • 内容が検索意図に合わない場合はすぐに離脱する
検索意図のカテゴリー
  1. トラブルシューティング:開発者にエラーが発生しており、修正方法を求めている
  2. 学習:開発者が概念を理解したい
  3. 評価:開発者がツールやアプローチを比較している
  4. 実装:開発者が動作するコード例を必要としている
  5. リファレンス:開発者が構文や API をすぐに確認したい

開発者向けキーワード調査

技術的なロングテールキーワードを見つける

技術的なロングテールキーワードは検索ボリュームが少ないものの、検索意図が非常に明確です。「axios interceptor refresh token react」と検索する開発者は、必要なものを正確に把握しています。

調査方法:

  1. サポートチャネルを調べる

    • サポートチケットから質問を抽出する
    • Discord/Slack コミュニティの質問を確認する
    • GitHub のイシューを分析し、よくある問題を特定する
  2. Stack Overflow を調べる

    • 自分のツールカテゴリーに言及している質問を検索する
    • 人気のスレッドに関連する質問を確認する
    • 開発者が使っている正確な表現を記録する
  3. Google Search Console を分析する

    • 検索順位が 5~20 位のクエリを見つける
    • 質問形式のクエリを特定する
    • サイトに流入しているエラーメッセージ検索を見つける
  4. 競合コンテンツのギャップを見つける

    • 競合のドキュメントでは、どの質問に答えられていないか
    • フォーラムのスレッドでは、既存の回答のどこに不満があるか
エラーメッセージ SEO

エラーメッセージは SEO の宝庫です。開発者がそのままコピー&ペーストして検索するためです。

戦略:

  1. よくあるエラーごとに専用ページを作成する
  2. タイトルと H1 にエラーの正確なテキストを使う
  3. コンテンツの早い段階でエラーメッセージ全文を記載する
  4. 一般的なトラブルシューティングではなく、実際の修正方法を提示する
  5. ユーザーが遭遇する可能性のある関連エラーも追加する

エラーページのコンテンツ構成:

Title: [Exact Error Message] - How to Fix

## The Error
[Full error message and where it appears]

## Quick Fix
[The solution that works in most cases]

## Why This Happens
[Brief technical explanation]

## Other Solutions
[Alternative fixes for edge cases]

## Related Errors
[Links to similar issues]
公式ドキュメントとの競争

公式ドキュメントはドメインオーソリティで優位ですが、弱点を抱えていることも少なくありません。

ドキュメントでよく見られる不足点:

  • 「何をするか」だけで「なぜそうするか」の説明がない
  • 実際のユースケースに即した例がない
  • トラブルシューティングガイドがない
  • 内容が古い
  • 比較の文脈がない

取り組める機会:

  • 手順を丁寧に説明する「X の使い始め方」チュートリアル
  • 「X と Y の比較」コンテンツ(ドキュメントでは比較されることがありません)
  • バージョン間やツール間の移行ガイド
  • 実際のユースケースに基づく実装例
  • よくある落とし穴とその回避方法

検索順位を獲得するコンテンツ形式

ハウツーガイド

技術的なハウツーコンテンツの構成:

# How to [Action] in [Technology]

## Prerequisites
- What you need before starting
- Required versions/dependencies

## Quick Version (TL;DR)
- Code snippet that works for common case

## Step-by-Step
1. Step with explanation
2. Step with code example
3. Step with expected output

## Complete Example
[Full working code]

## Common Issues
- Problem 1: Solution
- Problem 2: Solution

## Next Steps
[What to learn next]
比較コンテンツ

開発者は選択肢を評価する際、「[ツール A] と [ツール B] の比較」を積極的に検索します。

ガイドライン:

  • 本当に客観的な内容にする(開発者は事実を確認します)
  • 実際のコードを使って比較する
  • それぞれが優れている具体的なユースケースを取り上げる
  • 自分のツールの制限事項も正直に説明する
  • ツールに大きな変更があった場合は更新する
チュートリアルシリーズ

詳細なチュートリアルは、特定分野での権威性を高め、関連する複数の検索クエリを獲得します。

計画の進め方:

  1. トピッククラスターを特定します(例:「Node.js の認証」)
  2. 幅広いトピックを網羅する柱となるコンテンツを作成します
  3. 個別のサブトピックを扱う補足コンテンツを作成します
  4. 戦略的に相互リンクします

開発者向けサイトのテクニカル SEO

コードスニペットの最適化

Google はコードを読み取り、理解できます。次のように最適化してください。

  • セマンティック HTML(<code>、<pre>)を使用します
  • シンタックスハイライト用の言語ヒントを追加します
  • コードが画像ではなく実際のテキストであることを確認します
  • コードが実際に動作するかテストします(壊れた例は信頼性を損ないます)
開発者向けサイトのページ速度

開発者は高速なサイトを期待しています。また、広告ブロッカーやプライバシーツールを使用することもよくあります。

優先事項:

  • ドキュメントページの JavaScript を最小限に抑えます
  • 可能な場合は JavaScript なしでもコンテンツを読み込めるようにします
  • 低帯域幅の状況(カンファレンス会場の Wi-Fi など)に合わせて最適化します
  • 開発者がよく使うブラウザー拡張機能を有効にしてテストします
ドキュメントサイトのアーキテクチャ

優れた IA は、ユーザーと検索エンジンの双方に役立ちます。

  • 明確な階層(ガイド > カテゴリー > 個別のトピック)
  • ナビゲーション用のパンくずリスト
  • 一貫した URL 構造
  • バージョン管理されたドキュメントに canonical タグを適切に使用します
  • 大規模なドキュメントサイトには XML サイトマップを用意します

権威性の構築

テクニカルな被リンク

質の高いテクニカルな被リンクは、数よりも重要です。

効果的なリンク元:

  • GitHub リポジトリの README
  • コンテンツを引用する技術ブログ記事
  • ガイドへのリンクを含む Stack Overflow の回答
  • 開発者向けニュースレターでの紹介
  • カンファレンス講演のリソース一覧

効果のないもの:

  • 汎用的なゲスト投稿
  • リンク交換
  • ディレクトリへのスパム投稿
  • フォーラムの署名リンク
コンテンツの鮮度

開発者向けコンテンツはすぐに古くなります。

  • 主要なガイドを四半期ごとに見直して更新します
  • 「最終更新日」を追加します(開発者は確認します)
  • 依存関係の変更時に更新するプロセスを作成します
  • 本当に古くなったコンテンツは削除するか、リダイレクトします

開発者向け SEO の測定

重要な指標
  • ドキュメントやガイドへのオーガニックトラフィック
  • 目標とする技術クエリでの検索順位
  • チュートリアルコンテンツのページ滞在時間
  • エラーメッセージに関するクエリの Search Console での表示回数
  • 技術コンテンツからの GitHub 経由の流入
慎重に解釈すべき指標
  • 直帰率(開発者は答えを見つけて離脱することがよくあります。それは成功です)
  • セッションあたりのページ数(リファレンスコンテンツなら、1 ページでも問題ありません)
  • コンバージョン率(開発者向けツールではアトリビューション期間が長くなります)

予算とリソース

最小限の実行可能な取り組み
  • 必要な時間:コンテンツ作成に週 5~10 時間
  • 必要なツール:Google Search Console(無料)、基本的なキーワード調査ツール
  • 期間:オーガニックな成長を実感するまで 3~6 か月
拡大する場合の取り組み
  • 専任のテクニカルコンテンツライター
  • SEO ツールのサブスクリプション(Ahrefs、Semrush)
  • ドキュメント向けに最適化されたコンテンツ管理システム
  • 定期的なコンテンツ監査と更新

ツール

  • Google Search Console:検索順位を追跡し、クエリの機会を見つけます
  • Ahrefs/Semrush:キーワード調査と競合分析
  • Screaming Frog:ドキュメントサイトのテクニカル SEO 監査
  • Algolia:開発者が何を探しているかを明らかにする検索分析
  • Octolens:開発者の議論をモニタリングし、コンテンツの機会や、コンテンツで答えるべき質問を見つけます

よくある間違い

  1. 開発者ではなく検索エンジン向けに書く:キーワードを詰め込んだ、実際には役に立たないコンテンツ
  2. 検索意図を無視する:クエリで上位に表示されても、開発者が本当に必要としている内容に合っていない
  3. 内容の薄いコンテンツ:実質的な価値を提供しない短い記事
  4. 古いサンプル:現在のバージョンでは動作しないコード
  5. 独自の価値がない:公式ドキュメントですでに説明されている内容の焼き直し

関連スキル

  • developer-content-strategy:開発者向けコンテンツの全体的な計画
  • dev-tool-directory-listings:ディレクトリへの掲載によるドメイン権威性の構築
  • developer-lead-gen:オーガニックトラフィックをリードに転換する方法

コメント