Does your website has an og:image? I added one for my SimploMail.com

My SimploMail.com now has a new hero section design and a new og:image.

I think it is very important to have a proper og:image because most people will see your website for the first time not on your homepage, but inside a link preview on X, LinkedIn, Facebook, Slack, Discord, iMessage, or somewhere else.

That preview becomes your first impression.

If your site has no og:image, the shared link may look empty, broken, or generic. And if the preview looks low-effort, people are less likely to click. A good og:image makes your link look polished, trustworthy, and intentional.

For anyone unfamiliar with it, og:image is part of the Open Graph meta tags you add to your page. These tags tell social platforms what title, description, URL, and image should appear when someone shares your link. The image is often the most noticeable part.

I also added a Twitter Card. In practice, this gives platforms like X extra metadata so the link can render as a rich preview card, especially with a large image. In my case, I’m using:

Open Graph tags like:

<!-- Open Graph --> <meta property="og:site_name" content="SimploMail" /> 
<meta property="og:title" content="SimploMail — Email Newsletter Platform Without a Subscription" /> 
<meta property="og:description" content="Send email newsletters, sequences, and lead magnets without a monthly subscription. Pay only for emails actually sent. Credits never expire." /> 
<meta property="og:type" content="website" /> 
<meta property="og:url" content="https://simplomail.com/" /> 
<meta property="og:image" content="https://simplomail.com/og-image.png" /> 
<meta property="og:image:width" content="1200" /> 
<meta property="og:image:height" content="630" /> 
<meta property="og:image:alt" content="SimploMail — Simple. Powerful. Email Newsletter Delivery Service." />

Twitter tags like:

<!-- Twitter --> <meta name="twitter:card" content="summary_large_image" /> 
<meta name="twitter:site" content="@SimploMail" /> 
<meta name="twitter:title" content="SimploMail — Email Newsletter Platform Without a Subscription" /> 
<meta name="twitter:description" content="Send email newsletters, sequences, and lead magnets without a monthly subscription. Pay only for emails actually sent." /> 
<meta name="twitter:image" content="https://simplomail.com/og-image.png" /> 
<meta name="twitter:image:alt" content="SimploMail — Simple. Powerful. Email Newsletter Delivery Service." />

I set the image to 1200×630, which is a very common and safe size for social sharing previews. I also added alt text, which is a small detail but still worth doing for accessibility and clarity.

This is one of those small website improvements that does not take long to implement, but it improves how your product looks everywhere outside your website too.

If you are building a SaaS, landing page, blog, or any product in public, I think this is worth doing early. People judge links before they judge products.