This Facebook Optimization guide details why and how to optimize Title, Description, Images, Videos and other rich media for sharing your content on Facebook. You will get to know the ideal length, size and other dimensions for each of these elements.
When a web page is shared on facebook, it should have the appropriate open Graph tags for it to be optimized with Titles, Descriptions and appropriate rich content like images, videos and audio for Facebook users. This would inturn enhance CTR (Click-through Rates) and drive more traffic to the shared web page.
Techblissonline Platinum WordPress SEO Plugin supports optimizing your WordPress content by enabling addition of appropriate open Graph Tags for Title, Description and Image that could be read by Facebook Crawlers. these can be specified via the Basic Social Tab of the Techblissonline Platinum SEO MetaBox for every single post, page or taxonomy. In the absense of these Open Graph Tags, FaceBook uses heuristics to make the best guess for these elements. Thus the plugin lets you specify socially optimized Titles, Descriptions and the best image that should be shown to Facebook users for enhancing CTR and thereby driving in more traffic to the web page and the website in general.
What are the most commonly used Open Graph Tags?
The following are some of the most commonly used Open Graph Tags and you must ensure that these are added to your content by following best practices listed below for each one of them.
og:url – The canonical URL for your wordPress Post or page. This should ideally be Pretty URLs, without session variables, user identifying parameters, or counters. Likes and Shares for this URL will aggregate at this URL. For example, mobile domain URLs should point to the desktop version of the URL as the canonical URL to aggregate Likes and Shares across different versions of the page.
og:title – The title of your wordPress Post or Page Content or Taxonomy (Usually the Term Name) Content. It is ideal to not add your branding like Site Name as you would normally do for SEO. This isn’t necessary as Facebook automatically adds the brand name and/or site name by reading the relevant Open Graph Tags added the plugin.
og:description – A brief description of the shared content, usually between 2 and 4 sentences. This will be displayed below the title of the post on Facebook. Make sure that it is written in a way that briefly conveys what the content is about and makes your Facebook followers or Community and/or other users to click through and read and engage.
og:image – The URL of the image, that should appear on Facebook, when someone shares your WordPress Post or Page content on the social platform. To update an image for the shared content, after it’s been published on facebook, you must use a new URL for the new image against tihs Open Graph tag. Images are cached by Facebook based on the URL and it wouldn’t be updated unless the URL changes. See below for more info, and check out our best practices guide to learn how to specify a high quality preview image.
fb:app_id – Every Website that intends to drive traffic from social sites like Facebook and obtain an APP ID from the social platform via the APP dashboard.. This should be added as an Open Graph tag to every WordPress Post or Page in order to use Facebook Insights that lets you view analytics for traffic to your site from Facebook.
og:type – This open graph tag is used to specify the type of media of the content. This tag impacts how the content shows up in facebook News Feeds. In the absense of this tag,Facebook defaults the type to website. Each URL should be a single object, so multiple og:type values are not possible for the same URL. Individual Posts or Pages should be tagged as Article object type, in the case of a blog. Techblissonline Platinum WordPress Premium supports several Facebook Object types that could be specified against wordPress Post or Page URLs, depending on the content.
og:locale – The locale of the shared content. This defaults to en_US. All the supported Facebook locales are listed here. You can also use og:locale:alternate to specify other available language translations, if any.
HTML Open Graph Meta Tags for a Post added by Platinum WordPress SEO Plugin
<meta property="og:url" content="https://techblissonline.com/platinum-wordpress-seo-plugin/?utm_medium=techblissonline-platinum-wordpress-seo&utm_source=facebook" /> <meta property="og:site_name" content="Techblissonline" /> <meta property="fb:app_id" content="157812414277413" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Platinum WordPress SEO Plugin to Rank High on Googlle, Bing & others" /> <meta property="og:description" content="This is the best WordPress SEO Plugin to optimize content for Users, improve CTR, let search engines crawl and index your website efficiently with meta tags, structured data like JSON Schema markups, 301 redirects and more." /> <meta property="og:locale" content="en_us" /> <meta property="og:image" content="https://img.techblissonline.com/wp-content/uploads/json-lschema-in-platinum-wordpress-seo-plugin.png" /> <meta property="article:published_time" content="2019-12-06T14:20:59+00:00" /> <meta property="article:modified_time" content="2020-01-20T11:13:06+00:00" /> <meta property="og:updated_time" content="2020-01-20T11:13:06+00:00" />
How to add Advanced Open Graph Tags in WordPress?
Techblissonline Platinum WordPress Premium SEO Plugin lets you specify several additional markup for any of your WordPress content. For example, you can use og:video for all content types. This section describes how to use additional OG tags to optimize the look of videos and images on Facebook. Facebook supports both mp4 and Flash videos.
For example, you can specify any of the rich media open graph tags to enhance the user experience on WordPress content shared on Facebook with our WordPress Premium Social Plugin.
|The URL for the video. If you want the video to play in-line in News Feed, you should use the https:// URL if possible.|
|Equivalent to |
|Secure URL for the video. Include this even if you set the secure URL in |
|MIME type of the video. Either |
|Width of video in pixels. This property is required for videos.|
|Height of video in pixels. This property is required for videos.|
|Specify an image for a high quality preview in News Feed|
You can use the following image properties for content that contains more than one image. See Sharing Best Practices for guidance on how best to use
|URL for the image.|
|Equivalent to |
|https:// URL for the image|
|MIME type of the image. One of |
|Width of image in pixels. Specify height and width for your image to ensure that the image loads properly the first time it’s shared.|
|Height of image in pixels. Specify height and width for your image to ensure that the image loads properly the first time it’s shared.|
What are the Image Size and Dimemsions for sharing on Facebook?
The following are the image requirements for the image specified again og:image open graph tag.
The minimum allowed image dimension is 200 x 200 pixels.
The size of the image file must not exceed 8 MB.
one muse use images that are at least 1200 x 630 pixels for the best display on high resolution devices. At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.
If your image is smaller than 600 x 315 px, it will still display in the link page post, but the size will be much smaller.
Facebook link page posts have been designed in a manner that the aspect ratio for the images is the same across desktop and mobile News Feed. You must try to keep your shared images as close to 1.91:1 aspect ratio as possible in order to display the full image in News Feed without any cropping.Facebook crawler only accepts gzip and deflate encodings, so you should also make sure that your server uses the right encoding.
Also check out Image size and dimension requirements for Twitter Cards
What are some of the bad practices to avoid?
Make sure that you make the best use of all available Open Graph tags and ensure unique and engaging Titles and Descriptions. Avoid generic titles, generic descriptions, generic images etc. Ensure that you share the best media on Facebook to draw user attention and engagement. Do not miss adding the App ID as it is essential for viewing Facebook insights on all your shared content pieces. Make sure that you track Facebook Analytics for your metrics and improve your website for your users using the underlying insights. Give as much importance to Social media optimization (SMO) as Search Engine Optimization (SEO) as social media sites like Facebook have huge traffic and people spend most of their times on these platforms, these days. So, don’t miss out on the potential to get huge traffic with social optimized content by following good practices for sharing and avoiding the bad practices.