Do you want to learn how to hide a Pinterest image in WordPress?
Pinterest can be a great way to drive traffic to your blog, but displaying a Pinterest image in your post can make your content harder to read.
In this article, weβll show you how to easily hide a Pinterest image in blog posts while still letting readers pin a custom Pinterest image when they share your content on Pinterest.
Why Hide Pinterest Images on WordPress Posts?
Using Pinterest can be a great way to increase blog traffic.
But, the Pinterest recommended image sizes donβt always look good when added to blog posts. Thatβs because the Pinterest image dimensions are long and narrow (3:2) which doesnβt fit most blog layouts.
Not to mention, these large images have the potential to slow down your website.
So you might be wondering why do bloggers use longer Pinterest images?
- They stand out in the Pinterest pin feed and search results
- They allow you to repin your content with new fresh images
- They get more traffic than traditional image sizes
By hiding the Pinterest images, you can improve the appearance of your blog posts and make your site faster. All while reaping the benefits of letting readers pin a high-quality image.
Does Hiding Images Interfere with Pinterest Terms of Service?
You might have heard that hiding Pinterest images on your WordPress blog goes against the Pinterest Terms of Service (TOS).
But, this isnβt true.
Hiding a Pinterest image on your website is allowed, as long as you meet the following requirements:
- The Pinterest image matches the content of your post
- The Pin description matches the content or title of your post
Essentially, you can hide images on your WordPress blog as long as the image youβre hiding is relevant to your page.
Does Hidden Pinterest Images impact Google Ranking?
For Google to properly rank your site it needs to be able to index your content. This means the search engines crawl your website to see what pages and media your website contains.
Google isnβt necessarily a big fan of hidden images or hidden content. Especially, since hidden content can be associated with spam websites.
However for legitimate use-cases like this one, itβs completely ok for you to hide Pinterest images without impacting your Google ranking.
How to Hide Pinterest Images in WordPress
There are several WordPress plugins that makes it easy to hide Pinterest images in WordPress. There are premium sharing plugins like WPTasty or Grow by Mediavine (formerly Social Pug).
However, we recommend using the free Shared Counts plugin, and their free Shared Counts β Pinterest Image addon.
These plugins are extremely well coded and will not impact your WordPress website speed. Not to mention, theyβre 100% free.
This is the plugin that weβre using on WPBeginner to add our social share buttons.
The first thing youβll need to do is install the Shared Counts plugin. For detailed instructions, please read our step-by-step guide on how to install a WordPress plugin.
The plugin settings are fairly straight forward, but we do have a detailed tutorial on adding social sharing buttons to WordPress that you can use as a guide to get started.
Once the Shared Counts plugin is fully set up, youβll need to install and activate the Shared Counts β Pinterest Image addon to your site.
There are no unique settings to configure for this plugin.
It automatically adds a custom Pinterest image box to your blog posts.
Instead of having users pin random images from your blog post, you can create a higher-quality image thatβll perform better on Pinterest.
When your website visitors click on your Pinterest share button, Pinterest will pop up with the perfect image youβve created for your post.
To add your custom Pinterest image for your blog posts, simply go to Posts Β» All Posts in your WordPress dashboard and open up the post you want to edit.
In the WordPress content editor, youβll see a meta box labeled βPinterest Sharing Imageβ in bottom right-hand corner.
You need click on the βSelect Imageβ button and upload a new image or choose an existing image from your media library.
When youβve found the image youβd like to use, you can add the βTitleβ and βAlt Textβ, then click the βUse Imageβ button.
Next, click βPublishβ to publish your new post with the Pinterest sharing image, or βUpdateβ if the post is already live.
Now, when your visitors click the Pinterest share button there will be a pop-up that has your Pinterest image with the proper dimensions.
One of the best parts about using this plugin is that it automatically hides the Pinterest image for you.
Once you add your Pinterest featured image to your blog post, the plugin will add it to the bottom of your post, and apply the βdisplay:none;β element automatically. This makes it completely hidden from view.
There is no need to add the image to your post and manually hide it or make any additional changes.
You might have seen other methods online, like using CSS to hide your Pinterest images, or adding HTML code with the βdisplay:none;β element, but you donβt need to worry about any of that.
The plugin addon takes care of everything for you, which is why we recommend this option above all else.
Finally, itβs important you optimize your images before uploading them to WordPress. This plugin hides the image from view, but it still loads on your post. So, if itβs not properly optimized, then it could slow down your website.
We hope this article helped you learn how to hide Pinterest images on your WordPress blog posts. You may also want to learn how to verify your site on Pinterest for added functionality, and our expert pick of the 40 useful tools to manage and grow your blog.
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.