Open Graph

What the tags tell a platform

When someone pastes your link into a text message, a Facebook post, or a Slack channel, the platform does not read the whole page and decide what looks good. It goes hunting for a short list of instructions in the page's code, and Open Graph is the format those instructions are written in.

Three of them do most of the work. One names the page. One writes the sentence underneath. One points at the picture. There are more tags for the site name, the type of page, and the address the preview should link to, but title, description, and image are what a person actually sees.

The format came out of Facebook and the rest of the web adopted it, which is why one set of tags feeds previews in most places at once. A few platforms keep their own tag set and fall back to Open Graph when theirs is missing, so writing the Open Graph tags well covers the bulk of shares without chasing every network separately.

The tags sit in the head of the page, invisible to visitors. They are not content. Nobody reads them, nobody scrolls past them, and adding them changes nothing about how the page looks or how fast it loads.

What it costs you when the tags are missing

Your site looks the same either way. The damage shows up in the places you never see: the group text where a neighbor recommends you, the community page where someone asks for a plumber at nine at night, the email a property manager forwards to three colleagues.

Without the tags, the platform improvises. It may grab the first stray image in the page, a logo cropped in half, an icon, or nothing at all, and pair it with whatever sentence it scrapes off the top of the file. A link to your emergency service page can land looking like a card that failed to load. People scroll past cards that look broken, and they rarely stop to wonder why.

With the tags set, the same link arrives titled, with a readable line under it and a picture you picked. That is the entire return, and it is worth saying plainly: the recommendation you already earned survives the trip from one phone to another.

The fix is a template job, not a page-by-page chore. Write the tags once into the layout, give each page its own title and description, and everything published after that inherits the behavior. That is why they belong in the build itself, part of ordinary web development rather than something bolted on later.

Where Open Graph stops

The picture half of the preview has its own tag and its own rules, covered under og image. The title and description tags look a lot like the title tag and meta description you write for search, but they are separate lines of code: sharing platforms read the Open Graph pair first, search engines work from the title tag and meta description, and editing one pair leaves the other untouched. A site with no Open Graph tags at all usually gets a preview improvised from those search tags, which beats nothing and still means the platform is choosing instead of you.