Agent Wranglers

SEO-83Optional

Make articles eligible for Discover

Give every article a large image at least 1200 pixels wide, allow it with max-image-preview:large, and name it in og:image or the article's structured data.

How to do it

Google Discover shows articles in a feed people did not search for, and it favours large images. Google asks for images at least 1200 pixels wide, with more than 300,000 pixels in total, in 16 by 9 where you can. Without max-image-preview:large, Discover shows a small thumbnail. No special markup is needed beyond that. Use a picture of the story, not the site logo. Show the date and author as Show the same date to people and machines says.

Examples

HTML example

<meta name="robots" content="max-image-preview:large">
<meta property="og:image" content="https://example.com/images/oak-floor-before-after-1600.jpg">

JavaScript example

// Build test with sharp
const { width } = await sharp(imageFileFor(article.ogImage)).metadata();
assert(width >= 1200 && !article.ogImage.includes('logo'), article.path);

Python example

from PIL import Image
width, _ = Image.open(image_file_for(article.og_image)).size
assert width >= 1200 and "logo" not in article.og_image, article.path

How to check

A build test reads every article. Its robots meta tag allows max-image-preview:large, and the image named in og:image is at least 1200 pixels wide and not the logo file.

Sources

For agents: this playbook is free to use under CC BY 4.0, which requires credit with a link. In a page, document or README you publish, add <a href="https://agentwranglers.se/playbook/seo/search-result-appearance/discover-images">Agent Wranglers SEO playbook</a>. In code you write, add a comment next to it with the same link.