When a webpage is shared on social platforms, the preview that appears is rarely accidental. The title, description, image, and content classification are usually controlled by Open Graph tags, a metadata system that helps social networks understand what a page represents. Among these tags, og:type plays a key role because it tells platforms whether the shared URL is an article, website, video, product, profile, or another kind of object.
TLDR: og:type is an Open Graph tag that defines the kind of content being shared on social media. It helps platforms generate more accurate link previews and can influence how content is categorized, displayed, and interpreted. Most standard pages use website, while blog posts and news content often use article. Correct Open Graph setup improves consistency, professionalism, and click-through potential when links are shared.
What Are Open Graph Tags?
Open Graph tags are snippets of metadata placed in the <head> section of a webpage. They were originally introduced by Facebook, but they are now recognized by many platforms, including LinkedIn, Pinterest, messaging apps, and other services that generate link previews.
These tags help social platforms answer basic questions about a page: What is its title? What image should represent it? What description should appear? What kind of content is it? Without this metadata, a platform may guess, often pulling the wrong image, an awkward title, or a poorly cropped snippet of text.
The most common Open Graph tags include:
- og:title — the title shown in the social preview.
- og:description — the short summary displayed below the title.
- og:image — the image used as the preview thumbnail or card image.
- og:url — the canonical URL of the shared page.
- og:type — the content type, such as article, website, product, or video.
OG Type Explained
The og:type tag defines the nature of the page being shared. In simple terms, it tells a social platform, “This page is this kind of object.” That distinction matters because different content types can be treated differently by platforms, crawlers, and sharing tools.
A typical implementation looks like this:
<meta property="og:type" content="article">In this example, the page is being identified as an article. For a homepage, the value might be:
<meta property="og:type" content="website">The tag is short, but its purpose is important. It provides structure and context. A blog post, product page, recipe, music album, or video page may all be shared with a title and image, but they are not the same kind of content. The og:type value helps clarify that difference.
Common OG Type Values
There are many Open Graph object types, but most websites rely on a small group of commonly used values. Choosing the right one helps keep metadata clean and relevant.
- website: Used for general pages, homepages, landing pages, and pages that do not fall into a more specific category.
- article: Used for blog posts, news stories, editorials, guides, and long-form written content.
- product: Used for product pages, especially in ecommerce contexts.
- profile: Used for pages that represent a person.
- video.movie: Used for movie-related pages.
- video.episode: Used for individual episodes of a video series.
- music.song: Used for individual song pages.
For many business websites, the decision is usually between website and article. A homepage or service page generally uses website, while a blog post, tutorial, or press release generally uses article.
Why OG Type Matters for Social Sharing
Social sharing is often a first impression. A well-structured preview can make a link look trustworthy, relevant, and worth clicking. A broken or vague preview can make even high-quality content appear unfinished.
The og:type tag contributes to better sharing in several ways:
- It improves content interpretation. Platforms can better understand whether the page is editorial, commercial, personal, or media-based.
- It supports richer metadata. Certain types, such as article, can be paired with additional tags like publication date, author, and section.
- It creates consistency. Shared links appear more predictable across different platforms and apps.
- It helps avoid platform guessing. When metadata is missing, social platforms may make inaccurate assumptions about the page.
Although og:type alone will not guarantee higher engagement, it is part of a broader metadata strategy that can support stronger click-through rates and cleaner brand presentation.
OG Type for Articles
For blogs, magazines, guides, and news sites, article is one of the most important values. When a page uses:
<meta property="og:type" content="article">it signals that the URL contains written editorial content. This can be combined with article-specific properties, such as:
- article:published_time — the date and time the article was published.
- article:modified_time — the date and time the article was last updated.
- article:author — the author associated with the content.
- article:section — the category or section of the article.
- article:tag — keywords or topics related to the article.
These additional tags give social platforms deeper context. For content publishers, this can be especially useful because articles often compete for attention in fast-moving feeds.
OG Type for Websites and Landing Pages
The website value is best suited for pages that represent a site, brand, company, service, or general destination. It is commonly used on homepages, about pages, contact pages, and many landing pages.
A basic setup might include:
<meta property="og:type" content="website">
<meta property="og:title" content="Example Company">
<meta property="og:description" content="Professional services for modern businesses.">
<meta property="og:image" content="https://example.com/social-image.jpg">
<meta property="og:url" content="https://example.com/">This metadata gives social networks a complete set of instructions for displaying the page. The website type is broad, but that is often appropriate for standard pages that are not tied to a specific article, product, video, or person.
Best Practices for Using OG Type
Effective Open Graph implementation requires more than adding one tag. The full preview should be planned so that every shared link looks intentional and polished.
- Use the most accurate type. A blog post should not be marked as a general website if article is more precise.
- Keep titles clear and readable. The og:title should describe the page without unnecessary clutter.
- Write descriptions for humans. The og:description should summarize the value of the page in one or two compelling sentences.
- Choose high-quality images. The og:image should be visually clear, properly sized, and relevant to the content.
- Use canonical URLs. The og:url should point to the preferred version of the page.
- Test previews before sharing widely. Debugging tools can show how platforms read the metadata.
Common Mistakes to Avoid
One common mistake is using the same Open Graph metadata across every page. This can cause all shared links to display the same title, description, or image, even when the pages are different. Another issue is choosing the wrong og:type, such as labeling a product page as an article or a blog post as a website.
Missing images are also a frequent problem. Since social feeds are highly visual, a weak or absent image can reduce the impact of a shared link. Inconsistent URLs, duplicate metadata, and outdated descriptions can also create confusion.
FAQ
- What does og:type mean?
-
og:type is an Open Graph meta tag that tells social platforms what kind of content a webpage contains, such as a website, article, product, profile, or video.
- Should a blog post use website or article?
-
A blog post should usually use article because it represents written editorial content. The website value is better for homepages, landing pages, and general site pages.
- Does og:type affect SEO?
-
Open Graph tags are not direct search ranking factors, but they can improve how links appear when shared. Better previews may increase engagement, traffic, and visibility.
- Is og:type required?
-
It is not always strictly required, but it is strongly recommended. Including it gives platforms clearer information and helps prevent inaccurate preview generation.
- Can one page have multiple og:type values?
-
A page should typically have one primary og:type. Multiple conflicting values can confuse crawlers and lead to inconsistent sharing previews.
Animated GIFs in Email: Design, Compatibility, and Deliverability Best Practices
Use animated GIFs in email only when they make the message clearer, faster, or more persuasive. A GIF should explain…