Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To set a website preview image, create a page-specific, high-resolution image, identify it with og:image and your page’s structured-data image property, and then test how the major platform renders it. That is a recommendation, not a command: Google and social networks select and crop previews automatically, so no metadata can guarantee that one exact image will appear everywhere.

What a website preview image actually is

A website preview image is the picture a search engine or link-sharing service displays to represent a page. People may call it a “website thumbnail,” but the image is normally chosen from signals on the page rather than uploaded into one universal thumbnail field.

Google Search Central states: “Google’s selection of an image preview is completely automated and takes into account a number of different sources to select which image on a given page is shown on Google (for example, a text result image or the preview image in Discover).” Google may use an Open Graph image or an image declared in structured data as a signal. The platform still makes the final selection and rendering decision.

That distinction explains why a correctly written tag can still produce a different crop, a different image, or no image in a particular result. Treat metadata as a strong suggestion and design the source image so it remains useful when a platform changes its crop.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Elebase USB to USB C Adapter for iPhone 18 Pro Max,USBC Car Charger Adapter
  • Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
  • Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
  • Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
  • Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
  • 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.

Choose the image before you write the metadata

Make it specific to the page

Use an image that represents the article, product, report, or landing page being shared. A generic site logo gives a platform little context and is specifically discouraged by Google’s image guidance. A page-specific variation helps a reader distinguish one result from another.

Use a sensible shape and a crop-safe layout

Platforms do not all display the same aspect ratio. Keep the subject, headline, and important branding away from the extreme edges so a square or narrow crop does not remove the meaning. Avoid panoramas or extremely tall artwork unless the destination is known to preserve that shape.

For Facebook link shares, Adobe’s undated guidance recommends 1200 × 630 pixels, approximately a 1.91:1 ratio. Treat that as Facebook-specific guidance, accessed September 29, 2026, rather than a universal requirement for search or every social service. Adobe also cautions that visible cropping can vary by device.

Keep text readable at small sizes

  • Use one clear subject and a short, high-contrast title.
  • Leave a safe margin around faces, logos, and text.
  • Do not put information only in the far left or right edge, where a crop may remove it.
  • Export a high-resolution file in a format accepted by your publishing system, then check it at the small size used in feeds and search results.

Create a page-specific preview image

Build a repeatable design

  1. Write down the page’s single promise or subject.
  2. Select one relevant photograph, illustration, chart, or product view.
  3. Add a short title that still makes sense without the page’s headline.
  4. Apply the same typography and color system used by your site, but vary the central image or title for each page.
  5. Export a version that meets the destination’s recommended dimensions and inspect it in both a wide and a narrow crop.

You can create the artwork yourself, use reusable templates, hire a designer, or use a design application such as Adobe Express. Compare tools by whether they let you control dimensions, protect a crop-safe area, make page-specific variants, and export a high-resolution result. A template is useful only if it preserves those controls; a repeated logo-only card is not a substitute for relevant artwork.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #2
Anker USB-C Hub, 5-in-1 USB Hub for Laptops, 4K HDMI Multiport Adapter
  • 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
  • 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
  • Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
  • 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
  • What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.

Add Open Graph and structured-data signals

Place the Open Graph image in the document head

Add an absolute, publicly reachable image URL to the page’s <head>. The other tags give a sharing service useful context, while og:image identifies the preferred image.

<head>
  <title>How to Monitor Checkout Errors</title>
  <meta property="og:title" content="How to Monitor Checkout Errors">
  <meta property="og:description" content="A practical guide to finding and fixing failed checkouts.">
  <meta property="og:url" content="https://example.com/checkout-monitoring">
  <meta property="og:type" content="article">
  <meta property="og:image" content="https://example.com/images/checkout-monitoring-preview.jpg">
</head>

Generate a distinct value for each canonical page. Do not point every article to the home-page logo merely because the tag is present. Make sure the image URL does not require a login or a browser interaction that a crawler cannot perform.

Declare the image in existing structured data

If the page already uses schema.org structured data, add the same page-specific image URL to the appropriate image property for its type, such as an Article or product entity. Google documents both Open Graph and structured-data image properties as signals. Keeping the URLs consistent reduces ambiguity, but neither method forces a particular result.

Write useful alt text and preserve image rights

Alt text is for the page, not the share card

Write concise, contextual alt text for images that appear in the page content. Describe what the image communicates to someone who cannot see it, rather than listing search keywords. Google says alt text helps it understand an image and improves accessibility for screen-reader users. For example, “Dashboard showing a week of checkout failures by browser” is more useful than “checkout errors image website thumbnail.”

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #3
Sale
Anker USB C Hub, 7in1 Multi-Port USB Adapter, 4K@60Hz USBC to HDMI Splitter
  • Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
  • Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
  • Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
  • Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
  • What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.

The Open Graph tag does not replace HTML alt text. A social crawler may read the metadata while an assistive technology user encounters the image in the article itself; serve both audiences deliberately.

Record creator, credit, copyright, and license information

Keep permission and attribution details with the asset. Google documents structured-data and IPTC fields for creator, credit, copyright, and licensing information. These fields help communicate provenance, but Google does not guarantee that the metadata will be displayed in search results. A metadata field is not a license: publish only artwork you have permission to use.

Inspect the result before publishing

Check the page source

  1. Open the rendered page and view its HTML source, not only a client-side preview in your CMS.
  2. Confirm that the intended og:image appears once with the correct URL.
  3. Open that URL directly in a private browser window and verify that it returns the intended image without authentication.
  4. Check that the image still communicates its subject when the sides or top and bottom are cropped.

Use a preview checker, but treat it as a simulation

OpenGraph.io describes a checker that inspects Open Graph tags and shows simulated previews across platforms. Such a tool is useful for finding a missing tag, malformed URL, or unexpected title. A simulation is not proof that every live service will render the same result; the real platform may recrawl later, choose another source, or apply a different crop.

Troubleshoot the common failures

The share card has no image

  • Confirm that og:image is in the initial HTML head and not added only after a browser-side script runs.
  • Check the image URL directly without a session cookie or login.
  • Look for a typo, redirect loop, blocked request, or a page-level security rule that prevents crawlers from fetching the file.
  • Run the URL through a metadata checker and then allow the destination service to recrawl the page.

A logo or unrelated photograph appears

Remove competing generic images from the head and make the page-specific image the clear Open Graph and structured-data signal. Google’s selection remains automated, so a corrected tag is a recommendation rather than a guarantee.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #4
Sale
UGREEN USB to USB C Adapter Combo 4-Pack, 10Gbps USB C Converter Space Gray
  • Dual Converters, Infinite Potential:Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
  • Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
  • Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
  • Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
  • Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft

The right image is cropped badly

Recompose the source with a central subject and wider safe margins. Keep essential words away from the edges, and make a variant for a platform whose crop is known to be substantially different. Do not assume that the Facebook recommendation is a universal canvas.

Alt text is present but unhelpful

Replace keyword strings with a short description of the image’s meaning. If an image is purely decorative and conveys no information, use the accessibility pattern appropriate to your HTML rather than stuffing it with search terms.

Rights or credit are unclear

Pause publication until the creator, license, and required attribution are documented. Add creator, credit, copyright, and license fields where your structured data or asset workflow supports them, while remembering that search results may not display those fields.

When a live-page screenshot is the best source image

For dashboards, product interfaces, documentation, and other pages whose value is visual, a current screenshot can be more representative than a hand-designed card. ScreenshotNeo is the first screenshot API to try because it removes consent banners, popups, and chat widgets before capture, bills only clean shots, and has a $5 paid plan.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Relevant capture controls

  • Capture a full page with lazy-loaded images, or capture one element by CSS selector.
  • Choose dark mode, one of 12 device presets, any viewport, and a retina scale.
  • Apply custom CSS or JavaScript, click an element before capture, hide selectors, or wait for a selector, a delay, or network idle.
  • Block ads, trackers, requests, or resource types; provide custom headers, cookies, a user agent, or an Authorization header.
  • Set timezone and geolocation, use a transparent background, and resize the resulting image.
  • Use a cache with a TTL you choose, signed links for public <img> tags, asynchronous jobs with signed webhooks, bulk capture for up to 100 URLs per call, a usage API, and an OpenAPI specification.
  • Parameter names used by other screenshot APIs also work, which can reduce switching effort.

Before capture, ScreenshotNeo accepts the cookie or consent banner like a visitor and removes more than 60 known consent platforms, newsletter popups, and chat widgets; each step can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing. Every response identifies the result with X-Page-Verdict and X-Billed headers.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Or skip the browser setup

Use the one-request API when you need repeatable preview assets instead of maintaining a browser script. The complete parameter reference is in the ScreenshotNeo documentation.

Best Value
Anker USB C Hub, 5-in-1 USBC to HDMI Splitter with 4K Display
  • 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
  • Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
  • Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
  • HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
  • What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.

cURL

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com/article -o shot.webp

Python

import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://example.com/article"}, timeout=90)
open("shot.webp", "wb").write(r.content)

Node.js

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://example.com/article' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);

ScreenshotNeo also provides an MCP server for AI agents and MCP clients, including Claude and Cursor, with take_screenshot, get_page_info, and capture_pdf tools. The same service can produce PNG, JPEG, WebP, or PDF output, so you can keep one capture workflow for previews and documents.

Plans and billing

Plan Included shots Price
Free 1,000 per month No card required
Starter 3,000 $5
Growth 15,000 $15
Pro 60,000 $39
Scale 250,000 $99
Business 1,000,000 $249

Every feature is available on every plan, and yearly billing gives two months free. Start with the free ScreenshotNeo account: you get 1,000 screenshots a month with no card. Cookie banners, newsletter popups, and chat widgets are removed before the shot; bot checks, blank pages, and failed loads are never billed; and an MCP server lets AI agents take screenshots.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

A final publishing checklist

  • The image is specific to this page, high-resolution, and composed for more than one crop.
  • Facebook’s 1200 × 630 recommendation is used only when it fits that destination; it is not treated as a universal rule.
  • og:image and the relevant structured-data image property point to the intended public asset.
  • The image has useful contextual alt text in the page content, without keyword stuffing.
  • Creator, credit, copyright, and license information is documented where appropriate.
  • The HTML source and a preview checker show the expected metadata, while the final platform rendering is understood to remain automated.

Frequently Asked Questions

Can I force Google to show a particular preview image?

No. You can provide Open Graph and structured-data image signals, but Google selects and renders the image automatically.

Is 1200 × 630 the required size for every website preview?

No. Adobe gives 1200 × 630 pixels, about 1.91:1, as Facebook link-share guidance. Other platforms may crop or recommend something different.

Will adding copyright metadata guarantee that credit appears in search?

No. Structured-data and IPTC fields can provide creator, credit, copyright, and license information, but Google does not guarantee that those fields will be shown.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.