Snippet Eligibility tutorial: review and fix

What is Snippet Eligibility?

Snippet Eligibility refers to a web page ability to have search engines and generative AIs extract and display fragments of its content. A page can be perfectly indexed by Google and still not be snippet-eligible if it contains blocking directives.

In 2024-2025, with the rise of generative AIs (Google AI Overviews, ChatGPT with search, Perplexity, etc.), being snippet-eligible has become a critical visibility factor.

Directives that block your snippets

1. Meta robots nosnippet

<meta name="robots" content="nosnippet">

This is the most direct directive. It tells all bots not to generate snippets from this page.

2. max-snippet:0

<meta name="robots" content="max-snippet:0">

Sets the maximum snippet size to 0 characters. The practical effect is identical to nosnippet.

3. X-Robots-Tag (HTTP header)

X-Robots-Tag: nosnippet

The same directive but sent as an HTTP header. It is less visible because it is not in the HTML and can go unnoticed.

4. data-nosnippet (HTML attribute)

<div data-nosnippet>This content will not appear in snippets</div>

Excludes a specific element from snippets. Useful for sensitive content, but dangerous if applied to main content.

Hidden content and inaccessible text

In addition to explicit directives, certain CSS techniques can make your content inaccessible to AIs:

display:none — Completely hides the element
visibility:hidden — The element takes space but is invisible
font-size:0 — Text technically present but zero-sized
text-indent:-9999px — Text displaced off-screen
color:transparent — Invisible text over the background

Although Google can detect some of these techniques, generative AIs may ignore content they consider hidden or suspicious of cloaking.

How to audit your Snippet Eligibility

Run the AISEO audit for your URL and review Check 17 results.
Review the technical report: you will see a breakdown of each detected signal with its severity.
Manually, open your page and search the source code (Ctrl+U) for <meta name="robots"> tags.
Use developer tools (F12 ? Network) to review HTTP headers and look for X-Robots-Tag.
Search your HTML for data-nosnippet attributes with Ctrl+F.

Step-by-step fix

Remove nosnippet from meta robots: Edit your page <head> or SEO plugin settings. If using WordPress, check Yoast/Rank Math ? Advanced ? Meta Robots.
Adjust max-snippet: Change max-snippet:0 to max-snippet:300 or remove it completely.
Review server configuration: Search your .htaccess or nginx.conf for rules that add X-Robots-Tag: nosnippet.
Audit data-nosnippet: Search for this attribute in your theme/template. Remove it from elements containing main content.
Clean hidden CSS: If you have main content with display:none, consider using accessible accordions or restructuring the design.