The great part about this plugin is that it doesnt replace the featured images you already have on your posts. The Open Graph protocol is automatically activated for all WordPress posts and pages. Scroll through the list of pages to locate the one you assigned as the Homepage. Whenever you make a change, its good to go back to the Facebook Sharing Debugger Tool to promote Facebook to search for more data on the post. Scroll down to the section called Document Settings. For more such image optimization tips and tricks, read our in-depth image optimization guide. Such plugins may not be the best solution if they block the featured image from being shown on a Latest Posts list, or if they make the featured image load slowlythe featured image should load immediately for optimal user experience. Whenever youre done editing an image, you can click Enter to active the edit, and then Save the image. The following page explains which current featured images will be replaced by the future featured image you specified from before. Open the post or page in the editor. However, you may have to update previously published posts for the default featured image to show up on those. This should get you closer to the optimal featured image size for your theme. In those cases, you may go with the first or third options. 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. Lets take a look at the basic differences between cover and featured images. Therefore, it could help with issues you may see with upload size restrictions or even if your permissions arent set properly. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. Checks whether a header image is set or not. This means that youve turned off a setting on your dashboard to reveal the Featured Images column. Finally, you also have the option to visit theDevelopers Debug Tool on Facebook. Click the Save & Activate button. Click the + Block Inserter icon to add a new block. Kind Regards, Skandha. To start, install and activate the Open Graph and Twitter Card Tags plugin on your WordPress site. Start your free trial today. Several tools are available in the Edit Image pop-up, but the most trusty of them is listed on the right side, and its titled New Dimensions. The featured image is too small or too large. This button has disappeared for me on WordPress. Thats how it should be if you want the functionality of a featured image with no duplication! Here are some plugins that tend to include lazy loading features: Each WordPress page and post template specifies a featured images location. All selected images appear as thumbnail previews in the plugins dashboard. That means you cant simply take any photo and expect it to look great as a featured image. You can do this by simply asking the theme developer, reading the documentation, or going to the functions.php file. Remove the selected image as the featured image. It allows you to swap out several previously listed uploaded featured images, making all of them the same image. You can also test this out for the other social networks like Twitter and Pinterest. So after a serious research, I realized that, I need to export both post and media as well. Disable Lazy Loading 4. However, well recommend a few Open Graph plugins to resolve issues if any of your websites are running on another web host. But this is a reminder to ensure that your hosting provider either provides the tools needed to render featured images or find a plugin that activates the Open Graph protocol. 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. That means only those images will get replaced by the new image. You would select those images later and swap every single one of them out in place of the new one. 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. By submitting this form: You agree to the processing of the submitted personal data in accordance with Kinsta's Privacy Policy, including the transfer of data to the United States. In the Preferences overlay, click on Panels on the left. It eliminates a significant amount of manual upload work that could be waiting for you. Giving it a new position within the template will also tell WordPress that it should render somewhere else on the frontend. However, the 1200 x 628 pixels suggestion is just a starting off point. Furthermore, an engaging story isnt complete without the introduction, and thats exactly the purpose of a featured image. Select the image you like, then click on the Choose Image button. Problematic WordPress themes or plugins. You may have a lot of old posts that dont generate featured images when shared on Facebook. Again, in this tutorial, we named the page Homepage, but you may have something different. 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. After you select an image, click the Set Default Featured Image button. Because of this, pasting and Debugging the URL in the Sharing Debugger Tool from Facebook could actually solve your problems altogether. The true advantage of a plugin like OG is that it doesnt require any configuration after the installation. Scroll down to the area called Image Settings. These best practices cover everything from design recommendations to uploading tactics, enabling you to feel confident about all featured images while also cutting down on the amount of time you spend with featured images. I installed the plugin: "Options for Twenty Seventeen" and made some changes to my site. Do the same for footer.php to get the footer. You may have noticed how some popular blogs use images with text wrapped around them. If youre targeting a keyword, this metadata is a great opportunity to show search engines that the image is relevant. The plugin generates a featured image from the first image in a post, but only if the featured image is not already configured. This helps speed up your featured image creation process while also helping your brand. A thumbnail of the image you go with shows up under the Featured Image panel in your Post Settings. Check this box so that the featured image from a WordPress post or page gets populated upon sharing to Facebook. Scroll down in the Block settings tab to view the options available. For instance, the Image Size field tells your website how large to make those featured images in the list or gallery. The image is showing on pages that use a different header. The Featured Image Settings are towards the bottom. Problems with featured images stem from various problems. Youll see a message that tells you the Image Saved. This is due to a wide variety of reasons. You may want to move the featured image to another location, like below the first bit of content or above the byline with the authors name. To fix the situation, find and click on the Screen Options tab in the dashboards upper right-hand corner. However, Lazy Loading often causes problems with featured images since some Lazy Loading plugins treat featured images as regular images. How to Fix WordPress Featured Image Not Showing: 7 Solutions 1. Configure WordPress Dashboard Settings 5. Here, enable the Display featured image option. It helps with cleaning out those posts where you forgot to add a featured image or, at some point, removed it due to the original featured image not holding up to your standards. February 22, 2022 at 2:36 am #300302. Make your site accessible to them. You have to be on the Posts or Pages panel for the right Screen Options panel to appear. You probably have the Different First Page box checked in the Options section of the Header & Footer Tools>Design tab of the ribbon. It takes every URL on your site and exports them into a simple document. It uses a widget and shortcode, both of which ask which of the featured images youd like to display whenever implementing one of the tools. Easy setup and management in the MyKinsta dashboard, The best Google Cloud Platform hardware and network, powered by Kubernetes for maximum scalability, An enterprise-level Cloudflare integration for speed and security, Global audience reach with up to 35 data centers and 275 PoPs worldwide. The Cover block gets placed into the content editor, far away from the area in which we saw the featured image. Here, you can set everything for the Open Graph sharing protocol, yet specific unique traits for Facebook only. The Preview button also does the trick for testing a featured image, but the public cant see it until you hit Publish. Participant. Although automating the process isnt for everyone, there are tricks to ensure that a WordPress featured image is always shown for posts and pages, minimizing the chance that an author forgets to upload one. Our last option for turning on the Open Graph protocol to reveal featured images is called the Open Graph and Twitter Card Tags plugin. You can insert a Cover block anywhere in a post or page, not just at the beginning. The plugin works with posts and pages, including custom posts and WooCommerce products. To add the featured images, click on the Latest Posts block. However, you may find that the theme has removed featured images in the coding, and it doesnt have any additional tools to override the lack of featured images. Its important to test out how the Default Featured Image works on your site. If allowed, you can also change the PHP memory limit on your own by editing your sites wp-config.php file. Find and select the triple-dot icon () in the far right corner of the dashboard. Or if the featured image fails to show up on social media, but its working fine on your website. Note: You can upload WordPress featured images to posts and pages, but that basic rule expands once you start adding things like WooCommerce product pages and custom post types. For free, a fee, or with attribution. Premium Responsive WordPress Themes with advanced functionality and awesome support. We suggest running a test to see if the featured images actually show on Facebook or not. such as page.php, single.php, archive.php and so on. Regardless, select an image, or multiple images, by holding down the Shift key while choosing the images, and click the Choose Images button to proceed. Well only cover how to fix your featured images with built-in WordPress tools for this tutorial. This tells us the plugin is doing its job by adding the default featured image to the right posts and leaving out the ones that already have featured images. Its a must-read to speed up your WordPress site. If youre having problems with the SEO plugins discussed above, or you simply dont plan on using an SEO plugin (and therefore, dont have access to a quick Open Graph activation button), there are a few other options to activate Open Graph. Thats because theres no need to activate an Open Graph plugin with Kinsta. One way to complete this task is by opening up your Facebook account and pretending youre about to share a status update. These dont control your featured image, but they show up right below the featured image, so its important for displaying the content. body a.novashare-ctt{display:block;background:#00abf0;margin:30px auto;padding:20px 20px 20px 15px;color:#fff;text-decoration:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border:none;border-left:5px solid #00abf0}body a.novashare-ctt:hover{color:#fff;border-left:5px solid #008cc4}body a.novashare-ctt:visited{color:#fff}body a.novashare-ctt *{pointer-events:none}body a.novashare-ctt .novashare-ctt-tweet{display:block;font-size:18px;line-height:27px;margin-bottom:10px}body a.novashare-ctt .novashare-ctt-cta-container{display:block;overflow:hidden}body a.novashare-ctt .novashare-ctt-cta{float:right}body a.novashare-ctt.novashare-ctt-cta-left .novashare-ctt-cta{float:left}body a.novashare-ctt .novashare-ctt-cta-text{font-size:16px;line-height:16px;vertical-align:middle}body a.novashare-ctt .novashare-ctt-cta-icon{margin-left:10px;display:inline-block;vertical-align:middle}body a.novashare-ctt .novashare-ctt-cta-icon svg{vertical-align:middle;height:18px}body a.novashare-ctt.novashare-ctt-simple{background:0 0;padding:10px 0 10px 20px;color:inherit}body a.novashare-ctt.novashare-ctt-simple-alt{background:#f9f9f9;padding:20px;color:#404040}body a.novashare-ctt.novashare-ctt-simple-alt:hover,body a.novashare-ctt.novashare-ctt-simple:hover{border-left:5px solid #008cc4}body a.novashare-ctt.novashare-ctt-simple .novashare-ctt-cta,body a.novashare-ctt.novashare-ctt-simple-alt .novashare-ctt-cta{color:#00abf0}body a.novashare-ctt.novashare-ctt-simple-alt:hover .novashare-ctt-cta,body a.novashare-ctt.novashare-ctt-simple:hover .novashare-ctt-cta{color:#008cc4}WordPress featured images not showing properly on your site? Make sure the right featured image is selected in the Media Library. Switching it to Large or Medium adjusts the sizing of all featured images in the block and adds more of a landscape view depending on your featured images dimensions. The Add Block button looks like a + sign. You can search for the Cover block or scroll through the library to find it. Locate the Settings panel towards the right side of the page. This is a frustrating one because its a simple setting in the dashboard that tells WordPress to either show the Featured Image section or not. Youve figured out how to upload a featured image and completed your post content. Incorrect references in image URLs. 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. Therefore, we recommend checking your themes support for featured images. This is the only section of the dashboard that gets changed by the Default Featured Image plugin. The featured image should quickly appear whenever someone wants to share one of your posts or pages on a social network. To add content to your homepage, and to adjust the settings for the blog feed on that page, go to Pages > All Pages in the dashboard. To adjust the location of a featured image, go to the page or post template being used. Without automated featured images, youre left with blocks of text and links to webpages. Though theres no recommended size for a WordPress featured image, we suggest starting with 1200 x 628 pixels. 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. You may see a simple list of links, along with descriptions from those posts. The longest list of the most common WordPress errors and how to quickly fix/troubleshoot them (continuously updated). 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. A big part of making sure featured images look right is to understand the best practices before uploading them to your WordPress site. The Multiple Featured Images plugin boasts several features that come in handy when troubleshooting and resolving your featured images problems. Upon activation, you can go to Code Snippets Header & Footer from your WordPress dashboard. For instance, you could type in a 2 x 1 aspect ratio. Also, make sure the width of the image is set to 1080px. To begin, go to your WordPress dashboard. If thats the case for you, youll have to consult with the plugins developer. An odd page header\footer. The screenshot below tells us that our featured image is showing up just fine. I disabled it , proved it worked, then enabled it to test and noticed that when enabling it again, this time it had automatically added in the new websites into the exceptions list and now everything works again!! After all, its difficult to shrink, resize, and crop every image manually you plan to upload. We particularly like its ability to set rules for your past and future featured images. 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. Click on the Preferences menu (the three vertical dots at the top right). Another concern is that a certain page or post in your WordPress files isnt accessible because of user permissions. The Link Preview area shows you exactly what your post will look like if you, or someone else, shares it on Facebook. A theme or plugin usually defines it. A column called Featured Image is supposed to appear after the Post Date. Honestly, I really dont like the Gutnberg editor. This should be empty, asking you to upload a featured image. We have an excellent guide on optimizing your WordPress images. Clicking on that brings you directly to the WordPress Media Library. The Auto Featured Image plugin provides a unique option for fixing featured image problems. Check out our guide here to learn more about the Facebook Debug Tool. Page header meta box says it's using my 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. You can find the Featured Image in the right-side Settings panel for all posts and pages. A featured image serves as the primary post or page image representing the entirety of that article when it gets shared or distributed elsewhere on your website or online. Click on the Featured Image panel to open its settings. Please leave a comment below if you have any questions about featured images or problems with WordPress featured images. The plugin is lightweight and doesnt offer any other features, making it ideal for those not interested in anything besides fixing the Open Graph issue. It should have a Front Page label next to it. Also, you may have to configure a specific theme setting so that featured images are populating for all posts. It often presents useful information in the form of a photograph or graphic image, granting the user a sneak peek into the information behind that link. After all, a theme or plugin could be causing the problem. But what if thats not the case? The big question is whether or not the featured image for a post gets rendered properly when you share a link on Facebook. We recommend only using a media hosting platform, or maybe another website host that you own yourself. I felt I should post it here for those having same issues. If youre still not having success with that, consider going to the Facebook Sharing Debugger to ensure Facebook knows how to crawl your website, as thats usually the problem if you already have the Open Graph protocol activated. Click on the Cover block to insert it into your post or page. It may sound silly to some, but many WordPress beginners dont know how to upload a featured image in the first place. Where do you go from here? Pay for photos on sites like Shutterstock and iStockPhoto. 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. Its also possible to locate all images on your WordPress site by going to the Media Library. Think about installing a plugin that resolves problems for featured images without you having to do much work. We dont recommend trying to enlarge an image as itll only make it blurry. It looks like only two of the images selected are actually stored as featured images in our posts. Featured images look much better when the width is longer than the heightoften around a 2:1 ratio. Type in the new dimensions and click the Scale button. The Featured Image from URL, or FIFU, plugin allows you to take an external image and use it as a featured image for a post or page. WordPress added the Cover block to its Gutenberg editor only recently. There are many ways to go about it, and well cover them all. Note: Featured images get pulled from WordPress and populated on social media sites with the use of something called Open Graph. Header Image is Not Showing Up in Posts Because It's Not Placed in the Correct Location If your header image is not showing up in posts, it's likely because it's not located in the correct location. Just make sure to test your featured images are uploaded and set properly before embarking on more advanced solutions. Go to the post in question, click on the Share to Facebook link, and see if the featured image appears in the pop-up window. To find and upload a featured image, move your attention to the post Settings panel on the right-hand side. You can include your header image in your posts by placing it in the tag of your WordPress site's root document. You may also want to set a Default Image URL to appear if a post doesnt have a featured image assigned to it. To begin, go to your WordPress dashboard. Insert any content you want for the blog post. Theres quite a bit of information about how your URL interacts with Facebook, but all you need to look at is the preview. After entering the code, click the 'Save Changes' button. These are excellent tools for replacing poorly designed featured images or fixing problems when certain featured images dont show up in the first place. As with most WordPress settings, these also tend to modify the way your featured images appear. For example, you might complete an action with multiple pages. Theyre vital to help your post or page move up the rankings. For instance, the last image in a long article doesnt necessarily have to load until the user scrolls down to the bottom of the page and gets to that image. However, if you right click this rectangle and choose 'View image', the correct image is shown. Rather, quickly explain whats in the picture and potentially add the keyword to boost your rankings. It could be a good thing but it downgrades the development experience. Theyre all telling you that Facebook is either having trouble accessing the Open Graph data from your website, or theres no Open Graph data, to begin with. We recommend you follow these steps to ensure youre doing it the right way. The only problem is that it doesnt tell you which of your Media Library images have been previously uploaded as featured images. All you have to do is paste the post link into the Facebook status field (you can also do this on personal or business pages) and wait to see if the post content gets rendered, along with the featured image. Itll avoid causing problems with your own server. You also agree to receive information from Kinsta related to our services, events, and promotions. Problem with image name. Here, youll see a Progress Bar at the top of the page. Whats great about Yoast SEO is that simply installing the plugin may do the trick for activating the Open Graph protocol for social sharing. Its easy to grab a quick image that relates to the article just to save time. Plugins, although rather useful for building a WordPress website, occasionally have questionable coding. Thats a tremendous problem. Visuals can be decisive in your content marketing plan. Hence, this issue is exclusive to those using it. You may discover that your theme does well with slightly wider or shorter featured images. Thats a sure-fire way to eliminating legal problems. For example, you may rather have one featured image appear in the sidebar, but a different one shows up when the post is in a list on your homepage. This is particularly important if youre highlighting your recent posts on the homepage. 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. Its also common to see varying degrees of featured image problems. Usually, duplicate featured images arent two featured images, but one featured image and a separate photo in the articles content area. When I exported post and media and imported on my new site everything was fine eventually. One of the more frustrating problems with WordPress featured images not showing involves the dashboard settings. This column reveals the thumbnail version of that featured post to give you a quick idea of what will appear on the frontend of your site. Make sure its on the Block settings tab. The next best method is using a managed host like Kinsta, which already has Open Graph configured for you. The featured image has its own section for uploading, away from the content editor. For instance, you may notice that the featured image appears nicely on your own website, but it has trouble rendering when a post is shared to a social site like Facebook. Its used to show the start of a new section or an article. If the featured images now work, one of your plugins was the issue. All of them allow you to adjust or get rid of the current featured image. After all, a post shared on Facebook with no image wont gain much traction. First, you can do it from your WordPress site's dashboard via the Kinsta Cache tab in the left sidebar and the Clear cache button: How to clear Kinsta page cache in WordPress Dashboard Second, you can also clear your site's cache via your MyKinsta dashboard. This code snippet is a reference to your featured image. Note: Youre always able to come in here and change the static homepage. Check to see if you can now upload and see your featured images. 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. Not all themes have the same featured image settings. Go to its Post Settings panel and open the Featured Image section. You may be having trouble uploading the featured image the right way. Then scroll down through the settings. This step involves choosing the image youd like to have shown as the new featured image for a few of your current posts or pages. Once everything is configured, hit the Publish button. I suggest you to upgrade to pro. Plugin Conflicts. Now that you have the featured images ready, get sharing! Go to Appearance Editor. Unfortunately, we cant walk you through the solutions to these issues as it requires you to either look into the theme settings or contact the theme developer. For more details, you can see our guide on how to add header and footer code in WordPress. Another way to see your featured image is to create Recent Post galleries or feeds to your blog, usually elsewhere on your website. It is then presented as the primary image for that website item whenever the article gets shared on social media and other sites. Get a personalized demo of our powerful dashboard and hosting features. Once everything looks good and youve decided that those old featured images are ready to be replaced, click the Apply button to finish the bulk edit. All other image editing tools are located above the featured image preview. 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. Although it may be a temporary fix, this can also prove useful for setting permanent featured images on pages and general blog posts.