Shared Your Website Link on Facebook or LINE and the Image Won't Show? How to Fix Open Graph Tags

Has this happened to you? You share your business website link on Facebook or LINE, but the image that shows up isn't the one you wanted customers to see. Sometimes it's a tiny logo, sometimes there's no image at all, or the text under the link is something strange that has nothing to do with the page, even though the actual page looks great.

The problem isn't Facebook or LINE. It happens because the website hasn't been given complete information known as Open Graph Tags. This article explains what Open Graph is, why social platforms depend on it, and how to fix it so the links you share look professional. It's a small detail that many businesses never realize they missed from the very beginning.

What Exactly Are Open Graph Tags?

Open Graph is a standard defined by the Open Graph Protocol (ogp.me). It is a set of special meta tags placed in the head of a web page (the part you can't see when you open the site normally). They tell social media platforms which title, description, and image to show when someone shares a link to that page, instead of leaving the platform to guess.

The main tags every shareable page should have are just a few: og:title (the headline shown), og:description (the short text under the headline), og:image (the image shown), and og:url (the correct source link). If any are missing, the platform tries to guess from other parts of the page, and the result often isn't what you intended.

Why Don't Facebook and LINE Just Read the Page Directly?

Many people wonder why social platforms don't simply read the page's main heading or main image. Why do they need separate tags? The answer is that one web page can contain dozens of images and a lot of text. The link-sharing systems on these platforms have no way of knowing on their own which image should be the preview or which sentence is the best description.

Open Graph Tags work like a clear instruction from the website to the platform: "use this image, this title, this description." Without them, Facebook's or LINE's system tries to grab the first image it finds on the page, which can sometimes be a tiny icon or something completely unrelated.

How to Check Whether Your Website Has Complete Open Graph Tags

The most direct and accurate way is to use the platform's own tool, such as the Facebook Sharing Debugger, the official tool from Meta. Paste the page link you want to check, and it shows what Facebook currently reads for og:title, og:description, and og:image. If a field is empty or shows the wrong information, that's a sign the tag isn't set up properly.

Another easy way to check yourself is to right-click the page and choose "View Page Source", then search for og: in the code. If you find several lines starting with meta property="og:, the site already has the tags. If the search finds nothing, the page doesn't have them yet.

I Fixed It, But the Shared Image Still Hasn't Changed. Why?

Another common problem is that the website's Open Graph Tags have been corrected, but when you share the link again, the old image or description still appears. This happens because social platforms usually remember (cache) the preview data for each link so they don't have to reload it every time someone shares it. So even after you fix the tags on your site, the platform keeps showing the old data it remembered.

The fix is to force the platform to fetch the data again. For Facebook, you can do this with the same Facebook Sharing Debugger: paste the link and press the button that scrapes the page again. The system reads the latest values from your page and updates the cache right away. For LINE and some other platforms, you may need to wait for the cache to expire on its own, or try sharing a version of the link with an extra parameter added at the end so the system treats it as a new link that hasn't been cached.

The Right Image Size for og:image

An og:image should have an aspect ratio of about 1.91:1, the proportion most platforms use for full-width link previews. If the ratio doesn't match, the image may be cropped in an awkward place or lose important parts. The file size shouldn't be too large so the preview loads quickly, and the image should have enough resolution, because some platforms display fairly large images in the feed.

Does Open Graph Work on Platforms Other Than Facebook and LINE?

Open Graph Tags aren't used only by Facebook and LINE. Other platforms such as LinkedIn and most chat apps read the same set of tags. X (formerly Twitter) has its own additional set of tags called Twitter Cards, but if you haven't added X-specific tags, it usually falls back to the Open Graph values anyway. Put simply, setting up Open Graph completely just once helps your website links display well on almost every platform where customers might share them, without configuring each platform separately.

Which Businesses Lose the Most When Open Graph Is Incomplete?

Every website should have correct Open Graph Tags, but the real impact differs by type of business. Here are the main groups.

Online shops that rely on product sharing as a sales channel. This group is hit hardest. When a customer shares a product link with a friend to ask their opinion, a missing or wrong product image immediately lowers the chance that the friend will click through.

Businesses that create marketing content they want shared widely (viral content). For articles or promotions meant to be passed along from person to person, an unappealing or untrustworthy preview image means people who see the link in their feed may scroll right past without reading.

Businesses running events or time-limited promotions. An invitation link shared in a LINE group or on Facebook without a clear image or description can easily be overlooked by people in the group.

Company introduction sites or general content sites. The impact is lighter than for the groups above, but you still lose out on image. A shared link that looks unprofessional can make first-time viewers feel the website isn't well maintained.

How Much Can a Good Preview Image Improve Click-Through Rate?

The image and description that appear when a link is shared work like a cover that decides whether people click through or scroll past. Two links with equally good content inside, one with an attractive, relevant preview image and the other with no image or an irrelevant one, usually get noticeably different click-through rates in a social feed. To learn more about click-through rate and related factors, read What Is CTR? 5 Techniques to Increase Clicks and Turn Viewers into Customers.

Open Graph Is Part of Your Content Marketing Strategy

Businesses that publish content regularly, such as educational articles or monthly promotions, usually want customers to help share it to extend their reach without extra ad spend. Well-configured Open Graph Tags are an essential part of that strategy, because no matter how good your content is, if the preview image shown when it's shared isn't appealing, far fewer people will click in to read it. For more on content marketing strategy, read Content Marketing Strategies to Attract Customers to Your Website.

A Checklist Before You Decide Your Website Is Ready to Share

Run through this list every time before you share your business website link.

• Test sharing each page before you really publish it. For key pages such as product or promotion pages in particular, test them in the Facebook Sharing Debugger before sending the link to real customers.

• Check that og:image points to an image that actually exists and loads. Sometimes the image link you entered is broken or has been deleted without you noticing.

• Check that og:title and og:description are not duplicated across pages. Each page should have its own information, not the same text for the whole site.

• Test sharing on both Facebook and LINE. The results shown can differ slightly between the two platforms.

Common Mistakes with Open Graph Tags

Besides the cache issue covered above, there are other mistakes that come up often.

• Using a relative path for og:image instead of a full URL. Some sites enter a short image address without the domain name, so social platforms can't find the image. Always use the full URL starting with https://.

• Using the same values on every page of the site. No matter which page is shared, the same image and description appear, even though each page has different content. Set the values separately for each page, especially product pages and articles.

• Forgetting to update Open Graph Tags after a redesign or site migration. During a major website overhaul, some development teams forget to carry these tags over, so links that used to share well start displaying incorrectly again.

• Never testing since the website was built. Many businesses don't even know what their website link looks like when shared because they've never tried sharing it. Test at least once after the website is finished.

Who on the Team Should Take Care of This?

For businesses with their own web development team or an outside company maintaining the site, Open Graph Tags are usually a technical task the developers set up when the site is built. But the marketing side and the business owner should also know how to do a basic check, especially before sharing an important promotion link or a new product link. Sometimes the problem isn't missing tags but a forgotten update of the image or description to match the latest campaign, which marketing can check on their own without waiting for the technical team.

On the other hand, if your business has no in-house technical team and uses a ready-made website builder, first check whether the platform lets you edit Open Graph Tags yourself. Some systems are fixed and don't let users customize this part, which is a limitation worth knowing about before you commit to one for the long term.

Summary

Open Graph Tags are a small detail you can't see when you open a website normally, but they directly affect your business's image every time someone shares a link on Facebook or LINE. Try testing your business website link in the Facebook Sharing Debugger. If the image or description doesn't match what you intended, this is a small fix that isn't difficult and shows results the very next time someone shares your link.

Fine details like this are something a professional web development team should take care of from the start, not fix after the website has already been published. If you're looking for a web development team, read more about how to choose in How to Choose a Website Development Company Without Mistakes: A Bangkok SME Guide.

If you'd like our team to check whether your current website has complete Open Graph Tags, or you're looking for a web development company that pays attention to technical details like this from the start, see the details on the TumWebSME website package page.

Chat with us and get a free consultation before you decide:

• Facebook: TumWebSME รับทำเว็บไซต์ธุรกิจ

• Instagram: @tumwebsme

• TikTok: @tumwebsme

• YouTube: TumWebSME

Contact us and ask about our services

• 088-983-9386 (Khun Ploy)

• 099-856-3198 (Khun Saennan)