Kashiwazaki SEO Hamburger Menu マニュアル
Kashiwazaki SEO Hamburger Menu は、WordPress サイトにレスポンシブ対応のハンバーガーメニューを追加するプラグインです。ブレークポイントに基づいた表示制御、6色のカラーカスタマイズ、SiteNavigationElement 構造化データの自動出力に対応し、SEO に配慮したナビゲーションを実現します。
モバイルユーザーにとって使いやすいナビゲーションは、サイトの回遊率とSEO評価に直結します。本プラグインはレスポンシブなハンバーガーメニューを提供し、SiteNavigationElement構造化データでメニュー構造を検索エンジンに伝えます。
レスポンシブ対応
ブレークポイント設定でモバイル・タブレット向けにハンバーガーメニューを自動表示
カラーカスタマイズ
メニュー・サブメニュー・ホバー・背景・ボタンの6色を自由に設定
構造化データ
SiteNavigationElementスキーマを自動出力しメニュー構造を検索エンジンに伝達
主な機能
- ブレークポイント設定によるレスポンシブ表示制御
- メニュー位置の選択(左・右・カスタム)
- メニュー開閉アニメーション
- SiteNavigationElement JSON-LD 構造化データの自動出力
- 既存の WordPress メニューまたはカスタムメニュー項目の利用
- ホームリンクの表示・非表示切り替え
- 6種類のカラー設定(メニューテキスト、サブメニューテキスト、ホバー、背景、ハンバーガーボタン、ハンバーガーライン)
- 軽量なフロントエンド(CSS 5.4KB、JS 1.7KB)
SEO・GEO への効果
本プラグインは SiteNavigationElement スキーマを JSON-LD 形式で自動出力します。SiteNavigationElement スキーマは、サイトのナビゲーション構造を検索エンジンに正確に伝える役割を果たします。これにより、検索エンジンがサイト内のページ間の関係性を理解しやすくなります。
レスポンシブ対応のハンバーガーメニューは、Google のモバイルファーストインデックスとの互換性を確保します。フロントエンドの負荷は CSS 5.4KB + JS 1.7KB と極めて軽量で、ページ読み込み速度への影響を最小限に抑えます。
GEO(Generative Engine Optimization)の観点では、ナビゲーション構造の構造化データは AI クローラーがサイトコンテンツのマッピングを行う際に有用です。明確なナビゲーション構造を示すことで、AI がサイト全体の構成を正しく把握しやすくなります。
技術仕様
- データ保存: wp_options (kshm_options)
- カスタムテーブル: なし
- 外部通信: なし
- Cron: なし
- メール: なし
- セキュリティ: nonce検証、manage_options権限、sanitize_text_field/sanitize_hex_color
- フロントエンドサイズ: CSS 5.4KB、JS 1.7KB