03 / MAKE A GOOD FIRST IMPRESSION
Give your links
a little presence.
Shape your page title, description and sharing metadata.
See an approximate preview, then take the markup with you.
How your page could look
APPROXIMATE PREVIEWPlatforms choose their own layout, truncation, cached metadata and image crop. This is an approximate card, not a platform screenshot.
Your metadata markup
<title>Small tools. Better websites.</title>
<meta name="description" content="Practical tools for the people who build the web. Check your HTML, untangle redirects, and make a better first impression.">
<meta property="og:type" content="website">
<meta property="og:title" content="Small tools. Better websites.">
<meta property="og:description" content="Practical tools for the people who build the web. Check your HTML, untangle redirects, and make a better first impression.">
<meta property="og:url" content="https://imagiware.com/">
<meta property="og:site_name" content="Imagiware">
<meta name="twitter:card" content="summary">Place these tags in your document’s <head>. Replace existing equivalents to avoid duplicates. This editor uses one title and description for the page and sharing card.
A CLEARER FIRST LOOK
Useful metadata.
Made less mysterious.
A descriptive title and a clear summary help people decide whether a page is for them. Open Graph tags give sharing platforms the details to build a card.
This preview is illustrative. Each platform has its own rules, caching and image crops. The tool checks the source you provide; it cannot guarantee how a search or social platform will display your page.
A practical guide to social metadata →