Images are a very important part of your content, not just an embellishing addition. They play a vital part on your blog. After all, you add them for a purpose. So why image optimization in WordPress is so importanat?
Big images will make your website work slower; loading will take more time, which may dishearten your readers as well as lower your rating in Google, which takes into account the speed of the site in the search rankings.
Optimize your images in order to speed up your site.
It’s not hard at all, don’t worry. Just stick to the rules written below:
STAGE 1. Image optimization in WordPress – Before you upload images to you WordPress site.
1. Choose image file format
you can save your images as .jpeg files or .png files – there is a significant difference between them.
The best file format for saving images is JPEG (although it’s true that JPEG lowers the quality, it also lowers size of the file, which is more important)
PNG – it’s great for saving icons and logo, as well as anywhere you need transparent images (PNG – higher Quality, higher file size)
On our site you will find mainly JPEG images.
2. Rename your images
never add images with a name, such as: DSC0002151.JPG or IMG_000254. These names don’t make any sense. Choose key words to desribe an image. If an image depicts a sunrise in the Himalayas, and you are just writing an article it, name your picture as follows: himalayas-sunrise.jpg
3. Resize your image
so that it is as big as you need – but not bigger. Never add an image, which is bigger than you need.
despite the fact that an image will be seen as small, it’s whole size must load on your site.
Resize minimizes the measurments of your image, such as width and height (in pixels). Resize is to reduce the size of the image, its width and height in pixels.
GOOD TO KNOW
Never upload images from a camera directly on your site. These are enormous files, which may damage your blog. Big pictures put a lot of strain on your website, making it load slower – and that’s something no search engine like.
There are many tools, which may help you make your images smaller.
4. Compress images
During compression, images do not change (so their width and height in pixels remain the same). However, due to the lessening of quality, the size of an image (measured in kylobytes) changes.
Now, you can freely proceed to the stage 2.
STAGE 2. Image optimization in WordPress – After you upload images to your WordPress site.
Go to Media > Library click on the image you find intresting and fill the spaces below.
1. Add image title
WordPress will automatically add a title based on the image’s name, but you can change it here if you wish.
GOOD TO KNOW
This title is used exclusively by WordPress media library in order to screen the lists of multimedia files. It helps to find a specific file. It keeps everything in order as well as it sorts images in WordPress media library.
In WordPress you also have Image Title Attribute, which serves as a proper name of an image. It is also important for SEO.
Below, I will describe how you can add Image Title Attribute to your images in WordPress.
2. Add Alternate Text – Alt Text
Alt Text is where you describe your image, so that the search engines, which see only text (they do not recognize images), knew what these image present.
By using Alt Text you are helping search engines to screen your images in image search results.
GOOD TO KNOW
Screen reader users have access to Alternate Text. Alt Text provides them with a text version of images.
In visual browsers Alt Text is screened when an image is broken or has been turned off.
Imagne that a blind person is looking through your site, and they use a screen reader, which will read everything, but not imgages. Attach Alt Text description to them, and your content will be avilable for everyone.
3. Add Caption
Caption is a small part of text placed under the image. It is a description, which users see on your website under a concrete image. It proves to be very useful, when you want to enclose additional detailes concerning your image.
Caption is useful not only for users, but also for search engines, which are able to grasp the content of a given image in a better way, thanks to the additional information – and that improves the search results.
Should you add caption under images that do not really need it? The answer is no. Never do it when it is not necessary.
Caption should primarily serve as the additional value for the user (a person, who reads your post). Caption’s role as a valuable information for a browser should be treated as a side effect.
4. Add Image Title Attribute
At the end, you need to fill Image Title Attribute space. In order to do that, click on the image you had put into text editor, and go to Edit, then expand ADVANCED OPTIONS.
Write the title in Image Title Attribute. It would be great if it reffered to the topic of your post or your website’s key words.
On your site it will be visible, when you move the cursor over the image.
GOOD TO KNOW
Image Title Attribute and Alternate Text – Alt Text are the most important attributes of a picture. ALWAYS use it to save your images.
Image Title Attribute and Alt Text description’s of a given image should differ, they should not be the same.
Image Title Attribute and Alt Text should have key words in their descriptions.
Remember that key words are important, when you are describing the elements of your site. However, they will cause damage if you overuse them, so be careful.
It is important to consider good SEO rules, but the most important rule, which you should always remember, is that you write for people, and not for SEO robots. Besides, you have something to say, and you want others to hear it. Right?:)