A med spa owner once sent her own Facebook post to me asking why it showed a blank gray box instead of the treatment photo on her homepage. The fix had nothing to do with custom web design being broken, her site looked fine in a browser. The problem was that nobody had ever told her website which image to hand over when a social platform came asking, so it grabbed nothing useful and defaulted to blank.
Does a Small Business Website Need Open Graph Tags?
Yes. If your website is ever going to be shared on Facebook, LinkedIn, iMessage, WhatsApp, Slack, or a group text, which covers almost every small business, Open Graph tags are what make that shared link look like a real preview card instead of a bare blue URL or a broken thumbnail. They cost nothing to add, they take a web developer minutes to set up per page, and they are the difference between a link that looks like it belongs to a real, maintained business and one that looks abandoned or suspicious enough that people hesitate to click it.
What Exactly Are Open Graph Tags?
Open Graph tags are a small set of meta tags that live in the invisible <head> section of a webpage's code, not anywhere a visitor sees directly. They were created by Facebook in 2010 as an open protocol, which is why the tag names all start with og:, and most other platforms adopted the same published specification rather than invent their own. The four that matter most are straightforward:
og:titlethe headline shown in the preview cardog:descriptiona short summary line under the headlineog:imagethe photo shown as the preview thumbnailog:urlthe canonical link the card should point back to
A developer sets these once per page, and from that point forward, any platform that reads Open Graph tags (which is nearly all of them) uses that information automatically every time someone pastes or shares the link.
What Happens When a Website Doesn't Have Them?
Without Open Graph tags, a platform's crawler has to guess. It usually falls back to scraping whatever it can find on the page: the page's own <title> tag for a headline, the first paragraph of visible text for a description, and the first image it stumbles across in the HTML, which is just as likely to be a tiny logo or an icon from your navigation bar as an actual photo of your business. Sometimes it finds nothing usable at all and the link shows up with no image whatsoever, just a gray or blank box next to the title. Either way, you lose control over the first impression someone gets of your business the moment a happy customer tries to share you.
Which Open Graph Tags Actually Matter for a Small Business?
You do not need the full Open Graph protocol specification, which includes dozens of optional tags for video games, articles, and products. A small business site only needs a handful done consistently:
| Tag | What it controls | Why it matters |
|---|---|---|
| og:title | Headline in the preview card | Should usually match or closely echo the page's own title |
| og:description | Summary text under the headline | A clear one-sentence hook, not your full meta description crammed in |
| og:image | The preview thumbnail photo | The single biggest factor in whether someone stops scrolling |
| og:url | The canonical link | Prevents duplicate or tracking-parameter versions of a URL from splitting your shares |
| og:type | Content type (website, article, etc.) | Usually just "website" for a business site; "article" for blog posts |
Get those five right on your homepage, your service pages, and any blog post you expect people to share, and you have covered the overwhelming majority of what matters.
What Size Should the Preview Image Be?
The widely used standard is 1200 by 630 pixels, a landscape ratio of roughly 1.91:1. That size renders as a large, clean card on Facebook and LinkedIn instead of getting cropped awkwardly or shrunk down to a small square. It is also worth keeping the file size reasonable, the same way you would for any image on your site, since a bloated image slows down how fast the preview loads for whoever is about to click your link. If you have already read through how to optimize images for a small business website, the same compression principles apply here: a sharp, properly sized JPEG or WebP file, not an unoptimized 8-megabyte photo straight off a phone.
Does Adding Open Graph Tags Cost Anything?
No, adding the tags themselves costs nothing beyond the time it takes to write a handful of lines of code per page, which any competent web developer bakes into a normal build rather than billing separately. It is already standard practice on every site I build under the $150-a-month or $3,500 one-time plans, along with a proper favicon, mobile responsiveness, and fast load times. Where this quietly becomes a cost is when nobody ever sets it up and a business owner spends money on Facebook ads or Google Business Profile posts that keep linking back to a page with a broken or missing preview, which drags down click-through rates on traffic you already paid to attract.
How Do You Check and Add Open Graph Tags?
If you want to see what your current link preview looks like, paste your URL into Facebook's own Sharing Debugger tool, which shows exactly what image, title, and description it currently pulls and flags anything missing. Running your homepage through it takes less than a minute and tells you immediately whether this is even a problem on your site.
For a business owner on a DIY platform like Wix or Squarespace, Open Graph fields are usually buried a few menus deep inside each page's SEO or social sharing settings, and they have to be filled in manually, page by page, or the platform falls back to guessing again. For a custom-built site, a developer sets up a template that automatically generates the right tags from each page's title, description, and hero image, so nobody has to remember to fill anything in by hand every time a new page or blog post goes up, the same way this site's own schema markup is generated automatically rather than typed in one page at a time. Either way, the goal is the same: a link preview that still looks like your business when it shows up secondhand, in someone else's feed or a stranger's group text, long after it has left your own site.
What Should You Do Next?
Paste your own homepage URL into Facebook's Sharing Debugger and see what comes back. If the image is missing, blurry, or clearly the wrong one, that is a quick, low-cost fix that pays off every single time a customer shares you, posts a review with your link attached, or you post your own site in a local Facebook group. It is a small detail, the kind of thing that never shows up on the site itself, which is exactly why so many small business sites skip it. If you are not sure whether your current site has this covered, or you are planning a redesign anyway and want it handled properly from the start, request a free mockup and I will take a look.