If you use Pinterest to market your blog or online business, you’ve inevitably run up against the question of how to hide Pinterest images within your post. Let’s talk honestly! Pinterest images are really large, larger than the other social media platforms use. They take up a huge amount of room in a post.

Add to that the fact that many bloggers create three or more Pinnable images for each post. That can mean a lot of real estate on your page if you want to make them all available but don’t know how to hide them.

Once you figure out how to hide them, then comes the question of how to get a Pinterest-specific description attached to that image. You want your Pin descriptions to be engaging, with keywords, hashtags, and SEO to give them maximum traction, right? At the same time, you don’t want to do what many people do, and that’s sacrifice your “alt tag” to use it for your pin description.

**This post may contain affiliate links. If you make a purchase from one of my links, I may receive a commission or credit at no additional cost to you. For more info, please read my disclosure policy.**

Click to Follow Heart My Life! On PinterestClick to follow me on Pinterest!

The “Alt” Tag

The alt tag is meant to improve your site’s SEO and accessibility factor for the visually impaired. If you’re optimizing it for Pinterest, you aren’t optimizing it for its real purpose. You could actually be hurting yourself in the long run with that method so try to avoid that!

So what’s a confused newbie blogger to do when it comes to creating and adding social media graphics that are optimized and ready to work hard for you? No worries! I have answers for ya.

There are a number of ways to add Pin images to your posts and a few options to consider. I’ve attempted to outline them all here so you can try them out and determine which, if any, of the methods are right for you.

My #1 Recommended Method

The easiest way to get Pinterest optimized images on your site without sacrificing your alt tag is to install a plugin called WPTasty. This plugin eliminates the need for messy coding and all the added steps you have to go through to do it by hand.

This is the plugin the pros use to save time and really optimize their images for Pinterest.

The plugin performs the following features:

  • Hide Pinterest images in your posts
  • Write Pinterest specific descriptions for your images
  • Use alt text for SEO and accessibility
  • Disable pinning on certain images that you don’t want used as a pin
  • Add a hover button on all images
  • Optimize images so you don’t sacrifice page speed
  • Unlimited support

The plugin is super affordable and for all the time it saves you, totally worth it! It integrates nicely into your WordPress dashboard and gives you the options to use these handy features as you’re uploading and formatting your post and images.

Why mess with HTML?

You don’t need to learn HTML or go through half a dozen extra steps every time you create a new blog post just to get your Pinterest images optimized. I’m all about working smart not hard, and saving myself time and frustration however I can!

I recently invested in this plugin and now enjoy the huge time savings and easier method of setting up my pins and descriptions. No more messing with code. I add my pin description to my pin when I upload my images to my media. That looks like this:

Screen shot of the Pinterest Description field WP Tasty Pins adds to your Media file.

To add these images to my post, I just scroll down to the bottom of my post editor. You’ll find a WP Tasty box that allows you to select the pins you want to designate for the post.

Screen shot of the Pin selection field WP Tasty Pins add to your WordPress interface.

You can also exclude any images you don’t want used as pins. I excluded a couple of images in this post that aren’t appropriate for Pinterest, including the two screen shots above.

One addition benefit to Tasty Pins is that when a viewer clicks your Pinterest sharing button, the options presented to them are reduced to a handful of images and the sharing layout is much cleaner.

So if you don’t want to mess with HTML or if you’re too busy to add in an extra five or ten steps of coding and fussing every time you upload a post, WP Tasty Pins plugin is the way to go…which is why it’s my #1 recommendation.

Tell me more about WPTasty!

The Budget Method

However, I know some of you can’t go with the paid plugin option right now. (I still recommend you click on the link and check it out, maybe bookmark it for as soon as you can afford it because it’s a huge time saver!)

For those of you who don’t want to do the plugin, I will outline some HTML coding and tricks you can use to achieve a similar effect.

If you’re not tech savvy and fear you won’t remember all this, no worries!! I assembled the basics into a handy cheat sheet you can keep on your computer and copy/paste from when you add your next blog post to WordPress.

—> Give me the cheat sheet! I already know I’m going to need it! <—

How to hide Pinterest images in your post

If you’re using WordPress or any of the popular blogging platforms, you most likely have the option to insert a featured image into your post. If you want to use one of your Pinterest images for your featured image, that’s great! That’s one Pinterest image that’s taken care of. With my theme, I prefer to use a smaller graphic as my featured image—typically one that fits better on my Twitter and Instagram feeds.

In addition I typically create a minimum of three Pinterest images, all of which I hide within the body of my post so they are available when my visitors click on my Pinterest social media share button. If you’re not using WPTasty, hiding your images involves inserting a small line of HTML code into your blog post.

To do this right, you need to be on the “text” tab of your WordPress post. Click here to navigate to the right location.

Click on the text tab of your WordPress post to made changes to the HTML code.

Scroll down to the very bottom of your post and hit return a couple of times. Next, insert this line of code into your post. (Don’t worry, you don’t have to remember this. It’s on the cheat sheet!)

Insert a div tag into your code to begin the process of hiding an image in your post.

For those of you who have no clue about HTML, let me give a quick explanation. You can see this code has two parts—an opening and a closing—which are separated by carrots. Click your cursor in between the two commands between the carrots >click here<. Now click on your “Add Media” button and find or upload your Pinterest image to your media library. If you haven’t already, you should write your alt tag, optimizing it for SEO and accessibility.

The code will appear between your tags and pull your image into the post, only no one will see it displayed on the page because the code in the div tag tells the browser to hide it. However it will be there when someone clicks on your Pinterest social sharing buttons. It should now look like this. I’ve highlighted the img tag to make it stand out.

Code for adding and image to your blog post

But wait! You’re not done yet.

Next you’ll want to be sure those beautiful hidden images have Pinterest-specific descriptions so they’re keyworded and optimized for Pinterest when your visitors pin them.

How to add a Pinterest specific description to those pin images

If you don’t have access to a plugin to help you add your pin description then you’re going to have to add it with code. You’ll want to paste this line of code just after the alt tag in code that calls up your Pinterest image. It should look like this:

Adding a Pinterest specific description to your hidden image in your blog post

This bit of code instructs the computer to use that specific description when someone saves the image to Pinterest. Be sure to write an engaging description between the quotes, use plenty of keywords, and add up to five hashtags as well. I personally recommend that one of those hashtags be a personal brand hashtag. I use #heartmylife in every pin I add to Pinterest so people can easily find my collection of blogging tips, social media marketing techniques, and work from home advice with a hashtag search!

How your completed pin description should look.

Now that you have that pin-specific description added to your image coding, it will attach to your image anytime someone saves it to Pinterest. No more worries that your pin will go on Pinterest with no description {{{the horror}}} or that people will write something lame that gives you no juice in the Pinterest search engine.

If you’ve been following along, you did it! Users now have access to Pinterest images that are all coded with nice keyword rich descriptions and hashtags. Every time they pin one of your images on Pinterest, that image has the best chance possible to perform well because you did the pre-work!

—> Grab the Hiding Pins Cheat Sheet and copy/paste this info next time you need it <—

How to add images without slowing down your website speed

Website speed is an important factor to consider anytime you’re adding images to your site. The more images in a post, the slower the load time will be unless you take some measures to help your pages load more quickly. Google now tests your website speeds and will penalize you in their rankings if your site loads too slowly. It pays to do a little work to speed up your load times, and whenever you’re considering adding more images, you need to consider this factor.

I recommend you start by running a speed test on your site and see how it performs. You can use a site like https://seositespeed.com to do this. That gives you a baseline to work from. Screen shot or write down your initial results. You might also want to run a backup of your site just in case you mess something up. Never hurts to have a backup plan…or file. LOL.

Next, you can test some of these tips to see if they improve your speeds. I am only listing speed tips that relate to your images here. Website load time is a very complex topic with lots of angles and facets you can tackle if you need to increase your speeds. There are dozens of great articles online that can help you improve your overall speed if you need to tackle that issue.

As for images, try one method listed below to see if it improves your load time and how it impacts your site. Not all plugins work well with every theme, so you may need to do some trial and error.

Tips to Improve Your Load Time

Here are four easy tricks you can try to improve your load time if you get a low or average score on your speed test. You may already have similar measures in place as there are lots of plugins out there to help you keep your speeds up, so check your current plugin list to make sure you aren’t doubling up on any of these methods.

1. Image Optimizing – WordPress offers image optimizer plugins like Smush that will optimize your images, making sure they are as web friendly as possible. Install an image optimizer plugin if you don’t already have one. Since optimized images load faster, this should shave some time off your load speed.

2. Lazy Loading – Use a lazy load plugin, which will cause your website images to load as they are needed rather than all up front. When a user first arrives at your site, the images that are “above the fold” will load immediately. As they scroll down the page, images that are lower will load just before they arrive at that section of the page. This can save your visitors a lot of load time since they won’t have to wait for every image on the page, seen and unseen, to load. Here’s list of lazy loaders https://wp-me.com/wordpress-lazy-load-plugins/. I use the lazy loading feature available in my Jetpack plugin.

3. Caching – Install a caching plugin like WP Fastest Cache, which alters the way your website information is transferred to the user, speeding it up significantly. When I installed this plugin, my website loaded twice as fast!

4. Compression – Activate gzip compression,which reduces the size of files sent from your server to increase the speed to they are transferred to the browser. Using gzip can reduce your file transfer size up to 75%. (You can check to see if your site is gzip enabled by running a test here https://checkgzipcompression.com or here https://varvy.com/tools/gzip/)

Social Sharing Buttons

I’ve mentioned share buttons several times, but I’m going to dedicate a full section to this important topic. If you don’t have social sharing buttons on your site, you MUST install them. I don’t know how many times I’ve gone to a site, read a great article, and wanted to save it to my Pinterest boards. But the site did not have sharing buttons. What a wasted opportunity!

And this entire lesson on hiding pin images in your blog post is absolutely useless if you don’t have a way to share those pins. So get those sharing plugins installed. Make ’em loud and proud so your visitors can’t miss ’em!

If you need to install a social share plugin, I recommend Sassy Social Share. I love the vertical sticky icon bar that hovers at the left of a desktop screen. It allows people to share the post at any time, not just at the top or bottom of the post.

Enable Rich Pins

Finally, I want to encourage you to enable rich pins on your site if you haven’t already. Setting up Rich Pins on your site will help your visitors pin more easily. Rich Pins adds the Pin icon in the corner of every picture or graphic you put on your site. It also pulls more information (headline, author, and story description) from your site into the pin description and gives you some bolded lettering too.

For product pins, Rich Pins pulls in availability, price, and where to purchase. Recipe pins show a list of ingredients. They offer Pinterest pinners so much additional information and increase the value of your pins. Here’s an article from Pinterest to guide you through the Rich Pin process.

–> Learn how to install Rich Pins for more pin analytics <–


Looking for more tips to take your Pinterest marketing to the next level? Join my 10-Day Pinterest challenge that gives you easy, actionable steps that help you get the most from your Pinterest marketing efforts!

Take my free 10-day Pinterest Challenge and turn your profile into a profit magnet!

 

Author: Lisa Mills

My name is Lisa Mills and I heart my life! I'm a wife, mom, and blogger who loves the freedom of working from home. I believe every person deserves a life they're passionate about, and I want to help you build yours if you're ready. Check out my Free Resources page to get started!

Share and spread the love!