How to Hide a Long Image in a Blog Post
I don't need to tell you that long images outperform regular-sized vertical images on Pinterest. They stand out amongst the hundreds of other images, and they get repinned.
I want to teach you three things in this food blogging tips tutorial:
- How to create a long image and optimize it for Pinterest.
- How to hide the image in your blog post.
- How to encourage your readers to pin it.
Let's get started …
How to create a long image for Pinterest
I like to use PicMonkey to create long images for Pinterest. It can be done using Photoshop, but I find it faster and easier to use PicMonkey.
You can use PicMonkey for free (which I do) or you can upgrade for a couple dollars a month to get their premium version. If you don't already have image editing software like Photoshop or Lightroom then PicMoney is a very inexpensive option to let you tweak your photos.
To use PicMonkey:
- Click on the “Collage” tab at the top of the page.
- Upload the photos you want to use. I always upload all the images that are in my blog post so I can play around with which ones I want to use.
- Choose your collage layout and drag your photos into the collage.
- Add any text you want.
- Save your masterpiece!
A few tips on using PicMonkey:
- Once you begin to add text to your long image you can't navigate back. Make sure you are happy with the positioning of the photos before you move onto the next step.
- Leave a blank box in the center of the image to add text.
- I always upload an image of my logo. You can do the same, or try writing the name or url of your blog in the text box.
- When creating these long images remember that consistency is key. You want people to immediately recognize that this image belongs to your blog. Use your blog's fonts and colours and keep the styling consistent with your brand.
How to hide a long image in your blog post
Now that you've created your long image, you want to be able to hide it. Say what …??? Yes, hide it. I think that adding these long images to the end of your blog post looks messy and awkward. To avoid an awkward, messy looking post we need to hide the image but keep it available as an option for your readers to pin when they use their pin buttons.
Here's how you hide a long image in your blog post:
- Add this line of code to the very end of your blog post <div style=”display: none;”> Be sure to add it to the “Text” tab and not the “Visual” tab.
- Insert your long image after that line of code.
- That's it!
What that code says in real person terms is: “Hide this image.”
What the code will look like after you add your image is this:
<div style=”display: none;”><img class=”aligncenter size-full wp-image-14583″ src=”http://www. your blog. comwp-content/uploads/2015/10/your-image.jpg” alt=”your-alt-tag=” width=”680″ height=”2040″ />
I always add the long image to the very bottom of my blog post. If you'd like to add it to the beginning or the middle of yours, make sure to add the code </div> to the end of the image. If you forget to do that, all the images in your post after <div style=”display: none;”> will be hidden.
→ sidebar ← I have to say that the food blogging community is truly awesome. So often when I've reached out to a fellow blogger and asked, “Hey, how do you do … ” I get a response. I searched for how to hide a long image in a blog post for a long time and it was finally Nagi from Recipe Tin Eats who had the answer. If you're interested you should definitely ask to join her Facebook group Food Bloggers Central. It's a great place that is full of other supportive bloggers.
How to encourage your readers to Pin your long image for Pinterest
Now that you've created and hidden your long image for Pinterest, you want to encourage your readers to pin it. This step is a little less cut and dry than the previous steps, but I have a few suggestions.
- Make your long images for Pinterest pretty. I know that might sound obvious, but your readers want to pin images that are pretty. Try creating a few different images using the same photos and ask your friends and family which style they like best.
- Be consistent with your brand image. Your readers follow your blog because it resonates with them. Make sure the style of your long image for Pinterest matches the style of your blog.
- When adding text to the image, think about the information your readers want to know. Is it a vegan recipe? Paleo? Does that delicious chocolaty dessert only have 300 calories? Is it quick to make? You don't want to overwhelm your readers with too much information on the long image, but a little extra can give them the encouragement to choose that image to pin.
- Keep your alt text on the long images simple. Add just the name of the recipe and, maybe, your url. Longer alt texts do stand out better on Pinterest, but I've found that people are less likely to pin them. Since the long images already stand out well on their own, keep the alt text simple.
- Be reasonable with the length of your long image. While you want the images to stand out, if they're too long you risk annoying your readers. I've found that using two images, with a space in the middle for text, works the best for me.