Tag - Social

The Complete Social Media Cheat Sheet for WordPress (Updated)


If you are serious about your website or blog, then you simply can’t ignore social media. The problem is that each of these platforms has different requirements for cover photos, profile image, article cover, etc.

This makes it quite overwhelming for new users to get started.

What if there was an easier social media cheat sheet that you can follow to quickly setup all social media profiles, the right way? Something that acts as a social media checklist for image sizes, share images, automated shares, etc.

In this article, we will share our ultimate social media cheat sheet for WordPress. The goal is to help you quickly manage your social media settings for WordPress without getting distracted.

Complete social media cheat sheet for WordPress users

Why You Need a Social Media Cheat Sheet for WordPress?

If you have been running social media profiles for your blog or website, then you would notice that each platform has different requirements.

For example, Facebook image size has specific requirements while Pinterest needs totally different proportions.

It could be difficult to remember all that information when creating social media images for your articles or profile.

A cheat sheet helps you quickly look up all these options. It will also ensure that you don’t miss anything important when creating a social media profile or publishing a new article on your website.

That being said, let’s get started with our ultimate social media cheat sheet for WordPress users.

Here is a quick overview of the things we will cover in this article:

1. Choose Your Social Media Platforms

There are so many social media websites, but not all of them are helpful in growing your business or bringing traffic to your website.

Apart from bigger sites like Facebook and Twitter, you can choose niche platforms that work best with your website’s target audience.

For example, if you run a fashion blog, then you may want to utilize Instagram to promote your content.

A food and recipe blog may want to focus on YouTube and Yummly.

A home decor or DIY website may find Pinterest more helpful in finding the right audience.

Choosing the right platforms for your target audience will help you create an effective social media marketing strategy to grow your business.

Social Media Image Sizes Checklist

To promote your blog or business on social media websites, you will need to setup profiles, upload your website logo, cover photo, and create images to accompany your articles and links.

You can see our article on how to easily create images for your WordPress blog to learn how to make beautiful images without hiring a graphic designer.

Now the problem is that each social media platform has specific requirements for these images. Not using the right size would make your images look skewed or stretched.

Here is our quick cheat sheet for social media image sizes that you can use when creating images for your social accounts.

Facebook Image Sizes

Example of a Facebook page with cover, profile, and share images

Facebook has specific recommendations for images to be used in different areas.

Cover image: 820 x 312 pixels. Cover images should be less than 100 KB in filesize. It could be in jpeg or png file format. You can create a larger image while maintaining the same aspect ratio, Facebook will automatically create smaller sizes to display on mobile devices.

Profile image: An square image of at least 180 x 180 pixels. For business pages, this is where you would ideally display your custom logo. This image will be cropped to display in a circle.

Shared Image: 1200 x 630 pixels. This image will be displayed on your page with a maximum width of 470 pixels and in the feed maximum width of 504 pixels.

Group cover image: 1640 x 856 pixels.

Twitter Image Sizes

Twitter profile page showing cover photo, profile image, and share image

Twitter is the internet’s conversation hub. Following are the recommended image sizes for Twitter to make your profile more engaging and professional.

Header image: 1500 x 500 pixels. This full-width image appears as the cover image of your Twitter profile page.

Profile image: 400 x 400 pixels. This square image is cropped to be displayed in a circular format.

In-stream image: 440 x 220 pixels. This image is displayed when you share an article, retweet, embed a tweet, upload images, and more. If you are already using Twitter Cards then Twitter will be able to pick the correct image to display with your article description and title.

Instagram Image Sizes

An Instagram profile

Instagram’s main content is already in visual format. If you are uploading photos directly from your phone using the Instagram app, then it will automatically take care of appropriate image sizes for you.

For other uploads, you can follow these Instagram image size recommendations for the best results.

Profile image: 110 x 110 pixels. You can use larger image dimensions as long as it is a square image.

Image thumbnail: 161 x 161 pixels. This image is displayed as your thumbnails for your photos.

Shared photos: 1080 x 1080 pixels. You can use a higher resolution image as long as it is an square image.

Shared videos: 1080 pixels wide.

Instagram Stories: 1080 x 1920 pixels or minimum 600 x 1067 pixels. File size cannot exceed more than 4 GB which is quite a lot for a high-quality video.

YouTube Image Sizes

YouTube channel

YouTube is not only the second most popular social media platform but also the second most popular search engine. Your YouTube channel image, cover image, and video thumbnails are crucial in getting more views for your videos.

YouTube Channel cover image: 2560 x 1440 pixels. You need to make sure that the image is horizontally centered so that it looks good on mobile devices where YouTube may crop the image to fit screensize.

Channel icon: 800 x 800 pixels. This image is displayed as your channel icon and may sometimes be cropped as a circular image.

Video thumbnail: 1280 x 720 pixels. Ask any YouTube creator and they will tell you that the video thumbnail is the most important part of video optimization on YouTube. This is what YouTube users will see on their homepage, in search, and other areas. A highly optimized video thumbnail helps you get more views and grow your channel.

Pinterest Image Sizes

Pinterest profile page

Pinterest is a visual social sharing platform, which means images play the most significant role in growing your Pinterest following.

Profile image: 165 x 165 pixels. You can upload an higher resolution image with maximum filesize of 10 MB.

Profile cover: Select a board to feature as your profile’s cover. Pinterest will automatically fetch pins from that board to create your profile cover.

Board cover image: 222 x 150 pixels. Pinterest allows you to choose the cover image from the pins you have saved for that board.

Pinned image preview: 236 pixels wide. Pinterest automatically scales your pins to fit their grid. For best results, you need to upload the images with an aspect ratio of 2:3 to 1:3.5.

LinkedIn Image Sizes

LinkedIn Page

LinkedIn can be a great source of traffic, connections, and building a brand image. It is a social networking platform for professionals and businesses, which makes it a powerful tool to help you grow your business.

Personal profile image: 400 x 400 pixels with a maximum image file size of 10 MB.

Banner image for personal profile: 1584 x 396 pixels with a maximum file size of 4 MB.

Company cover image: 1536 x 768 pixels.

Shared image: 1104 x 736 pixels.

Company profile / logo image: 300 x 300 pixels or higher resolution image with 1:1 aspect ratio.

Company page banner image: 646 x 220 pixels.

Setting up Social Media Optimization in WordPress

Now that you have learned about proper social media image sizes, the next step is to make sure that your WordPress site is optimized for social media.

The most important aspect of this optimization is to setup automatic inclusion of open graph meta data. Open Graph metadata is a technology that allows you to include additional information to your web pages that social media and search engines need.

First, you need to install and activate the Yoast SEO plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Yoast SEO is the best WordPress SEO plugin that helps you get more traffic from search engines. It is also a complete website optimization tool including support for social media platforms as well.

Upon activation, you need to visit SEO » Social page. From here, you need to first add your social media profile URLs under the ‘Accounts’ tab.

Add your social media profiles in Yoast SEO settings

You don’t need to add all URLs, you can simply skip the social media websites where you don’t have a profile.

Next, you need to switch to the Facebook tab. From here you need to click on the toggle button to enable Open Graph metadata.

Social settings for Facebook

Below that you need to provide an image, title, and description for your website’s front page. The image you provide here will be displayed when someone shares your website’s front page or root URL on Facebook.

Next, switch to the Twitter tab and enable Twitter cards for your website. Below that, you can choose the default card display for your website.

Twitter social settings

Summary with large image option will display your Twitter share image with a summary of your article.

You can now switch to the Pinterest tab. From here you can add the Pinterest confirmation tag to your website. You can click on the link on the screen to claim your website and get the confirmation code.

Add Pinterest verification code to your site

Don’t forget to click on the save changes button to store your settings.

Social Media Settings for WordPress Posts and Pages

Just like the SEO settings for posts and pages, you can also optimize them for social media websites.

Yoast SEO plugin allows you to easily set social options for your individual posts and pages.

Simply edit the blog post or page you want to optimize, and then scroll down to ‘Yoast SEO’ section below the editor.

Social settings for WordPress posts and pages

Switch to the social tab by clicking on the share icon. From here, you can upload a custom title and description as well as share image for Facebook and Twitter.

After that, you can save or publish your post.

If you want to see how your post would appear when shared, then you can do so by using the Facebook debugger or Twitter card validator tools.

Simply enter your post or page’s URL and these tools will show you how your post would look when shared on these platforms.

Facebook debugger

Adding Social Sharing Buttons to Your Website

The easiest way to promote your website on social media is by encouraging your users to share your content. This can be achieved by adding social sharing buttons to your blog posts and pages.

First, you need to install and activate the Shared Counts plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Shared Counts is the best social media plugin for WordPress. It allows you to easily add social sharing buttons to your WordPress blog posts.

Upon activation, simply head over to Settings » Shared Counts page to configure plugin settings.

Shared Counts settinngs

From here you need to scroll down to the display section and select the social media websites you want to display. After that, you can choose a button style and location where you want to display the buttons.

Don’t forget to click on the save changes button to store your settings.

You can now visit any post on your website to see social sharing buttons in action.

For more detailed instructions, see our guide on how to add social share buttons in WordPress.

Setting up Automated Social Sharing in WordPress

Social media platforms are great for building a following and bring more traffic to your website. However, it can become quite time-consuming to share content across different platforms and engage with your audience.

Luckily, there are several online tools that you can use to automate the process.

We hope this social media cheat sheet for WordPress helped you improve your social media marketing strategy. You may also want to see our list of best content marketing tools and plugins for WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link

How to Add Social Share Buttons in WordPress (Beginner’s Guide)


Do you want to add social share buttons in WordPress? Social media websites are where people spend a lot of their time on internet.

You can use social media to build user engagement and bring new users to your website. The simplest way to do this is by adding social sharing buttons to WordPress posts and pages.

In this article, we’ll show you how to easily add social share buttons and display share counts in WordPress. We will cover couple of different ways to do this, so you can add social buttons above and below post content or make a floating share bar..

How to Add Social Share Buttons in WordPress - Easy Way

Why You Should Add Social Share Buttons in WordPress?

Social networking is one of the most popular online activities today. It is estimated that by the end of 2019, there will be around 2.77 billion social media users around the globe. (Source)

That’s why social media marketing is now a crucial part of any businesses’ growth strategy. If you want to reach more potential customers, then social media platforms are highly effective channels to communicate with them.

The problem is that when you share your content on your own social media profiles, tit only reaches a limited number of your own followers.

The best way to reach people who don’t follow your business on social media is by adding social sharing buttons to your WordPress site.

Social share buttons prompt your website visitors to share your content on their social media timeline. This allows your content to be seen by their friends and followers who can then add comments, like, and re-share it.

Adding social sharing buttons to your website can help you:

  • Get more traffic to your website
  • Increase your social media following
  • Generate more leads and sales
  • Build social proof and brand recognition

Having said that, let’s see how to easily add social share buttons in WordPress.

Adding Social Share Buttons in WordPress

For this tutorial, we’ll be using the Shared Counts plugin. It is the best WordPress social media plugin available on the market.

Using this plugin, you can easily add social share buttons in your WordPress posts and also display the share counts. The best part is that it is optimized for performance and doesn’t slow down your website.

Unlike other social sharing plugins, Shared Counts uses a unique caching method to have minimal impact on your website’s speed and performance.

The first thing you need to do is to install and activate the Shared Counts plugin. For detailed instructions, see our step by step guide on how to install a WordPress plugin.

After you’ve installed the plugin, you need to go to Settings » SharedCounts menu to configure plugin settings.

Shared Counts WordPress menu

Next, you need to scroll down to the ‘Display’ section and choose the share buttons you want to display. By default, three buttons are selected (Facebook, Twitter, and Pinterest).

Shared Counts Plugin - select social share buttons

You can click on the white area in the field to add additional share buttons that you want.

Add social share buttons in Shared Counts

Next, you can choose the share button style from the dropdown menu labeled “Share Button Style”. Shared Counts plugin comes with 8 beautiful button styles.

Shared Counts share button styles

After that, you’ll need to select the theme location where you want to display the social share buttons. You can choose from 3 options: Before Content, After Content, and Before and After Content.

Theme Locations for Social Share Buttons

Lastly, you need to select the supported post types. It has ‘post’ selected by default.

If you want to display share buttons on your pages and other post types, then you can check the box next to page option.

Supported Post types Shared Counts

Don’t forget to click on the Save Changes button to store your settings.

Once done, you can visit any post on your website to see the social sharing buttons in action. Here’s how our demo website looks with the ‘Classic’ button style on default Twenty Nineteen theme.

Social Share Buttons by Shared Counts

How to Display Social Share Counts in WordPress?

As the name suggests, Shared Counts plugin can also show your social share counts without slowing down your website.

To enable social share counts, you’ll need to go to the Shared Counts settings and set up the share count source.

On the Shared Counts settings window, you’ll see the ‘Share Counts’ settings at the top.

By default, you’ll see the None option selected for ‘Count Source’ which means that share counts are not being retrieved and displayed.

Share Counts Source none Shared Counts

To show the social share counts, you can choose from two sources.

Share Counts Source Options

The SharedCount.com is the recommended option for the plugin. If you choose this option, the counts are retrieved from the SharedCount service API. It allows fetching all counts with only 2 API calls which is the best for performance.

If you choose the ‘Native’ option, share counts are retrieved from the respective social service, like Facebook API for Facebook counts, Pinterest API for Pin counts. This method can slow down your site because it will require multiple API calls.

We recommend choosing SharedCount.com as your count source. Next, you’ll see a field for SharedCount API key.

Shared Counts API field

You can get the SharedCount API by signing up to for a free account on SharedCount.com website.

Register for SharedCounts com

Enter your email address and a password. Then click Create Account.

Create SharedCounts.com account

The website will now send a confirmation link to your email address. You need to click the link to verify.

SharedCounts.com account verified

Once your email is verified, you need to log into your SharedCount account and navigate to your account at the top right side of the screen. There, you’ll see your email address and a dropdown icon next to it.

SharedCounts.com account

Next, you need to click the drop-down menu and select ‘Settings’. From here you’ll find your SharedCount API key.

SharedCounts.com API key

You need to copy the API key and go back to your plugin’s settings page on your WordPress site. Now, go ahead and paste the API key in the ‘SharedCount API Key’ field.

Insert SharedCounts API key

Below that, you’ll see some other settings related to social share counts. You can review and change them if you like.

If you want to show the total counts, then you can check the box next to ‘Count Total Only’ option.

We also recommend checking the box to hide empty counts instead of displaying a zero (0).

Share count options

Next, you will see a new ‘Total Counts’ field in the Display section. This allows you to show total share counts alongside your share buttons.

Add Total Counts button Shared Counts Plugin

Don’t forget to click on the ‘Save changes’ button to store your settings.

You can now visit your website to see the social sharing buttons with share count for each blog post.

Adding Social Share Buttons on Selected Pages

Typpically social share buttons aren’t usually added to WordPress pages however sometimes you may want to enable them on some specific pages.

If so then, you can use the Shared Counts shortcode: [[shared_counts]].

You can add this shortcode anywhere on your website to display the share buttons.

To add shortcodes in WordPress, there is a shortcode block in the WordPress block editor.

Shortcode Block in Gutenberg Editor

You can simply add the block to your content area and then paste the Shared Counts shortcode.

Insert Shared Counts Shortcode

Using the shortcode, you can add social share buttons really anywhere on your site.

Adding Floating Social Share Bar in WordPress

The Shared Counts plugin allows you to add social share buttons above content, below content, or both above and below content. These share buttons are static and not visible all the time.

Another popular way to display social sharing buttons is by adding a floating social sharing bar. It is a social sharing menu that sticks on users’ screens as they scroll down.

Unlike the standard sharing buttons, the floating social share bar will be seen the whole time a user reads your article. Making them more noticeable and helping you boost social sharing.

Some user experience experts argue that it makes your website look bad as it fills out the white space. However, if you can keep it clean, then it can be quite useful.

For the floating social share buttons, you need to install and activate the Sassy Social Share plugin.

Upon activation, the plugin will add a new menu item labeled ‘Sassy Social Share’ to your WordPress admin sidebar. Clicking on it will take you to the plugin’s settings page.

Select your button style

First, you need to choose an icon style. The plugin comes with square, rounded, and rectangle buttons. You can choose styles for both the floating social share bar and the standard share bar.

Next, you need to switch to the ‘Standard Interface’ tab. From here you can enable or disable the standard static social sharing buttons.

Standard sharing buttons

We recommend using either floating or static social buttons. Using both of them will be an overkill and may create a bad user experience.

Next, you need to switch to the ‘Floating Interface’ tab and check the box next to ‘Enable Floating sharing interface’ option.

Floating social share plugin settings

After that, you need to choose the social media websites you want to display. You can add or remove buttons and rearrange them by simple drag and drop.

Once you are finished, click on the ‘Save Changes’ button to store your settings.

You can now visit your website to see floating social share buttons in action. Here’s how it looked on our demo website.

Floating social share buttons

We hope this article helped you learn how to add social share buttons in WordPress. You may also want to learn how to add social media icons to WordPress menus and how to add the social icons to the sidebar.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link