How your link looks when someone shares it

Why the sharing image matters#

When someone pastes your link on Facebook, LinkedIn, in Messenger or in a chat, the service fetches a preview: image, heading and short text. It is decided by Open Graph tags in the page's code. If they are missing, the service guesses, and the result is often a cropped logo or no image at all. The tags are a kind of meta tags (see Meta tags).

The tags that are needed#

The Open Graph standard requires four tags: og:title, og:type, og:image and og:url, where og:url is the page's permanent address [1]. Optional but important are og:description, og:site_name and og:locale (for British English en_GB), and for the image og:image:width, og:image:height and og:image:alt [1]. LinkedIn also requires og:description [2].

The image: size and format#

• Meta recommends at least 1200 × 630 pixels, a ratio close to 1.91:1 and at most 8 MB. If you give the width and height in the tags, the image can be shown at once [3].
• LinkedIn requires at least 1200 × 627 pixels and at most 5 MB; images narrower than 401 pixels are shown as a small thumbnail [2].
• The address of the image must be complete (start with https://), otherwise the services cannot fetch it.
• X (Twitter) uses the Open Graph tags when its own X tags are missing.

This is what we do#

• Every page we build gets all the Open Graph tags, a sharing image in 1200 × 630 with width, height and alternative text, and the same title and description as in the search result.
• In the analysis of your current website you see which tags are missing and whether the image is too small.
• If you want to measure what shares and ads bring, read about Pixels and measurement.