{"id":2025,"date":"2021-11-15T14:35:02","date_gmt":"2021-11-15T22:35:02","guid":{"rendered":"https:\/\/www.hollisinternetmarketing.net\/?p=2025"},"modified":"2021-11-15T14:35:02","modified_gmt":"2021-11-15T22:35:02","slug":"configuring-wordpress-for-opengraph-on-social-media","status":"publish","type":"post","link":"https:\/\/www.hollisinternetmarketing.net\/blog\/configuring-wordpress-for-opengraph-on-social-media\/","title":{"rendered":"Configuring WordPress for OpenGraph On Social Media"},"content":{"rendered":"
Have you ever noticed when you post a link on Facebook or LinkedIn that it will pull in a title, description and image? This is called OpenGraph tagging and can be used to present information in a more visually appealing manner. However, if it’s not set up correctly, it can cause your social media post to look a bit strange.<\/p>\n
Below are tips to get your featured images to show correctly in social media posts.<\/p>\n
Because OpenGraph uses a special type of meta-tagging to display a title, description and image, an SEO<\/a> plugin will help with the coding aspect of this content. Consider tools like Rankmath or Yoast SEO; these two options are configured to work with WordPress and override certain files. Web developer Jeff Romero<\/a> says, “With these types of plugins, the OpenGraph tag is rendered in the header.php along with other meta tags via the plugin and all you have to do is provide the details.” With the right plugin, you’re on your way to creating content for these fields.<\/p>\n When publishing a page or post, you’ll need to set a featured image. This featured image is what is selected when the page or post is shared on social media. Depending on the plugin you use, you may or may not have fields for the title and description fields, but you will use the featured image field for the OpenGraph image.<\/p>\n Unfortunately, every social media outlet has different post sizes. For instance, a post on Facebook will be less wide compared to LinkedIn and Twitter will require a thin timeline image. Because of these size differences, it’s important to create images that are flexible for all platforms. Avoid designs where the text or image content hugs the edge of the content, but has plenty of\u00a0white space<\/em> to use. This will give larger margins and be more compatible with different social media sites. Once you create a few images, you’ll begin to see what works best.<\/p>\nWhat To Do In WordPress<\/h2>\n
Use the Right Size Dimensions for Your Images<\/h3>\n
Previewing the Posts On Social Media Channels<\/h2>\n