Overview:

Adding a proper social image to your most important pages and the ones you want to share on social media can help you increase brand awareness and attract more visitors to the site. It’s also quite fun! The Social Sharing Tools plugin enhances your WordPress website’s functionality by seamlessly integrating social sharing meta tags into both the Classic and Block Editor interfaces. With minimal setup and no additional settings to configure, this plugin empowers you to effortlessly customize how your posts and pages appear when shared on various social media platforms such as Facebook, X (formerly Twitter), LinkedIn, Discord, and more.

Installing Social Sharing Tools

Usage of the plugin

Let’s begin by selecting the social platform preview. But what if you prefer not to customize your message or media individually for each network? No problem – we’ve got you covered. Our plugin automatically establishes intelligent defaults, leveraging your post’s metadata and featured image to streamline the process.

The social platform to choose from are:

• Facebook
• LinkedIn
• Discord
• X (former Twitter)

The same principles apply across all platforms, just as demonstrated in our example. Whether it’s Facebook, X (formerly Twitter), LinkedIn, or Discord, you can expect a consistent approach. Our plugin ensures effortless customization, maintaining uniformity while leveraging your post’s metadata and featured image for optimal social sharing on every platform.

Select a social platform to preview

Use the settings below to create the perfect Social share Image, Title, and Description that is displayed when this post/page link is shared on Facebook, LinkedIn, Discord, and X (former Twitter). With these customizations, you can effectively control how your content appears across various social media platforms.
Things to Know!
The LinkedIn and Discord Tabs are Preview only and is not used for editing. LinkedIn and Discord posts/pages share uses Image and Title but not description. These are set from the “Social Share Display Settings” on the Facebook Preview tab.
For Twitter, we offer specific customization options. If you don’t modify these settings, the “Social Share Display Settings” configured for Facebook will be applied when sharing on Twitter. When your content is shared on Twitter, it will showcase the share image with the title displayed in the bottom left corner.

Settings Tab

Disable Open Graph Meta

What are Open Graph Tags? Open Graph meta tags and X (formerly Twitter) cards meta play a crucial role in determining how your posts or pages appear when shared on social media platforms. Without these tags in your site’s header, shared links may display as raw URLs. The og:meta tags are utilized by Facebook, LinkedIn, Discord, X, and other social channels to showcase the title, image, and description when a link is shared.

To ensure optimal social sharing functionality when your links are shared on social media platforms, it’s essential for your site to have Open Graph tags in the header. Our plugin can seamlessly add these tags if they’re not already present. If you’re unsure whether your site has Open Graph tags, you can enable them below. See bellow the guide on how to check if the og tags are already present on your site.

How to Check your sites og meta

To ensure that your site’s Open Graph (OG) meta tags are properly configured, follow these steps:

1. View Page Source:
   • Go to your sites home page.
2. Right-click and Select “View Page Source”:
   • Right-click anywhere on the webpage and from the pop up select “View Page Source”. This will open the page’s HTML source code in a new tab or window.
3. Search for OG Meta Tags:
   • Any og;meta tags will be in your sites header, so they are easy to find.
   • If you can’t see any you can use the browser’s search function (usually accessible by pressing Ctrl + F or Command + F) and search for terms like “og:title,” “og:image,” and “og:description.”
4. Verify OG Meta Tags Origin:
   • Usually whichever plugin has created the tags will be identified by a comment. See video of example below.

By following these steps, you can confirm that your site’s OG meta tags are properly set up, ensuring optimal presentation when your content is shared on social media platforms. In our video we have both Open Graph tags activate. Uncheck the setting: “Add Open Graph Markup” to avoid duplication.

Free Share Image Creation Tool

• Pablo

Create Image button will open Pablo a free online social media image creation tool. Upload and edit your own image or choose from over 600k royalty free images. Once created download your image to your computer and then use the Add Image button to add it.

In our example, we’ll keep it simple. However, feel free to explore additional settings in this tool. For now, we’ll just add text over the image.

Sharing Debugger

Share Debugger is a powerful tool akin to Facebook Debugger, designed to help you troubleshoot and optimize how your content appears when shared across various social media platforms. These social networks put the result in memory (cache), if you update your Open Graph image (share image) you will have to use their tools to force the new “scarping” of the page and force cache update of the page:

Facebook Sharing Debugger

LinkedIn Post Inspector

Troubleshooting

Working with Yoast SEO

If you’re using the Yoast SEO plugin, it automatically generates Open Graph (OG) tags. Therefore, you don’t need to use our plugin to add them again. Instead, ensure that you add the custom title and description to the Yoast Social settings. By doing so, Yoast SEO will utilize its tags while displaying the correct title and description on social media platforms.