SEO and link previews

Previews#

See the page the way a search engine and a chat app will show it, before you ship it.

1. Open the Page tab and choose SEO.
2. Search result shows the page as a search engine would list it: the address as a trail, the title cut at 60 characters and the description cut at 160.
3. Link preview shows the card made from the page's Open Graph and Twitter tags: the share image, the site, the title and the description.

The Twitter tags win where both are set, and a twitter:card of summary gives the small card.

Checks#

Each check is marked passed, to improve, or failed, and says what it found. They are grouped by what they affect.

• Search: a title of 30 to 60 characters, a description of 70 to 160, a canonical link that is absolute and on the same site, whether the page may be indexed, and whether its structured data (JSON-LD) parses
• Social: the Open Graph title, description, image and URL, whether the share image is an absolute address, and a twitter:card
• Content: exactly one h1, and how many images have no alt attribute
• Technical: the page language, the viewport, the character set and an icon

The ranges are what search results show in full, not rules: a short title is not an error, it is marked to improve. What needs attention is listed first, and what passed is folded into one line.

Open a finding for Copy as issue: Markdown with the page, the check and what it found, ready to paste into a tracker. The Report menu under the findings copies or downloads every check as one Markdown file.

All meta tags#

All meta tags lists every tag as it was read, so you can check a value the checks do not cover. Press Refresh to read the page again after you change it.