GET
IN TOUCH!
LET'S TALK!

If you’d like to talk to us about a project or receive a quote or just want to say 'HI', just fill up the form below!

Home   //   Caplog   //   You’ve Been Doing It All Wrong…
Blog Next Arrow Blog Prev Arrow

You’ve Been Doing It All Wrong With The Social Sharing
Images on Your WordPress Website!

Posted By | No Comments

Wordpress Social Sharing Images

It has been observed:

That content with relevant images or content with visually stimulating images, is likely to generate 94% more views and shares on social networks, than content without appropriate images.

Now:

While adding an image with the help of some relevant WordPress plugins, is an easy task, what you need to keep in mind, is that all social networks operate differently. Thus, a single image size may not work across all platforms and it’s likely that you would need to create a new image for each social network.

In this post, we will explain to you, how you can optimize your social media images in WordPress by using Yoast SEO plugin, so that you can create images that are optimized correctly and can be shared on different social networks.

content with visual get more views

# WordPress SEO Plugin By Yoast

You might not know this:

But when you share a URL on Facebook, Twitter or Google+, if the Open Graph tags are not specified, then the social networks try to fill in the gaps by themselves.

While doing so, sometimes the social networks pick up a wrong image and display it with your content or in some cases, the image might get cut, due to wrong image size. If you have faced this problem and want to avoid such a blunder in future, WordPress has a quick and easy solution in the form of Yoast SEO Plugin.

# What is Yoast SEO plugin?

Yoast (if you are not already aware of it), is the most popular WordPress SEO plugin and includes everything from a snippet preview, to a page analysis functionality feature, which helps you optimize your page content, images, title, meta descriptions and more.

Thus, if you are using Yoast SEO plugin in WordPress, you can optimize the images of your post individually, on Facebook, Twitter or Google+ in no time!

Now:

To begin with, you need to first configure your website’s Facebook, Twitter and Google+ accounts with the social area of your WordPress SEO setting.

Why is this important?

It is important because, Yoast’s social settings help Google to learn about your social Media profiles. In addition, it also helps you to format your content and gives you a preview of how your content will be displayed in search engines and social networks, before it goes live.

# Here is a 5 step procedure for setting up your social profile on Yoast:

#Step 1:

  • In your WordPress dashboard, scroll down and select the “SEO” button.
Titles & Metas - Yoast SEO Setting

#Step 2:

  • Under Yoast SEO heading, click on the “Social” tab.
Social Shareing Images- Yoast SEO Setting

#Step 3:

  • A] Next, click on the “Facebook Tab” and check the box next to “Add Open Graph meta data”. Click on “Upload Image” to set a default image URL, then check if the “currently connected Facebook admin” is appropriate and click on “Save Changes” button.
Facebook - Yoast SEO Setting
  • B] Likewise, click on the “Twitter Tab” and check the box next to “Add Open Graph meta data”. Select “the default card type to use” from the drop-down and click on “Save Changes”
Twitter- Yoast SEO Setting
  • C] Next, click on the “Google+ Tab” and check the box next to “Add Open Graph meta data”. Add your “Google+ account URL” and click on “Save Changes.”
Google Plus - Yoast SEO Setting
  • D] Once the “Open Graph” is activated, the Yoast plugin will create your Open Graph tags, where you can edit your Facebook, Twitter and Google+ titles and descriptions, and also upload images for a particular page or post.

#Step 4:

  • A] Open the post you want to change and scroll down till you come to the “ Yoast SEO” box. Then click on the “Social” tab.
Social tab Yoast SEO
  • B] Here, you will see different “Open Graph” tags for Facebook, Twitter and Google+
Yoast SEO For Social Profiles Images

#Step 5:

Before you jump to adding these Images, make sure to optimize them using Tiny PNG’s Website. In most cases, the size is reduced by almost 60%. Also don’t forget to add ‘alt’ text to these images when you upload them.

  • A] To change image, click on “Upload Image”. Please note that the recommended image size for Facebook is 1200 x 628px.
Yoast Facebook Image Upload Section
  • B] For Twitter, the recommended image size is 1024 x 512px. Click on “Upload Image”, to select an image of your choice.
Yoast Twitter Image Upload Section
  • C] For Google+, 800 x 1200px is the recommended image size. Select “Upload Image” to insert a new image.
Yoast Google Plus Image Upload Section
  • D] Finally, check your website’s Facebook, Twitter and Google+ accounts, to see if the changes are implemented. Share this post on Facebook, Twitter & Google + to see how these images render. Also use the Open Graph Debug Tool to check how your posts are rendering for Facebook.

#Conclusion:

Hope these quick tips, will help you to sort out your problem (if any) and enable you to create perfectly formatted images for all social networks.

Here is an example of how it will eventually display on social networks, once shared.

Example OF Social Sharing Post

Now It’s Your Turn

You just saw how well these social images can work for you,

But for you to get value from this, you need to take action on it and set them up correctly.

Either way, if you’ve any suggestions or feedback let us know by leaving a quick comment below.

Blog Author
Nirav Dave

Nirav Dave is the CTO & Co-Founder at Capsicum Mediaworks, a digital agency based out of Mumbai, India that specializes in all things Web Design & WordPress. He Worships WordPress and Loves to read anything and everything about this exceptional CMS.

Leave a Comment

Yay! Its good to see that you have decided to leave a comment and that's fantastic. Please take a note that comments are moderated and rel="nofollow" is in use. Kindly avoid use of spammy keyword or a domain as your name, as it will be deleted. Let's instead keep this conversation personal and meaningful. Thanks for dropping by!

Our Location

Find Us On

© 2009 - 2017 Capsicum Mediaworks LLP.