Wednesday, April 22, 2020
WordPress Featured Image What It Is, Plus How to Use It Right
Your WordPress featured image is the image that appears on your blog post list page, and sometimes at the top of your individual blog posts.Featured images are tucked away in the sidebar of the WordPress blog post editor, yet are a key option. You can assign a primary image for each post, both to act as a header and to represent it on archive and search pages. Adding and optimizing featured images is a vital task on just about any WordPress blog.In this post, weââ¬â¢ll explain what featured images are in more detail and show you some examples. Then weââ¬â¢ll walk you through how to improve the way you use each WordPress featured image on your own site. Letââ¬â¢s get to work! You can see the Featured Image section in the sidebar on the rightHere, you can add a single image to represents the post as a whole. Simply click on Set featured image, then, youââ¬â¢ll be able to either upload a new image or choose a file from your Media Library. You can also provide a caption, alt text, and description like any other image.When youââ¬â¢re done, hit Select, and a thumbnail of the image will appear in the Featured Image section:As a general rule, this image doesnââ¬â¢t appear within the body of the post itself, although how a WordPress featured image is displayed depends on your active theme. Still, most of the time it will appear in your posts header, somewhere near the title:This makes a WordPress featured image crucial, as itââ¬â¢s the first thing readers will see, and will set the tone for the entire post. Whatââ¬â¢s more, this isnââ¬â¢t the only place featured images appear. Theyââ¬â¢re also used to represent individual articles in lists of posts, such as on archive and search pages:If you run any type of site that publishes new content regularly, itââ¬â¢s vital to add a featured image to each one. Plus, since these images will do a lot to determine your siteââ¬â¢s visual style (and even its performance), it pays to spend some time choosing and preparing them carefully.Three tips for using featured images effectively on your WordPress siteYou can use anything you like for your WordPress postsââ¬â¢ featured images. However, given how prominent they are, itââ¬â¢s best to be strategic about how you use them. Letââ¬â¢s look at a few of the best techniques for getting the most you can out of each WordPress featured image.1. Use images licensed by Creative CommonsIf you have a talented photographer or illustrator on your team, you can create original featured images for your blog. This is the ideal scenario, but is often hard to achieve. Not only do you need someone with both the required expertise and time ââ¬â youââ¬â¢ll also have to create a lot of unique images, especially if you post regularly.For most blogs, using third-party images is a better solution. Even here, you have a few options. You can pay for images from a stock site, or you can use Creative Commons-licensed media. While thereââ¬â ¢s nothing wrong with the first approach, the latter offers a number of benefits:Creative Commons images are free, and you may even be able to use them on a monetized blog (depending on the specifics of the license).You have a lot of options to choose from, and there are entire sites dedicated to collecting and sharing these images. Pixabay, Pixnio, and Flickr are just three of the many examples.Again depending on the license, you should be able to modify the images. This means you can start from an existing photo, and add your own tweaks and branding.To see the last point in action, you can take a look at our own featured images:We start with a basic image, then add various additional elements. This makes each WordPress featured image easier to create; yet the result still looks unique.To create this image template, we use Canva. Heres how to use Canva for blog images.Finally, if you do use a Creative Commons featured image, donââ¬â¢t forget to credit the source! This is good p ractice, even if its not strictly required for every license. A simple line at the end of the post, such as ââ¬Å"Featured image: John Smithâ⬠, will get the job done.Creative Commons images arent the only free images, either. For example, the popular Unsplash site has its own license that lets you use images commercially for free.2. Keep the style of your featured images consistentSince every post has its own WordPress featured image (that may appear in multiple locations across your site), these images make up a large proportion of your siteââ¬â¢s media. Therefore, itââ¬â¢s worth considering how they help to represent not just your individual content, but also your site as a whole.While you can simply choose whatever image seems most appropriate for each article, a better strategy is to keep all your featured images consistent. For example, you can go with realistic images:Or, you can opt for a more abstract look:Either way, the style of image you lean towards should re flect your siteââ¬â¢s branding and toneà ââ¬â for example, serious and professional, or fun and whimsical. You can evenà use certain colors, or focus on particular subjects.However, make sure that if you have multiple authors writing posts, everyone is clear on the style for your featured images. Alternately, you could put one team member in charge of finding and editing a WordPress featured image for each new post. This makes it a lot easier to ensure they all look good when placed next to one another. To save time, you can create a template with Canva that you use for each post.Finally, in the interests of consistency, youââ¬â¢ll also want to select a standardized size for each WordPress featured image. What this is will be entirely up to you, although weââ¬â¢d recommend choosing dimensions with a longer width than height (as this tends to look better, especially on mobile devices).You also donââ¬â¢t want your featured images to be too large, as this can have a negative effect on your site. This brings us to our final tip.3. Optimize each WordPress featured imageAs weââ¬â¢ve already noted, featured images can eventually make up a big chunk of your siteââ¬â¢s media library. This means they may ultimately have an effect on your siteââ¬â¢s performance too.Weââ¬â¢ve discussed the importance of a speedy site in the past, as well as the effect of images on loading times, so we wonââ¬â¢t repeat ourselves too much here. Long story short, itââ¬â¢s vital to keep your pages loading fast. Whatââ¬â¢s more, lots of large, high-quality images can slow your site down significantly.The answer is toà optimize each WordPress featured image, before uploading it to your site (or during the upload process). This will make it ââ¬Ëlighterââ¬â¢, and less likely to drag down your page speeds. Plus, with the right tool, you can compress images without a noticeable reduction in their quality.For instance, you can download the Optimole pl ugin and install it on your site: Image optimization Lazy Load by Optimole Author(s): OptimoleCurrent Version: 2.1.2Last Updated: September 25, 2019optimole-wp.zip 96%Ratings 211,971Downloads WP 4.7+Requires This will connect you to the Optimole image optimization service, and enable you to compress all of your siteââ¬â¢s images, both new and old. Thereââ¬â¢s even a free plan, which will let you optimize around 2,000 images ââ¬â enough to last most blogs quite a while.ConclusionFeatured images are a vital WordPress feature, one any blog owner can benefit from becoming familiar with. Adding a WordPress featured image to each post or article helps you visually represent the content for your readers. It can even be an essential part of your branding strategy.Adding featured images in WordPress is simple. However, youââ¬â¢ll want to keep the following tips in mind:Use Creative Commons-licensed images or other free stock photos.Keep the style of your featured images consistent.Optimize each WordPress featured image, using a tool like Optimole. Do you make the most of your #WordPress featured images? 3 tips to help you use this feature Click To Tweet Do you have any questions about the best way to use featured images on your blog or website? Ask in the comments section below!Free guide5 Essential Tips to Speed Up Your WordPress SiteReduce your loading time by even 50-80% just by following simple tips. Image credits: Pxhere, Wikimedia Commons.
Subscribe to:
Posts (Atom)