SEO Open Graph Meta Tags
Open Graph meta tags, also known as Open Graph Protocol or OG tags, are a set of meta tags that are used to enhance the way content appears when shared on social media platforms like Facebook, Twitter, and LinkedIn. These tags help control how a web page’s title, description, images, and other content elements are displayed when shared in social media posts. Although Open Graph tags are not used by search engines for ranking purposes, they are crucial for optimizing the social sharing experience of your web pages. Here are some commonly used Open Graph meta tags:
- Open Graph Title (
og:title):
- Specifies the title of the content that will be displayed when the page is shared on social media platforms. It may differ from the HTML title tag.
<meta property="og:title" content="Your Page Title" />- Open Graph Description (
og:description):
- Defines a brief description of the content that will be shown when shared. This description can encourage users to click on the shared link.
<meta property="og:description" content="A brief description of your content." />- Open Graph URL (
og:url):
- Specifies the canonical URL of the page. This tag ensures that the correct URL is associated with the shared content.
<meta property="og:url" content="https://www.example.com/page-url" />- Open Graph Image (
og:image):
- Indicates the URL of the image that will be displayed alongside the shared content. Use an image that is at least 1200 x 630 pixels for optimal results on social media.
<meta property="og:image" content="https://www.example.com/image.jpg" />- Open Graph Type (
og:type):
- Specifies the type of content, such as “website,” “article,” “video,” or “product.” This helps social media platforms understand how to treat the shared content.
<meta property="og:type" content="article" />- Open Graph Site Name (
og:site_name):
- Specifies the name of your website or brand, which will appear alongside the shared content.
<meta property="og:site_name" content="Your Website Name" />- Open Graph Locale (
og:locale):
- Indicates the language and regional settings for the content. This helps social media platforms display the content in the appropriate language.
<meta property="og:locale" content="en_US" />- Open Graph Determiner (
og:determiner):
- Specifies the determiner for the content, such as “a,” “an,” or “the.” It helps social media platforms understand how to introduce the content.
<meta property="og:determiner" content="the" />- Open Graph Audio (
og:audio):
- Indicates the URL of audio content related to the page, such as a podcast episode.
<meta property="og:audio" content="https://www.example.com/audio.mp3" />- Open Graph Video (
og:video):- Specifies the URL of a video related to the page. Use this tag for video content you want to promote on social media.
<meta property="og:video" content="https://www.example.com/video.mp4" />
To implement Open Graph meta tags on your website, you should include them within the <head> section of your HTML document. Properly implemented Open Graph tags enhance the appearance of shared content on social media, making it more appealing to users and potentially increasing engagement.