If you find a photo that you really love, reach out to the photographer or artist and ask if you can use their work on your website. It tells WordPress to display the featured image in the templates exact location. The plugin generates a featured image from the first image in a post, but only if the featured image is not already configured. Once on the Developers Debug Tool page, find the Sharing Debugger tab, and paste the URL in question. You can now go to Posts > All Posts in your dashboard to view the posts in a list and make sure the featured images truly got replaced in the posts. Youve figured out how to upload a featured image and completed your post content. Get a personalized demo of our powerful dashboard and hosting features. Both cover and featured images function in similar ways, providing large photos at the top of posts and pages, yet they have some differences. 2023 Kinsta Inc. All rights reserved. Some of WordPress built-in image editing features include: The Crop tool is usually the most important, so click on that to activate the edit module. However, the 1200 x 628 pixels suggestion is just a starting off point. This gets around the idea of uploading an image to your WordPress Media Library and activating that image as a featured image. You can also do this with pages or click on the All Posts option if youre interested in adding a featured image to a previously generated post. Theres a long list of settings to mess around with, so its entirely up to you. Click the Edit Image link to proceed with the edit. Yeah inside the Editor, when editing a post, clicking the Settings, then scrollow down past Permalink, Categories, Tags, etc. Its easy to grab a quick image that relates to the article just to save time. The following block of code is what you can insert (or look for) in the functions.php file: Lazy Loading serves as one of the many methods used for optimizing images to improve site performance. Hello! We suggest running a test to see if the featured images actually show on Facebook or not. The last page presents the bulk edit results, with details about the posts that now have new featured images. As with most WordPress settings, these also tend to modify the way your featured images appear. Several factors can influence your header image not showing in WordPress, such as: An HTTP error due to the WordPress memory limit exhaustion. Regardless of whether setting a proper alt text for images helps with SEO, you should do it anyway for accessibility reasons. Under there, youll find a field called Featured Image. A WordPress featured image functions as a visual welcome card, a cue to visitors to come on in and enjoy whats behind a link. Starting with dimensions, all websites, or more specifically, the website themes, have varying dimensions for featured images in posts. Stick with landscape sizes over portrait photos. Here are some plugins that tend to include lazy loading features: Each WordPress page and post template specifies a featured images location. The most important option right now is the Include Image field. Yet, leaving your larger, high-resolution photos in their original formats will surely cause loading problems. No featured image complements the posts when sharing on Facebook. We recommend reading our guide on WordPress user roles to ensure everyone on your team can access and view featured images at all times. My guess is your Head navigation is not called in header.php check you file page.php and see the lines following <?php get_header (); ?> if the lines below introduce header navigation either move them into header or copy them into same location in your single.php file Share Improve this answer Follow answered Nov 16, 2016 at 16:03 Artem Ankudovich The new dimensions are also listed on the right side of the pop-up window. Search for the Cover block and click to add it. Furthermore, an engaging story isnt complete without the introduction, and thats exactly the purpose of a featured image. After you select an image, click the Set Default Featured Image button. Test a deployment on our modern App Hosting. You have to call the header too. Its also possible to locate all images on your WordPress site by going to the Media Library. Legal information. For instance, you could cut down each featured image to 25% of its original size. I suggest you to upgrade to pro. Also, I believe the classic editor should be a matter of choice instead of another plugin to install. Check out our guide here to learn more about the Facebook Debug Tool. However, keep in mind that an image uploaded to your blog posts content area doesnt have anything to do with the featured image, even if its the first photo you upload to that article. Without automated featured images, youre left with blocks of text and links to webpages. Click the Homepage dropdown field to reveal the list of pages you currently have active on your website. To move forward and see the featured image in action, click the Publish button. It eliminates a significant amount of manual upload work that could be waiting for you. Featured images look much better when the width is longer than the heightoften around a 2:1 ratio. You may see a simple list of links, along with descriptions from those posts. Essentially, this plugin suits those struggling to decide which featured image to use, or when one featured image makes sense at the beginning of the article, but another one looks better in a sidebar. The opportunities are plentiful with the Quick Featured Images plugin, so we suggest testing out the tools and seeing how you can bulk edit some of your older or non-functioning featured images to clean up the overall visual appeal of your website. Though theres no recommended size for a WordPress featured image, we suggest starting with 1200 x 628 pixels. Overall, its best to opt for a plugin that optimizes your images on a third-party server. However, you may have to update previously published posts for the default featured image to show up on those. All you have to do is click on the icon to insert it somewhere on the homepage. Its most likely because youve uploaded a featured image while also including the same image in your content as a cover or regular image. The good news is that all future posts without featured images will automatically add the default photo. Remove the selected image as the featured image. You are not familiar with PHP so you can use this plugin for the header image. The featured images for all blog posts in that feed appear as smaller thumbnails, providing a more visual experience for those looking for content. Click on Preferences to reveal a new pop-up window. As a good rule of thumb: If you didnt take the photo yourself or pay for rights, you might not be able to use it. Where do you go from here? You can reach out to your current hosting provider and ask them to expand the PHP limit. This brings you to the settings required to activate the Open Graph protocol and calibrate which content elements youd like to see when your posts and pages get shared to social media sites. Simply select the image by clicking on it, and then click on alignment button from the block toolbar. Although there are limited simple solutions to remove suspicious coding, your best bet is to stick with photos you either purchase legally or take your own photos instead of pulling directly from Google (which is technically illegal anyway) or finding images from sketchy websites. That means you cant simply take any photo and expect it to look great as a featured image. Skandha. Regardless, all of these errors are frustrating and confusing for users. This code snippet is a reference to your featured image. If youre still having problems, go to SEO > Social in the WordPress dashboard. You can see that two of my posts now have a new featured image, and theyre the same images. Again, Kinsta bans many Open Graph plugins, including this one. In general, the following solutions tend to help with error codes telling you that an image is either too large or not currently supported for uploading: Your hosting provider often sets the WordPress memory limitations. The FIFU plugin also includes features to auto-set featured images from images and videos by using iframe tags and other elements. If either is the case, open the page or post in question and look for the Featured Image block towards the pages right side. This section is outputting a style with a .site-header background image with a relative url; and is overwriting whatever it outputed before with the conditional is_page() codes. This could be just above your site's title and menu, for example. The whole point of a featured image is to serve as a visual introduction to the article, much like a title, and the first paragraph of an article provides previews to the reader of what they can expect to read. Insert any content you want for the blog post. Therefore, Kinsta bans the majority of Open Graph plugins as they can cause conflicts. Whenever youre done editing an image, you can click Enter to active the edit, and then Save the image. However, you also want to stick to a consistent theme. Usually, duplicate featured images arent two featured images, but one featured image and a separate photo in the articles content area. This shows that youd like to have a customizable homepage with the ability to add and remove block elements through page builders like Gutenberg. Plugin Conflicts. The plugin also has a wonderful native search engine that pulls from places like Google, Pixabay, and Unsplash. Itll avoid causing problems with your own server. Its not uncommon for brands to share a list of the most recent posts, yet a gallery or feed with just links may not attract as much attention. The Pexels collection isnt much different from your Media Library, except you have the luxury of finding beautiful photos without having to take them yourself. Now I just need to fix everything else on my website that I had turned off and messed around with while going slowly insane trying to trouble shoot a problem that was nothing to do with WordPress, themes or plugins GRRRRRRRR. Each file/page calls the header.php and displays it. Then scroll down through the settings. If its not there, click the Screen Options tab and mark the Featured Image checkbox to reveal it in the editor. Still, its far easier to know the core approaches to featured images to minimize problems in the first place. You can click on the Scrape Again button or simply refresh the page and paste your post URL in the field once more. The max height shouldnt matter as much since your featured images shouldnt be that tall. Overall, if youre editing an image, like a cover or a standard media item, youre not using a featured image in the WordPress post or page editors. Some non-WordPress image editing tools you can use are GIMP, Photoshop Express, and Paint.NET. You may have a lot of old posts that dont generate featured images when shared on Facebook. You have two options for grabbing URLs from your site. Did we miss anything important? If not, how do you go about fixing that problem? For simplicity, well stick to uploading featured images to regular WordPress posts and pages but if youre interested in learning more, heres a complete WooCommerce SEO guide that covers this & everything else, including Schema Markup up for your products and more. First, the plugin opens up the default limit that WordPress sets of having one featured image per post. You must host the image in a third-party location and ensure that it will be hosted there for the future. Think about installing a plugin that resolves problems for featured images without you having to do much work. However, you also want to use photos that actually look good, so you should still shoot for high-resolution photos as much as possible. Our feature-packed, high-performance cloud platform includes: Get started with a free trial of our Application Hosting or Database Hosting. Youll typically see this happens on post lists or at the top of a page or post, resulting in two of the same photos stacked on top of each other. I always prefer the classic editor. For instance, you might consider including things like the Site Name and Post Title but not having the URL. Plugins, although rather useful for building a WordPress website, occasionally have questionable coding. The great part about this plugin is that it doesnt replace the featured images you already have on your posts. Be sure to click the Save Changes button to activate the default featured image on your site. The featured image may not be in the right place inside the page or post template. Featured images are wonderful, but you may find that youre unable to see a featured image for a post or page for one reason or another. You also agree to receive information from Kinsta related to our services, events, and promotions. Besides, any image you use on your site, including featured images, shouldnt be that large, to begin with. In the WordPress Customizer, click the Change button for the Active Theme Select the Twenty Fifteen theme or another theme you want to use that supports and displays a background image. You have the option to choose one and click the Set Featured Image button. Scroll down to find a new field called Default Featured Image. Theyre vital to help your post or page move up the rankings. We recommend taking a look at his guide to walk you through those steps in detail. Regardless, you must bulk edit these featured images so that youre not spending hours editing each and every one of them. Every hosted image, including featured images, has metadata crawled by the search engines to figure out what your post or page is all about. The Quick Featured Images plugin handles bulk editing for featured images along with a myriad of other functionalities, like adding a default featured image for all posts or setting presets for default featured images.