We at Colorlib know a thing or two about creating unique and successful WordPress themes,…
Articles with images get 94% more views than those without and the first image your viewership will see is the featured image.
Adding relevant images to blog posts and pages is an important element of blogging. Remember how you’d always pick up a book heavy with illustrations as a kid? It’s the same case with blogging – an image intensive post is more visually appealing than one with just text.
In this post, we’re going to tell you everything you need to know about featured images in WordPress – what they are, where you can use them, and how to use them to your maximum benefit. We’ll also cover the best practices for adding and using featured images in WordPress.
Let’s get some basics out of the way first.
An Overview of Featured Images
You’ve all seen featured images in blogs but may not know exactly what they are. Typically, a WordPress site’s blog page has titles of posts along with a brief excerpt, the author’s name, and a thumbnail image. This thumbnail image is the post’s featured image which is displayed right on top of the text on the post’s page.
A featured image represents the contents, mood, or theme of a post or page. Posts and pages can have a single featured image, which many themes and tools can use to enhance the presentation of your site. – WordPress.com
Featured images displayed on a blog page are represented as thumbnails and can vary in size depending upon the theme that you’re using. Generally, they are placed on top of the text or to the left side of it. For this reason, featured images are also referred to as post thumbnails.
Capturing your potential viewers’ attention by using an eye-catching featured image is a great way to attract more traffic to your blog. Images draw readers in and the featured image you use for your blog post will be seen the most – it’s displayed on the blog homepage, on social media posts, and on the post page.
A Note on the Importance of Featured Images
Featured images are like the cover of a book and as the old adage goes, never judge a book by its cover, the truth is that it’s hard not to. Making the best first impression becomes infinitely easier with the use of a featured image. A picture speaks a thousand words – a thousand words that you won’t have to in order to captivate your readers in a single glance.
Unlike the images you actually add to your posts and pages, featured images will travel much further. From social media site shares to recent posts suggestion boxes, your featured images will be published in all kinds of places for potential subscribers to stumble upon.
One of the standout features relating to the use of featured images is that it brings structure and consistency to your blog. Suppose you’re writing a post that doesn’t have a ton of images to go with it. You can count on the featured image you use to ensure it doesn’t get lost in your site’s archives without a single view.
Featured images have become a norm for modern bloggers and reading a blog post without a featured image seems a bit off. In the following section, we’ll dive right into the best practices professionals use when it comes to selecting, customizing, and adding featured images.
Best Practices for Using Featured Images
Featured images are pretty simple to understand and by now you probably have a pretty good idea as to what they are and where they’re used. In this section, we’ll explore some of the best practices adopted by editors when using featured images.
One of the first things you need to decide before adding your first featured image is the size you want it to be. The size you decide for the first image will remain the same for all featured images you add from this point onwards. Doing this maintains consistency across your blog and gives it a professional look.
The size you select for your featured image should depend on two factors:
- The theme you’re running. If your theme is crowded with respect to its design, opt for a smaller sized featured image as compared to one that takes up the whole screen.
- The layout of your posts. Most webmasters size their featured image to sit neatly on top of their post’s text. If their post’s text runs 800px across the page, the featured image is also 800px wide.
Featured images are usually large in size ranging from 500px to full-width. Keeping that in mind, it’s best to go with a high-resolution image instead of one that’ll pixelate easily. Webmasters search for relevant featured images on stock image sites or hire an in-house designer to create unique featured images for each post.
Regardless of which option you go with, remember to optimize the image for the web before uploading it to your site in order to save storage space on your server. Online tools like Kraken work great and if you’d like to install a plugin then EWWW Image Optimizer is a popular option.
Featured images are meant to capture the essence of the blog post they’re associated with. But where would you find a relevant image that goes with your content and fits our best practices criteria? If you’re operating a high-authority website then your first action plan should be to hire a designer to create featured images. And if you’d prefer to create them yourself, tools like Photoshop, GIMP, and Illustrator can help you out a great deal.
But those of you who’d rather not break the bank for featured images just yet can search for relevant images on free stock photo websites. Check out our post on 35 Free Stock Photo Websites For Every Situation and Top 24 Websites For Free Vector Images For Designers 2016 for resource sites.
Now that we’ve covered some of the best practices bloggers and editors adopt for featured images, let’s take a look at some of the most popular ways to displaying featured images on your blog’s homepage.
Featured Images Layout Variations
There are tons of different ways to display featured images on your blog’s homepage but it mostly depends on the layouts offered by the theme you’re using. Let’s take a look at some different featured image layouts for different types of WordPress sites.
Featured Images Atop Excerpts
Presenting the featured image atop the text is one of the most popular blog page layouts. Our very own Illdy theme displays featured images neatly on top of the post title and post excerpt on its blog homepage. This layout is suitable for all sorts of WordPress websites – corporate sites, general blogs, or service-based sites.
Featured Images to the Side
Sometimes a traditional featured image to the side layout is just what your blog’s homepage needs. This is especially true if you want to highlight the post excerpts or add additional post details such as the authors name, the date it was published on, and the categories it’s classified under. Our Travelify theme is a wonderful example of this featured image layout.
Magazine Style Featured Images
If your website’s content centers around images then its probably best to go with a Pinterest-style theme complete with an image intensive, magazine-style blog homepage layout. Our Pinbin theme does just that with different sized featured images displayed as post thumbnails on the homepage.
There are some themes out there that don’t support featured images although its meta box is supported by the WordPress CMS. If you’re running a theme that doesn’t offer support for featured images, the blog post’s first image will be used each time you share the post’s link to a social media site or on RSS feeds. This can be an issue if the first image on your post is difficult to view when shrunk, for instance, a graph.
To resolve this issue, most webmasters add custom code to the theme’s files or opt for a plugin to add the featured image. Default Featured Image and Quick Featured Images are both great options for adding featured images.
How to Add Featured Images in WordPress
By now you know what a featured image is and why it’s important to blog posts and your WordPress website, in general. In this section, we’ll walk you through a quick tutorial on how to add featured images in WordPress.
Step 1: Add a new post by navigating to Posts > Add New from the WordPress Dashboard.
Step 2: Add some a title and some content to your post.
Step 3: Scroll down the screen till you see a meta box titled Featured Image in the right sidebar.
Step 4: Click the link that reads Set featured image. The media uploader screen will pop open.
Step 5: Upload a new image from your drive or select one from your media library. Make sure the image you select is cropped and optimized for the web.
Step 6: Add the image’s title and description.
Step 7: Click the blue Set featured image button to continue.
Step 8: Once you click the button, the selected image will be set as the featured image and the meta box should look like this.
That’s all there is to it! You’ve successfully added a featured image to your blog post. By following the same procedure, you can easily add featured images to pages and custom post types.
Wrapping It Up
Featured images are captivating and a fun feature to play around with – not to mention they have great SEO value! Adding featured images to your blog posts is a simple, straight-forward process and easy enough to incorporate into your blog post’s pre-publishing checklist.
Let’s quickly review the areas we covered in this guide:
- Follow featured image best practices to find the right image.
- Select a blog homepage layout that offers the best value to your site’s viewership.
- If your theme doesn’t support featured images, install a plugin to add the functionality.
- Last, but certainly not the least, add a suitable featured image using the steps outlined above to capture your readers’ attention.
Were you able to add a featured image to your blog posts and select a layout for the blog homepage? Did you run into any problems finding a featured image? We’d love to hear from you so get in touch by commenting below!