From the course: WordPress Ecommerce: WooCommerce

Adding an image to a product

From the course: WordPress Ecommerce: WooCommerce

Start my 1-month free trial

Adding an image to a product

“

- [Narrator] Earlier, we added the absolute bare bones for a project, which are the title and the price. Next up are the most visual elements and that is the product photo. The photo is one of the most important parts of your product page. However, the data around what types of product images are still up in the air. With certain industries, you want to have a large image. And with some, you want to have an image with a bit of white space around it. If we look at this research by conversion XL, we can see that for functional products, like cameras, hard drives, computers, et cetera, a large image tends to work better. For design-heavy products, like fashion, jewelry, illustrations et cetera, an image with a bit of white space tends to work a little bit better. The theory behind this is you need the white space to help viewers really appreciate the design. Whereas for functional products, like hard drives, just show me the big image. I don't need any white space to appreciate it. So for H plus sports, we're selling protein bars, mineral water and supplements, which are more functional. So we're going to want to use images that don't have too much white space. I have an image on my desktop ready to go. Before I upload it, I'm going to do one thing. I'm going to make sure that my files names are more helpful for search engine optimization. In WordPress, it's really hard to rename files once they've been uploaded. So I always spend a few minutes doing this before I upload an image to my site. So here's the image I want to use. I'm going to click return, so I can edit it. And I'm going to remove this 600 PX, Google doesn't need to know that. And if you don't already have this, go ahead and put dashes between the words. WordPress should automatically do that but I just like to make sure it's done right. And lastly, make sure the file name describes the product. Just one or two words that name the product. So multivitamin is perfectly good. But if your file name is IMG12345, that is a bad file name. This is free SEO that most people miss out on. Let's go ahead and upload this image. We'll go back to my website. To my edit product page. And let's go ahead and scroll down. And before we upload this, I want to show you a WordPress trick. You can rearrange these admin panels at any point and it will be saved that way for your user account. So lets scroll down to product image, and I want to move this above tags and I want to move this above categories. And we'll scroll down again and do the same thing with the product gallery. Now these will always be here on this edit product page. Let's go ahead and click set product image. And we'll click upload. Go to the desktop. And click multivitamin. Once it's done, you could click set product image and it would work perfectly. But with just a few extra seconds per image we can add extra information to further help search robots which will help our SEO. Let's go to the title right here. I'm going to now capitalize this, so it's Multivitamin and that'll be fine. And if there were separate words here, so for example, if multi-vitamin was two words, I could do that. Just going to copy this and place that in the ALT text so people who need screen readers know what this is. And now we can click set product image. And then we can click update on the edit product page. And if we view the product page, now we'll see the image. I'll open this in a new tab. And there it is. Now your customers see what they're buying.

Contents