https://b.hatena.ne.jp/orectic/bookmark orecticのはてなブックマーク (36) https://codequest.work/cro-guide/ CROの手法はABテスト、フォーム最適化、離脱防止など多岐にわたりますが、その多くはコードで実装可能です。 orectic 2026-05-07T03:55:15Z WEBマーケティング マーケティング Web制作 <blockquote cite="https://codequest.work/cro-guide/" title="CROとは？コンバージョン率を改善する8つの手法と始め方｜CodeQuest.work"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodequest.work%2Fcro-guide%2F" alt="" /> <a href="https://codequest.work/cro-guide/">CROとは？コンバージョン率を改善する8つの手法と始め方｜CodeQuest.work</a></cite><p><a href="https://codequest.work/cro-guide/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/410b9bd07accb8642113c3e9501ce96f0ec02564/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodequest.work%2Fwp-content%2Fuploads%2F2026%2F05%2Fcro-guide-eyecatch.png" alt="CROとは？コンバージョン率を改善する8つの手法と始め方｜CodeQuest.work" title="CROとは？コンバージョン率を改善する8つの手法と始め方｜CodeQuest.work" class="entry-image" /></a></p><p>CRO（Conversion Rate Optimization）とは、Webサイトのコンバージョン率を改善するための施策全般を指します。広告やSEOで集客を増やすのではなく、今あるアクセスからの成果を最大化するアプローチです。 CROの手法はABテスト、フォーム最適化、離脱防止など多岐にわたりますが、その多くはコードで実装可能です。この...</p><p><a href="https://b.hatena.ne.jp/entry/s/codequest.work/cro-guide/"><img src="https://b.hatena.ne.jp/entry/image/https://codequest.work/cro-guide/" alt="はてなブックマーク - CROとは？コンバージョン率を改善する8つの手法と始め方｜CodeQuest.work" title="はてなブックマーク - CROとは？コンバージョン率を改善する8つの手法と始め方｜CodeQuest.work" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codequest.work/cro-guide/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://codequest.work/font-pairing-previewer/ CodeQuest.workでは、Google Fontsの見出し×本文をブログ記事風にリアルタイムプレビューできるフォントペアリング プレビューアを公開しました。 orectic 2026-05-07T01:33:32Z Webフォント ツール Webデザイン <blockquote cite="https://codequest.work/font-pairing-previewer/" title="フォントペアリング プレビューア｜見出し×本文の組み合わせを即プレビュー｜CodeQuest.work"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodequest.work%2Ffont-pairing-previewer%2F" alt="" /> <a href="https://codequest.work/font-pairing-previewer/">フォントペアリング プレビューア｜見出し×本文の組み合わせを即プレビュー｜CodeQuest.work</a></cite><p><a href="https://codequest.work/font-pairing-previewer/"><img src="" alt="フォントペアリング プレビューア｜見出し×本文の組み合わせを即プレビュー｜CodeQuest.work" title="フォントペアリング プレビューア｜見出し×本文の組み合わせを即プレビュー｜CodeQuest.work" class="entry-image" /></a></p><p>フォントペアリングとは、見出しと本文に異なるフォントを組み合わせて、読みやすく魅力的なデザインを作る手法のことです。ブログやWebサイトのフォント選びは印象を大きく左右しますが、実際に組み合わせてみないと相性は判断できません。 CodeQuest.workでは、Google Fontsの見出し×本文をブログ記事風にリアルタイム...</p><p><a href="https://b.hatena.ne.jp/entry/s/codequest.work/font-pairing-previewer/"><img src="https://b.hatena.ne.jp/entry/image/https://codequest.work/font-pairing-previewer/" alt="はてなブックマーク - フォントペアリング プレビューア｜見出し×本文の組み合わせを即プレビュー｜CodeQuest.work" title="はてなブックマーク - フォントペアリング プレビューア｜見出し×本文の組み合わせを即プレビュー｜CodeQuest.work" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codequest.work/font-pairing-previewer/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://seo.codequest.work/ja/blog/structured-data-impact-report 構造化データを入れたら順位が上がった — 本当にそうか？GA4・SEO_CHECK・GSCで因果関係を切り分けた分析プロセスを共有する。 orectic 2026-05-06T12:25:55Z SEO GEO マーケティング WEBマーケティング SEOツール JSON-LD <blockquote cite="https://seo.codequest.work/ja/blog/structured-data-impact-report" title="構造化データはランキングに効くのか｜3ツール横断で因果関係を切り分ける"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fseo.codequest.work%2Fja%2Fblog%2Fstructured-data-impact-report" alt="" /> <a href="https://seo.codequest.work/ja/blog/structured-data-impact-report">構造化データはランキングに効くのか｜3ツール横断で因果関係を切り分ける</a></cite><p><a href="https://seo.codequest.work/ja/blog/structured-data-impact-report"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ce2b3fb5e62a0a1f414fe9e813a3db9b6ed55961/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fseo.codequest.work%2Fja%2Fblog%2Fstructured-data-impact-report%2Fopengraph-image" alt="構造化データはランキングに効くのか｜3ツール横断で因果関係を切り分ける" title="構造化データはランキングに効くのか｜3ツール横断で因果関係を切り分ける" class="entry-image" /></a></p><p>構造化データはランキングに効くのか構造化データを入れたら順位が上がった — 本当にそうか？GA4・CodeQuest.work SEO・GSCで因果関係を切り分けた分析プロセスを共有する。</p><p><a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/blog/structured-data-impact-report"><img src="https://b.hatena.ne.jp/entry/image/https://seo.codequest.work/ja/blog/structured-data-impact-report" alt="はてなブックマーク - 構造化データはランキングに効くのか｜3ツール横断で因果関係を切り分ける" title="はてなブックマーク - 構造化データはランキングに効くのか｜3ツール横断で因果関係を切り分ける" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/blog/structured-data-impact-report"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://seo.codequest.work/ja/blog/domain-power-fact-check Google社員の発言・公式ドキュメント・ツール会社自身の見解を整理し、業界で「常識」とされている指標の実態をファクトチェックする。 orectic 2026-05-06T12:24:18Z SEO WEBマーケティング マーケティング SEOツール GEO <blockquote cite="https://seo.codequest.work/ja/blog/domain-power-fact-check" title="ドメインパワーはGoogleのランキング指標か｜公式ソースでファクトチェック"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fseo.codequest.work%2Fja%2Fblog%2Fdomain-power-fact-check" alt="" /> <a href="https://seo.codequest.work/ja/blog/domain-power-fact-check">ドメインパワーはGoogleのランキング指標か｜公式ソースでファクトチェック</a></cite><p><a href="https://seo.codequest.work/ja/blog/domain-power-fact-check"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5e92fc5e1a445f600d93e747c39b3b940775e4d9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fseo.codequest.work%2Fja%2Fblog%2Fdomain-power-fact-check%2Fopengraph-image" alt="ドメインパワーはGoogleのランキング指標か｜公式ソースでファクトチェック" title="ドメインパワーはGoogleのランキング指標か｜公式ソースでファクトチェック" class="entry-image" /></a></p><p>ドメインパワーは Googleのランキング指標かGoogle社員の発言・公式ドキュメント・ツール会社自身の見解を整理し、業界で「常識」とされている指標の実態をファクトチェックする。 ドメインパワー（Domain Authority）はGoogleの公式指標ではありません。Moz・Ahrefs等のSEOツール会社が独自に算出したサードパーティ指...</p><p><a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/blog/domain-power-fact-check"><img src="https://b.hatena.ne.jp/entry/image/https://seo.codequest.work/ja/blog/domain-power-fact-check" alt="はてなブックマーク - ドメインパワーはGoogleのランキング指標か｜公式ソースでファクトチェック" title="はてなブックマーク - ドメインパワーはGoogleのランキング指標か｜公式ソースでファクトチェック" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/blog/domain-power-fact-check"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://seo.codequest.work/ja/blog/competitor-keywords-guide orectic 2026-05-01T13:36:15Z SEO WEBマーケティング マーケティング SEOツール <blockquote cite="https://seo.codequest.work/ja/blog/competitor-keywords-guide" title="競合サイトのキーワードを無料で調べる方法｜使い方とコンテンツ戦略への活かし方"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fseo.codequest.work%2Fja%2Fblog%2Fcompetitor-keywords-guide" alt="" /> <a href="https://seo.codequest.work/ja/blog/competitor-keywords-guide">競合サイトのキーワードを無料で調べる方法｜使い方とコンテンツ戦略への活かし方</a></cite><p><a href="https://seo.codequest.work/ja/blog/competitor-keywords-guide"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/09b876040eec83fcb27dfa2812461cd31e698551/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fseo.codequest.work%2Fja%2Fblog%2Fcompetitor-keywords-guide%2Fopengraph-image" alt="競合サイトのキーワードを無料で調べる方法｜使い方とコンテンツ戦略への活かし方" title="競合サイトのキーワードを無料で調べる方法｜使い方とコンテンツ戦略への活かし方" class="entry-image" /></a></p><p>競合サイトキーワードを無料で調べる方法競合サイトのランクインキーワード・検索順位・推定流入数を無料で調査。結果の読み方からコンテンツ戦略への活かし方まで。 競合キーワード調査とは、競合サイトがGoogleの検索結果でランクインしているキーワード・検索順位・推定流入数を分析する手法です。CodeQuest.work SEO...</p><p><a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/blog/competitor-keywords-guide"><img src="https://b.hatena.ne.jp/entry/image/https://seo.codequest.work/ja/blog/competitor-keywords-guide" alt="はてなブックマーク - 競合サイトのキーワードを無料で調べる方法｜使い方とコンテンツ戦略への活かし方" title="はてなブックマーク - 競合サイトのキーワードを無料で調べる方法｜使い方とコンテンツ戦略への活かし方" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/blog/competitor-keywords-guide"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://seo.codequest.work/ja/competitor-keywords orectic 2026-04-28T03:22:59Z WEBマーケティング SEO ツール 無料ツール SEOツール <blockquote cite="https://seo.codequest.work/ja/competitor-keywords" title="SEO_CHECK　新機能競合キーワード調査ツール"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fseo.codequest.work%2Fja%2Fcompetitor-keywords" alt="" /> <a href="https://seo.codequest.work/ja/competitor-keywords">SEO_CHECK　新機能競合キーワード調査ツール</a></cite><p><a href="https://seo.codequest.work/ja/competitor-keywords"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0bc86409dbd19e5ae4a0d3bdbc28ca5830ddc6f9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fseo.codequest.work%2Fja%2Fopengraph-image" alt="SEO_CHECK　新機能競合キーワード調査ツール" title="SEO_CHECK　新機能競合キーワード調査ツール" class="entry-image" /></a></p><p>競合キーワード調査ツール競合サイトがGoogleで獲得しているキーワードとページを一覧表示。 競合の強みを把握して、自社のコンテンツ戦略に活かしましょう。</p><p><a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/competitor-keywords"><img src="https://b.hatena.ne.jp/entry/image/https://seo.codequest.work/ja/competitor-keywords" alt="はてなブックマーク - SEO_CHECK　新機能競合キーワード調査ツール" title="はてなブックマーク - SEO_CHECK　新機能競合キーワード調査ツール" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/competitor-keywords"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://seo.codequest.work/ja/blog SEO改善に必要な知識を実践的に解説。SEOラボはより深く検証されたい方向け orectic 2026-04-27T07:58:49Z SEO WEBマーケティング GEO LLMO ツール llms <blockquote cite="https://seo.codequest.work/ja/blog" title="SEO_CHECK SEOガイド"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fseo.codequest.work%2Fja%2Fblog" alt="" /> <a href="https://seo.codequest.work/ja/blog">SEO_CHECK SEOガイド</a></cite><p><a href="https://seo.codequest.work/ja/blog"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0bc86409dbd19e5ae4a0d3bdbc28ca5830ddc6f9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fseo.codequest.work%2Fja%2Fopengraph-image" alt="SEO_CHECK SEOガイド" title="SEO_CHECK SEOガイド" class="entry-image" /></a></p><p>競合サイトのキーワードを無料で調べる方法｜使い方とコンテンツ戦略への活かし方競合サイトのランクインキーワード・検索順位・推定流入数を無料で調査。ツールの使い方から調査結果をコンテンツ戦略に活かすステップまで。</p><p><a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/blog"><img src="https://b.hatena.ne.jp/entry/image/https://seo.codequest.work/ja/blog" alt="はてなブックマーク - SEO_CHECK SEOガイド" title="はてなブックマーク - SEO_CHECK SEOガイド" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/blog"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://seo.codequest.work/ja/blog/llms-txt-geo-report 公式サポートするAIベンダーはゼロ。でもChatGPTだけが読みに来ている。CDNログと30万ドメイン調査から検証した結果、GEOの正体は「良いSEOそのもの」だった。 orectic 2026-04-25T12:19:55Z SEO GEO llms AI検索 構造化データ SEOツール <blockquote cite="https://seo.codequest.work/ja/blog/llms-txt-geo-report" title="llms.txtはGEO施策として機能するのか"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fseo.codequest.work%2Fja%2Fblog%2Fllms-txt-geo-report" alt="" /> <a href="https://seo.codequest.work/ja/blog/llms-txt-geo-report">llms.txtはGEO施策として機能するのか</a></cite><p><a href="https://seo.codequest.work/ja/blog/llms-txt-geo-report"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b55308a1fa7331fbed70a4cda3ab12170aa31333/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fseo.codequest.work%2Fja%2Fblog%2Fllms-txt-geo-report%2Fopengraph-image" alt="llms.txtはGEO施策として機能するのか" title="llms.txtはGEO施策として機能するのか" class="entry-image" /></a></p><p>観察 seo.codequest.workにllms.txt / llms-full.txtを設置した。GA4でアクセスログを確認すると、アクセス自体はある。しかしそれがAIクローラーなのか人間なのか、GA4だけでは判別できない。GA4はJavaScript計測であり、多くのボットはJSを実行しないためそもそも計測対象外になる。 違和感 CDNログやサーバーログを持...</p><p><a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/blog/llms-txt-geo-report"><img src="https://b.hatena.ne.jp/entry/image/https://seo.codequest.work/ja/blog/llms-txt-geo-report" alt="はてなブックマーク - llms.txtはGEO施策として機能するのか" title="はてなブックマーク - llms.txtはGEO施策として機能するのか" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/blog/llms-txt-geo-report"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://codequest.work/claude-code-commands-guide/ Claude Codeで使えるコマンドを一覧で紹介し、実際の開発シーンでどう活用するかをユースケース別に解説。 orectic 2026-04-22T01:58:25Z AI フロントエンド Web制作 Webデザイン プログラミング学習 <blockquote cite="https://codequest.work/claude-code-commands-guide/" title="Claude Code コマンド一覧｜使い方・ショートカット実践ガイド｜CodeQuest.work"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodequest.work%2Fclaude-code-commands-guide%2F" alt="" /> <a href="https://codequest.work/claude-code-commands-guide/">Claude Code コマンド一覧｜使い方・ショートカット実践ガイド｜CodeQuest.work</a></cite><p><a href="https://codequest.work/claude-code-commands-guide/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d4f4023391398961774466b6085658eff50245dc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodequest.work%2Fwp-content%2Fthemes%2Fcodequest%2Fassets%2Fimg%2Fogp-img.png" alt="Claude Code コマンド一覧｜使い方・ショートカット実践ガイド｜CodeQuest.work" title="Claude Code コマンド一覧｜使い方・ショートカット実践ガイド｜CodeQuest.work" class="entry-image" /></a></p><p>Claude Codeは、Anthropic社が提供するAIコーディングアシスタントのCLI（コマンドラインインターフェース）ツールです。ターミナル上でClaudeと対話しながら、コードの作成・修正・レビュー・デバッグを行えます。 この記事では、Claude Codeで使えるコマンドを一覧で紹介し、実際の開発シーンでどう活用するかをユース...</p><p><a href="https://b.hatena.ne.jp/entry/s/codequest.work/claude-code-commands-guide/"><img src="https://b.hatena.ne.jp/entry/image/https://codequest.work/claude-code-commands-guide/" alt="はてなブックマーク - Claude Code コマンド一覧｜使い方・ショートカット実践ガイド｜CodeQuest.work" title="はてなブックマーク - Claude Code コマンド一覧｜使い方・ショートカット実践ガイド｜CodeQuest.work" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codequest.work/claude-code-commands-guide/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://codequest.work/orectic-seo-check-plugin/ WordPress管理画面からワンクリックでSEO診断。APIキー不要で3回まで無料。構造化データ・基本SEO・コンテンツ・技術SEOの4カテゴリを100点満点でスコア化。 orectic 2026-04-14T10:35:46Z SEO WordPress SEOツール Web制作 <blockquote cite="https://codequest.work/orectic-seo-check-plugin/" title="WordPressプラグイン「ORECTIC SEO CHECK」公開｜管理画面からSEO診断"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodequest.work%2Forectic-seo-check-plugin%2F" alt="" /> <a href="https://codequest.work/orectic-seo-check-plugin/">WordPressプラグイン「ORECTIC SEO CHECK」公開｜管理画面からSEO診断</a></cite><p><a href="https://codequest.work/orectic-seo-check-plugin/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d4f4023391398961774466b6085658eff50245dc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodequest.work%2Fwp-content%2Fthemes%2Fcodequest%2Fassets%2Fimg%2Fogp-img.png" alt="WordPressプラグイン「ORECTIC SEO CHECK」公開｜管理画面からSEO診断" title="WordPressプラグイン「ORECTIC SEO CHECK」公開｜管理画面からSEO診断" class="entry-image" /></a></p><p>WordPress管理画面を開いたまま、その場でSEO診断ができたら手間が減る——そう思ったことはないでしょうか。 このたびORETICでは、WordPressプラグイン「ORECTIC SEO CHECK」をWordPress公式ディレクトリで公開しました。SEO_CHECKの診断エンジンをWordPressの管理画面から直接呼び出せます。この記事では、プラグインの...</p><p><a href="https://b.hatena.ne.jp/entry/s/codequest.work/orectic-seo-check-plugin/"><img src="https://b.hatena.ne.jp/entry/image/https://codequest.work/orectic-seo-check-plugin/" alt="はてなブックマーク - WordPressプラグイン「ORECTIC SEO CHECK」公開｜管理画面からSEO診断" title="はてなブックマーク - WordPressプラグイン「ORECTIC SEO CHECK」公開｜管理画面からSEO診断" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codequest.work/orectic-seo-check-plugin/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://codequest.work/ai-seo-guide-2026/ llms.txt・JSON-LD FAQPage・ページFAQの3つをコピペレベルで解説。AI検索時代の基本対策を初学者向けに整理した入門記事。 orectic 2026-04-12T13:48:01Z llms SEO AI WordPress LLMO search 調査 <blockquote cite="https://codequest.work/ai-seo-guide-2026/" title="【2026年版】AI検索時代のSEO対策入門 — llms.txt・構造化データ・FAQの始め方"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodequest.work%2Fai-seo-guide-2026%2F" alt="" /> <a href="https://codequest.work/ai-seo-guide-2026/">【2026年版】AI検索時代のSEO対策入門 — llms.txt・構造化データ・FAQの始め方</a></cite><p><a href="https://codequest.work/ai-seo-guide-2026/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d4f4023391398961774466b6085658eff50245dc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodequest.work%2Fwp-content%2Fthemes%2Fcodequest%2Fassets%2Fimg%2Fogp-img.png" alt="【2026年版】AI検索時代のSEO対策入門 — llms.txt・構造化データ・FAQの始め方" title="【2026年版】AI検索時代のSEO対策入門 — llms.txt・構造化データ・FAQの始め方" class="entry-image" /></a></p><p>「ちゃんとSEO対策をしているのに、問い合わせが増えない」と感じていませんか。Google検索に加えて、ChatGPTやPerplexityといったAIを使って情報を調べる人が急増しています。従来のSEOだけでは、この変化に対応しきれなくなってきました。 この記事では、AI検索時代に必要な新しいSEO対策の基本として、llms.txt・JSON...</p><p><a href="https://b.hatena.ne.jp/entry/s/codequest.work/ai-seo-guide-2026/"><img src="https://b.hatena.ne.jp/entry/image/https://codequest.work/ai-seo-guide-2026/" alt="はてなブックマーク - 【2026年版】AI検索時代のSEO対策入門 — llms.txt・構造化データ・FAQの始め方" title="はてなブックマーク - 【2026年版】AI検索時代のSEO対策入門 — llms.txt・構造化データ・FAQの始め方" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codequest.work/ai-seo-guide-2026/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://codequest.work/clickable-area-generator/ はてブコメント案: 画像の好きな範囲をドラッグするだけでimgmap（イメージマップ）のHTMLコードを生成できるWebツール。登録不要・無料。 orectic 2026-04-01T02:24:17Z Web制作 無料ツール <blockquote cite="https://codequest.work/clickable-area-generator/" title="クリッカブルエリアジェネレーター｜画像マップをコード不要で作れるツール"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodequest.work%2Fclickable-area-generator%2F" alt="" /> <a href="https://codequest.work/clickable-area-generator/">クリッカブルエリアジェネレーター｜画像マップをコード不要で作れるツール</a></cite><p><a href="https://codequest.work/clickable-area-generator/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d4f4023391398961774466b6085658eff50245dc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodequest.work%2Fwp-content%2Fthemes%2Fcodequest%2Fassets%2Fimg%2Fogp-img.png" alt="クリッカブルエリアジェネレーター｜画像マップをコード不要で作れるツール" title="クリッカブルエリアジェネレーター｜画像マップをコード不要で作れるツール" class="entry-image" /></a></p><p>バナー画像の特定エリアをリンクにしたい、商品画像の各部分をクリックできるようにしたい——そんなとき、HTMLのmap要素（イメージマップ）を手書きするのはかなり面倒です。 CodeQuest.workでは、画像をアップロードして範囲を描くだけでイメージマップのコードを自動生成できるClickable Area Generator（クリッカブル...</p><p><a href="https://b.hatena.ne.jp/entry/s/codequest.work/clickable-area-generator/"><img src="https://b.hatena.ne.jp/entry/image/https://codequest.work/clickable-area-generator/" alt="はてなブックマーク - クリッカブルエリアジェネレーター｜画像マップをコード不要で作れるツール" title="はてなブックマーク - クリッカブルエリアジェネレーター｜画像マップをコード不要で作れるツール" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codequest.work/clickable-area-generator/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://codequest.work/wordpress-seo-check-plugin/ WordPress管理画面からSEO診断できるプラグインの構成・セキュリティ対策まとめ。nonce・権限チェック・サニタイズの実装解説あり。 orectic 2026-03-29T23:52:46Z SEO Web制作 フロントエンド WordPress ツール 個人開発 SEOツール <blockquote cite="https://codequest.work/wordpress-seo-check-plugin/" title="WordPressプラグインでSEO診断する方法｜管理画面からワンクリックで完結"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodequest.work%2Fwordpress-seo-check-plugin%2F" alt="" /> <a href="https://codequest.work/wordpress-seo-check-plugin/">WordPressプラグインでSEO診断する方法｜管理画面からワンクリックで完結</a></cite><p><a href="https://codequest.work/wordpress-seo-check-plugin/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/18422c5ef3a8ac7295a58e7c650a89f703347a13/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodequest.work%2Fwp-content%2Fuploads%2F2026%2F03%2Fscreenshot.png" alt="WordPressプラグインでSEO診断する方法｜管理画面からワンクリックで完結" title="WordPressプラグインでSEO診断する方法｜管理画面からワンクリックで完結" class="entry-image" /></a></p><p>WordPressでサイトを運営しているとき、SEO診断のたびに別サービスを開いてURLをコピペして——という手順を繰り返していませんか？ この記事では、WordPressの管理画面からワンクリックでSEOスコアを確認できるプラグインの使い方と、その技術構成・セキュリティ対策を解説します。プラグイン開発に興味があるWeb制作者に...</p><p><a href="https://b.hatena.ne.jp/entry/s/codequest.work/wordpress-seo-check-plugin/"><img src="https://b.hatena.ne.jp/entry/image/https://codequest.work/wordpress-seo-check-plugin/" alt="はてなブックマーク - WordPressプラグインでSEO診断する方法｜管理画面からワンクリックで完結" title="はてなブックマーク - WordPressプラグインでSEO診断する方法｜管理画面からワンクリックで完結" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codequest.work/wordpress-seo-check-plugin/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://codequest.work/llms-txt-ai-seo/ AIに「紹介してもらう」より「正しく理解してもらう」が本来の目的。llms.txtをWeb担当者・経営者向けの解説ページ。 orectic 2026-03-28T11:51:28Z SEO AI Web制作 LLMO JSON-LD llms <blockquote cite="https://codequest.work/llms-txt-ai-seo/" title="AIに自社サイトを正しく認識させる方法｜llms.txtとは何か"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodequest.work%2Fllms-txt-ai-seo%2F" alt="" /> <a href="https://codequest.work/llms-txt-ai-seo/">AIに自社サイトを正しく認識させる方法｜llms.txtとは何か</a></cite><p><a href="https://codequest.work/llms-txt-ai-seo/"><img src="" alt="AIに自社サイトを正しく認識させる方法｜llms.txtとは何か" title="AIに自社サイトを正しく認識させる方法｜llms.txtとは何か" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/codequest.work/llms-txt-ai-seo/"><img src="https://b.hatena.ne.jp/entry/image/https://codequest.work/llms-txt-ai-seo/" alt="はてなブックマーク - AIに自社サイトを正しく認識させる方法｜llms.txtとは何か" title="はてなブックマーク - AIに自社サイトを正しく認識させる方法｜llms.txtとは何か" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codequest.work/llms-txt-ai-seo/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://codequest.work/page-flip-book-ui/ ドラッグ操作のみでめくれる設計が秀逸。クリックと混在させない操作分離という考え方が実務でも使える。CSSイージングより「動きの軽さ」をパラメータで作る思想が参考になる。 orectic 2026-03-19T11:53:32Z CSS UI プログラミング Webデザイン <blockquote cite="https://codequest.work/page-flip-book-ui/" title="本のようなページめくりUIを実装する方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodequest.work%2Fpage-flip-book-ui%2F" alt="" /> <a href="https://codequest.work/page-flip-book-ui/">本のようなページめくりUIを実装する方法</a></cite><p><a href="https://codequest.work/page-flip-book-ui/"><img src="" alt="本のようなページめくりUIを実装する方法" title="本のようなページめくりUIを実装する方法" class="entry-image" /></a></p><p>本をめくるような自然な操作感を持ったページめくりUIWebサイトで「本のようなページめくりUI」を見かけることは、以前より増えてきました。 デジタルメニューやカタログ、資料ビューアなど、紙の体験に近いUIが求められる場面は意外と多くあります。 一方で、実際に実装してみると次のような課題に直面しがちです。 ・...</p><p><a href="https://b.hatena.ne.jp/entry/s/codequest.work/page-flip-book-ui/"><img src="https://b.hatena.ne.jp/entry/image/https://codequest.work/page-flip-book-ui/" alt="はてなブックマーク - 本のようなページめくりUIを実装する方法" title="はてなブックマーク - 本のようなページめくりUIを実装する方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codequest.work/page-flip-book-ui/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://zenn.dev/orectic/articles/d1e2a5c2c22cce ブランド検索がゼロから動き始めた実体験をもとに、SEO・LLMO・AIOがすべてブランド認知につながる構造を解説。 orectic 2026-03-13T01:44:43Z SEO Web制作 マーケティング AI LLMO WEBマーケティング <blockquote cite="https://zenn.dev/orectic/articles/d1e2a5c2c22cce" title="SEO・AI時代に生き残るWeb制作者の条件"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Forectic%2Farticles%2Fd1e2a5c2c22cce" alt="" /> <a href="https://zenn.dev/orectic/articles/d1e2a5c2c22cce">SEO・AI時代に生き残るWeb制作者の条件</a></cite><p><a href="https://zenn.dev/orectic/articles/d1e2a5c2c22cce"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f4f6e91e9efbbbb2cdcc9d5579ebe4c3ddd67b5d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--H2yBCwmR--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ASEO%2525E3%252583%2525BBAI%2525E6%252599%252582%2525E4%2525BB%2525A3%2525E3%252581%2525AB%2525E7%252594%25259F%2525E3%252581%25258D%2525E6%2525AE%25258B%2525E3%252582%25258BWeb%2525E5%252588%2525B6%2525E4%2525BD%25259C%2525E8%252580%252585%2525E3%252581%2525AE%2525E6%25259D%2525A1%2525E4%2525BB%2525B6%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E4%2525BB%25258A%2525E4%2525BA%252595%2525E6%252594%2525BF%2525E5%252592%25258C%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2ViMmFhNzlkOWEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="SEO・AI時代に生き残るWeb制作者の条件" title="SEO・AI時代に生き残るWeb制作者の条件" class="entry-image" /></a></p><p>2026年2月下旬、自分が運営するSEO診断ツール「SEO_CHECK」のGoogle Search Consoleを確認していて、気づいたことがある。 ブランドトラフィックの欄に、数字が出始めていた。 「SEO_CHECK」という名前で直接検索してくる人が現れた。ゼロだったものが動き始めた瞬間だ。小さな変化かもしれないが、これはSEOの本質が変...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/orectic/articles/d1e2a5c2c22cce"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/orectic/articles/d1e2a5c2c22cce" alt="はてなブックマーク - SEO・AI時代に生き残るWeb制作者の条件" title="はてなブックマーク - SEO・AI時代に生き残るWeb制作者の条件" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/orectic/articles/d1e2a5c2c22cce"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://seo.codequest.work/ja/query-fanout 1つのキーワードから検索意図別（疑問・比較・費用など6カテゴリ）にクエリを自動展開。記事構成・内部リンク設計に使える orectic 2026-03-12T08:18:06Z SEO コンテンツ戦略 キーワード調査 検索意図 ライター <blockquote cite="https://seo.codequest.work/ja/query-fanout" title="クエリファンアウト候補ツール｜検索意図別にキーワードを自動展開"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fseo.codequest.work%2Fja%2Fquery-fanout" alt="" /> <a href="https://seo.codequest.work/ja/query-fanout">クエリファンアウト候補ツール｜検索意図別にキーワードを自動展開</a></cite><p><a href="https://seo.codequest.work/ja/query-fanout"><img src="" alt="クエリファンアウト候補ツール｜検索意図別にキーワードを自動展開" title="クエリファンアウト候補ツール｜検索意図別にキーワードを自動展開" class="entry-image" /></a></p><p>クエリファンアウト候補ツール1つのキーワードから検索意図別に関連クエリを自動展開。 コンテンツ企画・記事構成・内部リンク設計に活用できます。</p><p><a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/query-fanout"><img src="https://b.hatena.ne.jp/entry/image/https://seo.codequest.work/ja/query-fanout" alt="はてなブックマーク - クエリファンアウト候補ツール｜検索意図別にキーワードを自動展開" title="はてなブックマーク - クエリファンアウト候補ツール｜検索意図別にキーワードを自動展開" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/query-fanout"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://seo.codequest.work/ja/search-volume Googleサジェスト一括取得＋検索ボリューム・CPC・競合性を無料で確認できるツール orectic 2026-03-12T08:16:11Z SEO キーワード調査 検索ボリューム WEBマーケティング ツール <blockquote cite="https://seo.codequest.work/ja/search-volume" title="検索ボリューム調査ツール｜月間検索数・CPC・競合性を無料で取得"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fseo.codequest.work%2Fja%2Fsearch-volume" alt="" /> <a href="https://seo.codequest.work/ja/search-volume">検索ボリューム調査ツール｜月間検索数・CPC・競合性を無料で取得</a></cite><p><a href="https://seo.codequest.work/ja/search-volume"><img src="" alt="検索ボリューム調査ツール｜月間検索数・CPC・競合性を無料で取得" title="検索ボリューム調査ツール｜月間検索数・CPC・競合性を無料で取得" class="entry-image" /></a></p><p>無料検索ボリューム調査ツールキーワードの月間検索ボリューム・CPC・競合性を取得。 サジェストキーワードと合わせてコンテンツ戦略を立てましょう。</p><p><a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/search-volume"><img src="https://b.hatena.ne.jp/entry/image/https://seo.codequest.work/ja/search-volume" alt="はてなブックマーク - 検索ボリューム調査ツール｜月間検索数・CPC・競合性を無料で取得" title="はてなブックマーク - 検索ボリューム調査ツール｜月間検索数・CPC・競合性を無料で取得" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/seo.codequest.work/ja/search-volume"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://codequest.work/ai-search-citation-llms-txt/ llms.txtの設置からFAQPage構造化データ、robots.txtのAIクローラー設定まで、AI検索で引用されるための具体的な対策をコード例付きで解説。 orectic 2026-03-07T14:53:39Z llms AI 構造化データ JSON-LD SEO GEO LLMO <blockquote cite="https://codequest.work/ai-search-citation-llms-txt/" title="AI検索で自社サイトが引用されない？今すぐできる3つの対策【llms.txt・構造化データ・robots.txt】"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodequest.work%2Fai-search-citation-llms-txt%2F" alt="" /> <a href="https://codequest.work/ai-search-citation-llms-txt/">AI検索で自社サイトが引用されない？今すぐできる3つの対策【llms.txt・構造化データ・robots.txt】</a></cite><p><a href="https://codequest.work/ai-search-citation-llms-txt/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d4f4023391398961774466b6085658eff50245dc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodequest.work%2Fwp-content%2Fthemes%2Fcodequest%2Fassets%2Fimg%2Fogp-img.png" alt="AI検索で自社サイトが引用されない？今すぐできる3つの対策【llms.txt・構造化データ・robots.txt】" title="AI検索で自社サイトが引用されない？今すぐできる3つの対策【llms.txt・構造化データ・robots.txt】" class="entry-image" /></a></p><p>「ChatGPTに自社名を聞いてみたら、一切出てこなかった」 Webサイト運営者からよく聞く話です。SEOはそれなりにやってきたつもりなのに、AI検索では存在しないも同然——そんな焦りを感じている方も多いのではないでしょうか。 最近は「AI出現率チェックツール」と呼ばれるサービスが登場し始めており、「自社がどれだけAI...</p><p><a href="https://b.hatena.ne.jp/entry/s/codequest.work/ai-search-citation-llms-txt/"><img src="https://b.hatena.ne.jp/entry/image/https://codequest.work/ai-search-citation-llms-txt/" alt="はてなブックマーク - AI検索で自社サイトが引用されない？今すぐできる3つの対策【llms.txt・構造化データ・robots.txt】" title="はてなブックマーク - AI検索で自社サイトが引用されない？今すぐできる3つの対策【llms.txt・構造化データ・robots.txt】" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codequest.work/ai-search-citation-llms-txt/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://codequest.work/vibe-coding-learning/ AIに指示してコードを生成する時代の学習法。コーディングの基礎があると意図通りに動かせる orectic 2026-03-06T12:26:58Z AI プログラミング学習 個人開発 フロントエンド <blockquote cite="https://codequest.work/vibe-coding-learning/" title="バイブコーディング＝AI時代の新しい学び方"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodequest.work%2Fvibe-coding-learning%2F" alt="" /> <a href="https://codequest.work/vibe-coding-learning/">バイブコーディング＝AI時代の新しい学び方</a></cite><p><a href="https://codequest.work/vibe-coding-learning/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d4f4023391398961774466b6085658eff50245dc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodequest.work%2Fwp-content%2Fthemes%2Fcodequest%2Fassets%2Fimg%2Fogp-img.png" alt="バイブコーディング＝AI時代の新しい学び方" title="バイブコーディング＝AI時代の新しい学び方" class="entry-image" /></a></p><p>「AIにコードを書かせる時代」が本格的に到来しました。 ChatGPTやClaudeのような生成AIに感覚的な指示を出して開発する、いわゆる“バイブコーディング”というスタイルが注目を集めています。 本記事では、バイブコーディングの意味と活用法、そしてAI時代に求められる「ラテラル×ロジカル」な学び方について詳しく解説...</p><p><a href="https://b.hatena.ne.jp/entry/s/codequest.work/vibe-coding-learning/"><img src="https://b.hatena.ne.jp/entry/image/https://codequest.work/vibe-coding-learning/" alt="はてなブックマーク - バイブコーディング＝AI時代の新しい学び方" title="はてなブックマーク - バイブコーディング＝AI時代の新しい学び方" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codequest.work/vibe-coding-learning/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1