Sharing links should preview your site!

How to style facebook link previews.

How my links looked before
How they look now

Step One: Add the HTML tags

Image

<!-- Social-sharing URL Previews config -->
<!-- Using png instead of webp as it is more widely supported -->
<meta property="og:image" content="/iPhone-XS-MAX.png" />

Title

<meta property="og:title" 
content="everyhour - the honest way to track your time and
progress"
/>

Descriptions

<meta property="og:description"
content=
"Struggling with time? everyhour helps you easily record
what you do - motivating you to not waste time,prioritise what is
important, and to find better balance"
/>

Optional URL property

<meta property="og:url" content="https://www.everyhour.xyz" />

Step Two: Check that Facebook hasn’t cached your site

Step three: Send the link out!

Founder of EveryHour.xyz and Product Owner @ dunnhumby; just genuinely interested in a lot of things. Built racecars, built electronics, now building software

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store