Add Search Engine Friendly Images To Your WordPress Site
Adding images to your website increases both readability and user conversion rate. Keeping visitors on your site give you more time to show off your company and allows your website to give users enough information to make a purchase or otherwise connect with your site.
To add photos to your website follow
Choose and prepare your photo:
- Chose a quality photo that helps convey your message and is appropriate to your blog. For tips on taking great photos for your blog click here. You can find photos in your personal file, stock photography or by searching for copyright free images. With copyright free images you usually have to credit the owner of the photo with a link. Be sure and check the fine print. If you are selling a manufacturer’s product, the manufacturer almost always has photos you can use at no charge. Remember, they don’t make money unless you do.
- Images that are too large slow down your website and people are not willing to wait for a slow site to load. Make sure your photo is web-friendly. There is lots of photo editing software that will let you save an image for web. I usually pull photos into Photoshop or Photoshop Elements and and convert the photo. Regardless of pixel size, I try to keep photos to 50 kb or less. Not everyone agrees with my guideline. Some people need larger photos to show their work or products,but a 50 kb image usually has enough detail and helps keep your site running fast.
- Save the image as a jpeg.
- Save your image with a search-engine friendly name. Search engines can’t interpret numbers. Is your photo of a kitten drinking milk? Then name your photo with that detail.
- You can add images directly to to the post or page, but I recommend adding it to your media library. With the image in your media library you can access it from any part of your website and you can allow any with appropriate editing privileges to also access the images.
- Go to the left size of the page in editing mode and choose →media →add new
- Since you’ve optimized your image for the web and saved it to your computer you need to choose the file from your computer and click “upload.”
- After your photo is uploaded, add a description of the photo in the space for alt text.
- Go to posts or pages and select “add new”. If adding a picture to an existing post or page, open the document by clicking “edit” on the page or post options.
- Place your cursor where you would like the image to appear, then click on the upload/insert media icon above your post/page editor.
- You can choose to add images from your computer, the gallery, a URL or the media library. Since you your image is in your wordpress media library, choose →media library option.
- Once the uploading/crunching process has completed, you will be given the option to edit some settings before inserting the image into the post/page.
- Title – You name your photo when you saved it for the web, so this is done. If you didn’t, then give your photo a logical title.
- Caption – Here you can choose whether or not to add a caption. Not sure? Add one and see how it works. If you don’t like it, just click on the the photo and hit edit icon and remove the caption.
- Description – This is the place to add a description that will help you remember what the photo is. This description only shows in your WordPress dashboard and attachment pages.
- Link URL / Link Image to – You can link the image to the original or leave this information blank so that the image doesn’t link to anything. If there is not benefit to linking to the original image, don’t link. Linking just adds and step for your users. If you want to link to the URL of the original image, click the File URL button to link the image to its original, full-size version. Click the Post URL button to have the image linked to its attachment page.
- Alignment – Choose the position of the photo on your WordPress site. Not sure if you want it left, right or centered? Choose different options to see what works best with your website or blog.
- Size – Is your image a little too large for your page? You can adjust the display size here.
- Save – Be sure and click on “save all changes” before you exit.
- Click → Insert into post when you are finished with all of your changes.