How to add an image to a WordPress website

It is vital to add images to a website or blog—on every post or page if possible. Search engines expect to see images because a web page should appeal to a human audience. They understand that humans are visual, and readers are more satisfied with the appearance of images.

So, search engines rank web pages higher when they see they are included. Relevant ones, that is. Let’s face it, without an image, a web page looks like a science paper – pretty dull.

So, whilst developing your website, routinely include images. In this post, I help you to add single images to WordPress.

Add images for better search engine results

I wanted to add a side note because my main concern is that your website achieves good search engine results. Remember that the way an image is resized, compressed, saved, and positioned affects how search engines rank a web page.

Take care and attention when adding images to a website or blog.

I recommend watching my video “Why resize images for the web”.

And “Save and add alt tags to WordPress images for search engines”.

Let’s take a look on-screen.

  • We are using the WordPress block editor.
  • You’ll need to hit the + PLUS icon to add an ‘image block’.
  • You can find that in the top left-hand corner.
  • Or, hover over any block that is already used on the page.
  • A PLUS icon appears below the block.
  • Once you hit the PLUS sign, a menu pops up.
  • Here are your options for adding another block. Scroll or search for “image”.
  • If you can’t find ‘image’ in the ‘most used’ section, search for it in the field at the top.
  • The new block will be placed below the PLUS symbol you selected. It can be easily moved using the UP/DOWN arrows to the left of a selected block.
  • Hit the UPLOAD button to upload the image from your computer.
  • The image will appear within the block.
  • Any image you upload will also show within the media library.

Image alignment in WordPress

  • When you click the image block, you’ll see a toolbar at the top left that enables you to align the image.
  • An image can be aligned within its block using the toolbar.
  • The toolbar appears top left when the image is selected.
  • Use the icon – a box with two lines, one above and one below.
  • Just hit the icon to find options to align the image left, right, centre, wide and full width.
  • Within the WordPress editor, the image may not look aligned quite the way you imagined.
  • Always check on the front end to see how it is positioned.
  • Check it on both desktop and mobile devices to correct it on both screen sizes.

WordPress columns

I want to show you WordPress columns for image placement, too.

We use columns in the WordPress block editor to place an image next to another block on a big screen.

Think newspaper columns displayed next to one another.

This is how we would place an image next to a paragraph, for example.

On a small device, like a smartphone, columns stack, one above another. Usually the left column will stack on top of the right column.

To create 2 columns:

  • Hit the PLUS symbol to create a block.
  • Now, hit COLUMNS or search for COLUMNS.
  • Choose the far left option, two columns, equal split.
  • Hit the plus sign within each column to add an image, as above, to one column.
  • Hit the plus sign within the next column to add a paragraph.

I hope that has helped you to add images to WordPress and to align them.

This is Kelly at Kaydee Web, thank you for joining me.

Share and Enjoy !

Leave a Comment

Your email address will not be published. Required fields are marked *




8 EASY STEPS to creating effective websites with SEO tools that I use every day.

Here's what's inside:

  • Ranking factors.
  • Tracking and analysing.
  • Find and fix errors that harm rank.
  • Targetting pages and posts.
  • The perfect web page.
  • Link building.
  • Images and video for search engine optimisation.