The Importance of Uploading Images Correctly in WordPress
Sometimes, users copy images directly and paste them into website content. This can lead to issues such as slow page speed, poor user experience and poor SEO.
When adding an image to theWordPress websiteWhen doing so, it is important to do it correctly. Use the correct file format, filename and alternative text.
We recommend naming images with descriptive words separated by dashes.
Adding images correctly also means resizing them so they load quickly and look good on all devices. For example, some image formats, such as JPEG, have higher compression rates than others. This means that JPEG images take up less server space and take less time to load.
By using these formats as well asImage Compression Pluginthat can improve the user experience of a website.
Similarly, image blocks in WordPress can be used to properly optimize images for SEO andAlternative text. This makes it easier for search engines to index images.
can be improvedWebsite RankingThe
How to Add Images in the Block Editor (Gutenberg)
Images can be added to the WordPress block editor using image blocks.
First, open the existing or new page/post to which you want to add an image.
Then, tap the top left corner of the screen on the "Add block" (+) button to open the block menu. From here, to find the "photograph" block and add it to a post or page.
When finished, click "media library"button to launch on the screen."Select or upload media"Tip.
Here, if you upload images locally from your computer, you can switch to "Uploading files"Tab.
However, if you want to add images from the media library, then you can also do so by switching to "media library" option to do so.
When adding an image, add theAlternative text. It can be operated in the left column.
Alternative textwith regards toImage SEO It's important because it helps search engines understand the context of the image.
It is also possible to add a description of the image in the right column "caption"and"descriptive". The description is the visible text description of the image, while the caption is displayed when the user hovers over the image.
Next, click "option" button to add an image to a page or post.
Now that it's uploaded, you can further customize the image size, dimensions, borders, and style from the block panel on the right.
Finally, click "update"or"post" button to save the settings.
The image has now been added correctly in the Gutenberg editor.
Adding Images to the WordPress Media Library
It is also possible to add images directly to the media library. After adding an image to the media library, you will also need to open the post or page and insert the image block.
To add images from the media library, go to the WordPress admin area in theMedia" adds a new page.
Then, click on "Select File" button to upload a picture from your computer. Then click next to the picture on the "Edit"Link.
To"Editorial media" page, where you can start changing the title of the image. After that, scroll down to add alternative text, title and description.
When you are done, you can also click "Edit Image"Button.
This will lead to another page where you can crop, zoom, rotate or flip the image to your liking.
Once you are satisfied, click "update" button to save the changes.
Return"Editorial media" page, click again on the "update" button to save the settings.
Then you have successfully added the image to the media library.
Next, visit the post you want to add this image to from the WordPress admin sidebar. Then, click "Add block" (+) button will "imagery"Block added to post.
Next, select "media library"Button.
It will launch on the screen "Select or upload media" prompt and see the uploaded image in the media gallery at the top.
When you select it, you will see that its title, alternative text, caption and description have been added to it from the Media Library page.
Now, click on "option" button to upload the image to the block editor.
Finally, click "post"or"update" button to save it.