Skip to content
Scrollchart
Marketing & SEO Simple #intent#query-types

Search Intent Quadrants

Informational, navigational, commercial, transactional. Match the page type to the intent.

A free, animated search intent quadrants you can read here or embed on any website, from Scrollchart.

Search Intent Quadrants

Search Intent QuadrantsMatch page type to intent: the SERP layout reveals what Google expects to rankLow commercial intentHigh commercial intentHigh specificityLow specificityIntent mappingInformationalFeatured Snippet + PAACommercialShopping + Comparison tablesNavigationalKnowledge Panel + SitelinksTransactionalShopping ads + Local PackMismatched intent (transactional page for informational query) is invisible to Google regardless of backlink count.

A 2x2 matrix of query types with example queries and the SERP layouts each tends to surface (knowledge panels for navigational, comparison tables for commercial, etc.).

Good for

  • Keyword research frameworks explaining why intent classification precedes difficulty scoring
  • Content audit tools categorizing existing pages by intent match against their target queries
  • SEO education articles on why technically strong pages fail to rank when intent is mismatched

Source & accuracy

This search intent quadrants is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

The four search intent types and page strategies

Informational queries seek answers: 'what is diabetes', 'how do I fix a leaky faucet', 'why is the sky blue'. Navigational queries seek a specific destination: 'gmail login', 'facebook', 'amazon prime video'. Commercial queries research before purchase: 'best noise-canceling headphones', 'pizza near me', 'software for project management'. Transactional queries intend to buy, book, or complete an action: 'buy macbook air', 'book hotel in nyc', 'free tax software download'.

Google surfaced different page types in response: informational queries display blog posts, explainers, and news articles. Navigational queries show the official site and login pages. Commercial queries show comparison articles, reviews, and category pages. Transactional queries show product pages, booking sites, and download sites. Mismatch between your page type and the query intent (e.g., an informational blog post ranking for a transactional query) signals poor relevance and lowers rankings.

Matching your content portfolio to intent

A complete content strategy addresses all four quadrants. A fitness brand writes informational articles about exercise science and nutrition (attracts early-stage searchers), maintains navigational presence through brand name searches, publishes commercial comparisons of equipment and programs (capture research phase), and builds product/membership pages for transactional completion. The brand that ignores informational content misses 40-50% of long-tail traffic passing through early discovery.

Embed this diagram

Add this animated search intent quadrants to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated search intent quadrants for any website.
Who uses it
SEO agencies & blogs, Content marketers.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.
URL
scrollchart.com/diagram/search-intent-quadrants

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet 
<div data-scrollchart="search-intent-quadrants" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

By embedding, you acknowledge the diagram and explainer text are served from scrollchart.com and may be updated from time to time to reflect new research or to link to relevant sources within the explainer.

Frequently asked questions

Where can I get a free animated "Search Intent Quadrants" for my website?
Scrollchart provides "Search Intent Quadrants" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a search intent quadrants in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.
Related diagrams

Other marketing & seo explainers

See all marketing & seo →
Marketing & SEO Simple

SERP Feature Occupancy

Featured snippets, PAA, video, image packs - what percentage of queries each takes over.
Marketing & SEO Medium

SERP Click-Through Rate Curve

Position 1 captures ~30% of clicks. Position 10 gets under 3%. The curve is steeper than most marketers admit.
Marketing & SEO Medium

Ranking Factor Weights

Relevance, links, content quality, UX signals - rough relative weights as understood from leaks and studies.