How to Change the Featured Blog Post Image Using OzSpeed hPanel

The featured image of a blog post is the main visual element that appears on your blog listing, social media shares, and at the top of your post. It plays a crucial role in attracting readers and setting the tone for your content. With OzSpeed’s Website Builder, you can easily update or replace the featured image of any blog post. Here’s a step-by-step guide on how to change the featured blog post image.

---

Step 1: Access the Blog Editor in hPanel #

To begin changing the featured image, open the Blog Editor in hPanel.

1. Log in to hPanel at ozspeed.com.au.
2. Go to Website Builder > Edit Site.
3. Click on Blog in the toolbar or select Blog Posts from the left-hand menu.

Tip: #

• Choose a high-quality image that aligns with the content of your blog post and captures the reader’s attention.

---

Step 2: Open the Blog Post for Editing #

Select the blog post for which you want to change the featured image.

How to Select a Post: #

1. In the Blog Posts section, scroll through your list of posts or use the Search Bar to find the specific post.
2. Click on the Post Title to open it in the editor.

Tip: #

• Use filters like Published or Drafts to quickly locate the post.

---

Step 3: Remove the Current Featured Image #

Before uploading a new image, you may want to remove the existing featured image.

How to Remove the Current Image: #

1. Click on the Featured Image section in the Blog Editor.
2. Click the Remove Image button to delete the current featured image.
3. Confirm the removal if prompted.

Tip: #

• Removing the current image before uploading a new one can help avoid any caching issues.

---

Step 4: Upload a New Featured Image #

Now it’s time to upload a new image from your computer or select one from your Media Library.

How to Upload a New Image: #

1. Click on Add Featured Image in the Blog Editor.
2. Choose Upload Image to upload a new file from your computer, or click Select from Media Library if the image is already uploaded.
3. Browse your files and select the desired image.
4. Click Apply to set the new featured image.

Tip: #

• Use high-resolution images (minimum 1200×628 pixels) for optimal display, especially when sharing on social media.

---

Step 5: Add Alt Text and Optimize the Image #

To improve SEO and accessibility, add Alt Text for the featured image.

How to Add Alt Text: #

1. Click on the Alt Text field in the image settings.
2. Enter a brief, descriptive text (e.g., “A scenic mountain landscape at sunset”).
3. Click Save.

Tip: #

• Use keywords in your alt text to boost the SEO of your blog post.

---

Step 6: Preview the Updated Blog Post #

Before publishing, preview the blog post to ensure the new featured image looks correct.

How to Preview: #

1. Click Preview in the top toolbar.
2. Check the featured image on both desktop and mobile views.
3. Click Exit Preview when you’re satisfied.

Tip: #

• Use an incognito window or clear your browser cache to see the changes as a new visitor would.

---

Step 7: Publish the Updated Blog Post #

Once you’ve confirmed the changes, publish the updated blog post to make the new featured image live.

How to Publish: #

1. Click Publish in the top right corner of the editor.
2. Confirm the changes.

Tip: #

• Share the updated post on social media to showcase the new image and attract more readers.

---

Troubleshooting Tips #

1. Featured Image Not Updating:
   • Clear your website cache in hPanel and your browser cache to see the latest changes.
   • Ensure the new image has been saved and applied correctly in the Blog Editor.
2. Image Quality Issues:
   • Use high-resolution images to avoid pixelation or blurriness.
   • Check the image size and format (JPEG or PNG are recommended).
3. Featured Image Not Displaying on Social Media:
   • Use the Open Graph settings in the SEO panel to ensure the correct image is used when sharing the post on platforms like Facebook and Twitter.
   • Update the social media cache using tools like Facebook Sharing Debugger if the old image persists.

---

Additional Tips: #

• Keep Your Featured Images Consistent: Use a similar style or theme for all featured images to create a cohesive look across your blog.
• Test Different Images: Experiment with different types of images (e.g., photos, illustrations) to see what resonates best with your audience.
• Optimize for Speed: Compress your images using tools like TinyPNG before uploading to ensure fast loading times.