As we continue our series on the All in One SEO Pack plugin, we will show you how to set the Social Meta of your WordPress site. Social meta also known as Open Graph meta allows you to affect how your pages/posts will look when shared on social media such as Facebook or Twitter. This can help your site by ensuring it is optimized for sharing online and can increase the number of interactions your site receives.
Set Social Meta
- Log into your WordPress Dashboard.
- Click All in One SEO then Feature Manager in the navigation menu.
- You will see the Social Meta feature listed, click the Activate button.You will then see a message stating “All in One SEO Options Updated.“
- Click the Social Meta link in the All in One SEO menu.
- You will then be on the Social Meta settings page, choose your options as needed. Below is a description of the available options provided by All in One SEO Pack. OptionDescriptionHome Page SettingsUse AIOSEO Title and DescriptionChecking this box will use the Home Title and Home Description set in All in One SEO Pack, General Settings as the Open Graph title and description for your home page.Site NameThe Site Name is the name that is used to identify your website.Home TitleThe Home Title is the Open Graph title for your home page.Home DescriptionThe Home Description is the Open Graph description for your home page.Home ImageThe Home Image is the Open Graph image for your home page.Image SettingsSelect OG:Image SourceThis option lets you choose which image will be displayed by default for the Open Graph image. You may override this on individual posts.Use Default If No Image FoundThis option lets you fall back to the default image if no image could be found above.Default OG:ImageThis option sets a default image that can be used for the Open Graph image. You can upload an image, select an image from your Media Library or paste the URL of an image here.Default Image WidthThis option lets you set a default width for your images, where unspecified.Default Image HeightThis option lets you set a default height for your images, where unspecified.Use Custom Field For ImageEnter the name of a custom field (or multiple field names separated by commas) to use that field to specify the Open Graph image on Pages or Posts.Social Profile linksSocial Profile LinksAdd URLs for your website’s social profiles here (Facebook, Twitter, Google+, Instagram, LinkedIn), one per line.Person or Organization?Are the social profile links for your website for a person or an organization?Associated NameAdd the name of the person or organization who owns these profiles.Facebook Settings Facebook Admin IDEnter your Facebook Admin ID here. You can enter multiple IDs separated by a comma. You can look up your Facebook ID using this tool http://findmyfbid.com/Facebook App IDEnter your Facebook App ID here. Information about how to get your Facebook App ID can be found at https://developers.facebook.com/docs/apps/register Automatically Generate Article Tags Automatically generate article tags for Facebook type article when not provided.Enable Facebook Meta for Post Types Select which Post Types you want to use All in One SEO Pack to set Open Graph meta values for.Show Facebook Publisher on ArticlesLink articles to the Facebook page associated with your website.Show Facebook Author on ArticlesAllows your authors to be identified by their Facebook pages as content authors on the Open Graph meta for their articles.Posts Object Type (post)Choose a default value that best describes the content of your post type.Pages Object Type (page)Choose a default value that best describes the content of your page type.Twitter SettingsDefault Twitter CardSelect the default type of Twitter Card to display.Twitter SiteEnter the Twitter username associated with your website here.Show Twitter AuthorAllows your authors to be identified by their Twitter usernames as content creators on the Twitter cards for their posts.Twitter DomainEnter the name of your website here.Advanced SettingsRun Shortcodes In TitleRun shortcodes that appear in social title meta tags.Run Shortcodes In DescriptionRun shortcodes that appear in social description meta tags.Use Content For Autogenerated OG Descriptions This option will auto generate your Open Graph descriptions from your post content instead of your post excerpt. WooCommerce users should read the documentation regarding this setting.Scan Social MetaScan NowScan your site for duplicate social meta tags.
Click the Update Options button to save your social meta settings.
You are finished when you see a message stating “All in One SEO Options Updated.“
Congratulations, now you know how to set the Social Meta of your WordPress site! In the next guide we will show you how to Create a robots.txt file in WordPress with All in One SEO Pack.
Setting up in yoast SEO
One of the greatest advantages of the Yoast SEO plugin is its social sharing features. It includes tools that make it easy to customize how your articles look when they are shared on social networks. The tools are not difficult to use and you can use as much or as little of the customizations that you want. In this article, we’ll look at how to set social sharing in Yoast and see what it can do for you.
What Can Go Wrong When Sharing Without Yoast
Sharing tools for Facebook and Twitter can use the wrong image, no image at all, and they pull the first text they see or the text you’ve entered as an excerpt as the description. Sometimes this is okay, but there are times when it would be beneficial to customize those images and description. By adding your own titles, description, or images you can tailor the post to the specific audience for that specific social network.
Let’s look at a few examples.
Article Example – Showing the Wrong Image
In this example, I wrote a post and included an image from the video I discussed in the article. I also set a featured image, which was a different image than the one I included in the article. When I clicked to share the article it pulled the image from the article rather than the featured image. It’s also pulling the first few lines of text from the article, which might not be the best choice as an article description.
Twitter displays the same information with the wrong image, title, and text pulled from the first few lines of the article.
Home Page Example – Not Displaying an Image
This is a page with no featured image set. It doesn’t show an image at all when the page is shared. What if you want to display a specific image that you aren’t using on this page? For the description, it’s using the text from the first few modules which include a tagline and contact information. In this case, it would also be a good idea to use a different title and description.
Twitter shows the generic title with a broken image. This isn’t visually appealing and not many would click on this link.
Yoast SEO Social Settings
Fortunately, all of these issues can be solve with Yoast’s social sharing settings.
Yoast adds a Yoast SEO box on each page and post. This box has lots of features including a social sharing tab. Within this tab are two more tabs: one for Facebook and one for Twitter. If you use these fields, the social sharing apps will pull their information from here because they are given priority.
The Facebook tab includes fields for the title, description, and an image. It includes a description of what each field does and includes a suggested image size for Facebook.
The Twitter tab includes the same fields, specifically for Twitter, and shows the suggested image size. This is mostly useful if you want to use different information for Twitter or use a featured image designed specifically for Twitter. If you want to use the same information as the Facebook tab you can leave the Twitter tab’s fields empty. They will automatically follow the Facebook tab’s settings.
Customizing Yoast SEO Social Settings
Here are a few examples of Yoast SEO Social Sharing in action.
Article Example with Yoast Social Sharing
Here’s a look at the Facebook tab. I’ve entered a new title, gave it a description, and supplied an image to show on Facebook.
The Facebook sharing app pulls its information from these fields and now shows the new title, description, and the correct featured image when I share the article on Facebook.
I didn’t add anything to the Twitter tab, so Twitter follows the same settings as Facebook.
Home Page Example with Yoast Social Sharing
For the home page, I included a custom title, description, and image in the Facebook fields.
The custom social sharing settings now show the new title, description, and image when I share the page on Facebook.
Again, I didn’t place anything in the Twitter fields, so Twitter shows the same image that Facebook shows.
Adjusting Twitter Separately
Of course, the advantage in having a Twitter tab is that you can adjust it separately from Facebook. Here are the Facebook settings for the Services page.
Here’s how the post will look when it’s shared on Facebook.
I’ve changed the Twitter settings while leaving the Facebook settings the same. I’m using the same title but I’ve changed the description and image.
Now when the post is shared to Twitter it will display the custom settings from the Twitter tab.
Troubleshooting Facebook Sharing
- Sometimes when you make changes in Yoast’s social sharing settings Facebook doesn’t pick up on the posts’ new settings. The reason for this is the method Facebook uses to know what to use for the title, description, and image. It ‘scrapes’ your pages to get that information. Once it has scraped your page it doesn’t scrape it again. That information is stored on Facebook. Fortunately, there is an easy fix.
If Facebook doesn’t use your updated image you can have Facebook to re-scrape your page or post. You can do this manually using the Facebook Sharing Debugger tool. Paste in the URL of the page or post you want to debug and click the debug button.
This will show when it was last scraped and provide a link preview. If this doesn’t show your new settings then click Scrape Again.
Facebook’s debugger will ping the page or post again and display the new results. Now it shows the correct image, title, and description. This is an excellent tool and is easy to use.