This will show you how to add an image to WordPress using good SEO and optimization practices.
This means preparing the image for web display, naming the file before uploading and adding Alt Text for good search engine visibility.
How to Add an Image to WordPress
This guide will help you develop a workflow for your images that is fast and effective for publishing, SEO and internal search.
1. Prepare your image.
This means optimizing the quality and resizing the dimensions of the image using an application. This ensures good quality, and a small enough file size to make your pages load as fast as possible.
NOTE: WordPress automatically creates thumbnails from your uploaded image based on your settings at Settings >> Media.
Image optimization applications:
Next you need to name the file itself with relevant keywords that make SEO and internal media search easier.
WordPress will automatically add dashes between the words in your file after being uploaded, so you are free to add your keywords with spaces.
2. Upload the image file.
It can be moved later but it’s easier to place your cursor where you want your image to end up.
In the post edit page, click the Add Media button.
You can also access the media uploader directly by navigating to Media >> Add New.
You’ll be presented with the Insert Media window.
You can drag and drop any number of media files into this window, or click the Select Files button to open a dialogue box.
3. Edit the image properties.
Once the image has finished uploading you can edit the image properties and choose its display settings.
- Title – Displays when the mouse cursor hovers over the image and in galleries.
- Caption – Displayed underneath the image on your page. Your currently active theme determines the styling and can include basic HTML.
- Alt Text – Used when the browser can’t render the image and for visually impaired users. Also critical for Search Engine Optimisation (SEO) visibility.
- Description – Displayed on the images attachment page and can be displayed by the theme.
- Alignment – Determines whether the image is centered with space either side, floats left or right which allows text to flow around it, or with no alignment at all.
- – Controls whether the image is also a link and if so where it goes. If you choose Media File it will link to the original.
- Size – Choose the width/height that is closest to the display size you want. The smaller the file the faster your pages will load.
4. Place and edit the image.
Click the Insert into post button. Your image will appear in the post edit page.
You can edit images in your post by clicking them once.
From here you can:
- Edit the properties and display settings.
- Delete it (from the post only).
- Resize it by clicking and dragging from one of the corners.
- Place the image in a different spot by clicking and dragging from the center of the image.
Now that you’ve got some basic practices for preparing and uploading images in WordPress you can speed up the process.
Questions? Let us know in the comments.