Content · Web Development · HTML

HTML Meta Robots: Max-Snippet and Max-Image-Preview

Learn meta robots: max-snippet and max-image-preview with a clear explanation, practical HTML markup, a walkthrough and common mistakes to avoid.

1 views Published Oct 19, 2026 Updated Oct 19, 2026 Admin

A small piece of HTML can change what a visitor sees or how the browser understands a page. In this lesson, you will explore meta robots: max-snippet and max-image-preview using a short example that you can inspect and change.

The Idea in Plain English


This limits the number of characters that participating engines may use for text snippets; it does not prescribe exact wording.

Treat this as a practical project: start with a working page, check one requirement at a time, and use the browser inspector to verify the finished result.

A Working Example


Read the sample once before copying it. Notice the element names and attribute values, then compare them with the explanation below.

<head>
    <title>Private Draft Preview</title>
    <meta name="robots" content="max-snippet:80">
</head>

What Each Part Does


  • The meta element supplies machine-readable settings; its name or charset decides which setting.
  • The title gives the document a name in tabs and other browser surfaces.
  • The head holds page metadata, not the visible lesson content.
  • name identifies a field in submitted form data or a named metadata entry.
  • content supplies the value of a meta declaration.

The browser does not hide or lock the page. The directive is meant for search crawlers that choose to obey it.

Try It Yourself


Open the page source to verify the robots tag. Remember that server access controls are a separate problem.

Common Beginner Mistakes


  • Confusing max-snippet with a limit on visible article text.
  • Changing several parts of the example at once, making it difficult to see which part caused a different result.
  • Choosing a tag only because its default appearance looks right, without checking whether it describes the content correctly.

Key Takeaways


  • This limits the number of characters that participating engines may use for text snippets; it does not prescribe exact wording.
  • The browser does not hide or lock the page. The directive is meant for search crawlers that choose to obey it.
  • Test the markup in a browser, and check accessibility and real-world behavior where relevant.
Share this resourceSend this page to someone who may find it useful.