Add an Image to WordPress Blog

  Add an Image to WordPress Blog

Properly Uploaded  Images are Important in Your Blog

First of all, a website without images is BORING.  Images grab the eye and engage the reader at first glance.  It is a fact that people skim over a website first reading the Heading, Subheadings and looking at the images.  A step further, they read the captions under the image.  In fact they are three times more apt to read a caption under an image than the text itself.  You can to start see why adding images to a Blog is so important!

Images are also a big part of the SEO process and keywords are used in adding you images behind the scenes when you upload them.  They need to relate to the content and also be captioned to help convey the message you are trying to share.

Add an Image to WordPress


Things to consider when you are add an Image to WordPress Blog

This post will try to make things simple.  First of all, where do you get the images?  How do you organize them for ease of uploading?  How do I make the images smaller for quicker upload times?  What do you name them for correct SEO?  And lastly, How are they added to your BLOG?

I am going to show you how I do things.  Just like anything else, there is more than one way to do things.  I will explain what I do , why and try to make things simple for you when it is time to add an image to WordPress.  I usually follow the same exact procedure whenever I do a BLOG.

Add an Image to WordPress


Where do You Get Images for your BLOG?

Take Your Own Photos

These are the photos that you take yourself with your camera.  Especially if you are doing a Travel Blog or something similar.

Online Images

Images downloaded online from the web.  Of course we are talking “legally” procuring these.  There are a LOT of sources to download free images.  All you have to do, is google “free images for web page” and you will have all kinds of results.  Some people pay for their images and sometimes, you just might have to pay for “just the right image”. The web site I use the most for my free images is Pixabay.com.  They have over 1.1 million pictures to use and you can do a search for your images to get just the right one.

Add an Image to WordPress

Screen Shot Images

These are important if you are trying to do a tutorial or show something that is on the monitor of your computer.  These are not that hard to do but, there is a certain way to do these.

Check out the tutorial Here on How to Use a Screen Shot

 


Organizing and Downloading Your Images

When images are downloaded, they need to be  put in a subfolder of your Blog folder named after the Keyword Phrase  (Title) of the post that is being written.  Remember, this Keyword is very important every step of the image process.  It is important to have them all in the same place to make the process flow smoothly.  I like to create a folder called “Images”.  If I am going to create screen shots, I make another folder called “Screen Shots”.  I will explain why I do that later.

Add and Image to WordPress

How to Organize your Images

Images are usually downloaded after all the content has been written.  That way you will know what kind of images you need.  Remember, the images need to relate not only the Blog Post but when placed in the blog, they need to relate to each Idea (Sub Heading) you have written about.

The way I hunt for my images is simple.  I open up my Pixabay.com and start my search.  First I do a search related to the Keyword Phrase of my post.  Then one at a time, I do a search on each Subheading (idea).  If I see two or three in each search I download them all.  I do this until I think I have enough images to choose from.  I probably won’t use them all, but I will have lots of images to chose from.


Resizing Images for Uploading to Your Post

It is important to resize you images in order for your post to load quickly.  Fast Loading is a big part of SEO.  Your images must be optimized.  So, what does this mean?  When you download images or take your own photos, they are usually pretty high quality in case someone wants to print them.  But for internet use, they don’t need to be such high quality images that have a “large image file size”.

If you were to upload these pictures to your WordPress Blog, you will have an opportunity to change how large the image is on the Post.  It can be a large, medium or even small picture.  But!  And a BIG BUT, the size of the “image file size” will still be the same huge size!  We have to change this before it is uploaded.

A quick note here before I show you how to resize your image file sizes.  I don’t normally resize “Screen Shot Images” as much as the other images.  Why?  Because they will be large on your post and they must be very clear.  Nothing worse than building a tutorial and have the quality so poor, that your reader can’t make it out.


I use PIXresizer to optimize my image file sizes

PIXresizer is a FREE program and you can resize an entire folder of images at one time.  You can download the program from many places.  Just google Pix Resizer and you will find it!  Here is what the program looks like when you open it.

It is a simple program but I am going to walk you through it’s use.  Follow the arrows with number please.

  1. Make sure “Work with multiple files” is chosen
  2. find the source “file folder” of where your files are
  3. Where do you want your new files to go?  I chose the same file as above and then do an add file (resized) to it
  4. I usually convert my pictures to 600 X 397
  5. Save Pictures to the file folder

add an image to wordpressThat all there is to it. And it was so easy to work on your entire group of pictures at one time instead of one by one.

For an example, I took The following image and reduced it, Can you even see the difference in quality?  The image on the Bottom uses only 53.9 KB compared to 133KB.  Yet, they look the same on the screen!  You can see what a difference this would make if you were loading multiple images on your Blog Post!

960 X 635
133 KB

600 X 397
53.9 Kb


Rename Your Images

Now it’s time to rename the names of each and every image to your Key Word Phrase.  No worries, this will go quickly and will not be as hard as you think.

First do a copy of your keyword.  The keyword for this post is “Add an Image to WordPress”.  Be sure to leave it exactly as it is with spaces and all.

Open up your File explorer and find where your images are saved.  Remember, they will be in a subfolder called resized.  I like to choose the “view” to large icons.  this seems to work for me.

I am going to tell you the steps so this goes quickly.

Right Click on Image
left click on “rename”
Paste (control-v)
space
put a number in

DONE!  Now go to the next one!

It was that easy!  If you look back at all of your images, they should all be renamed the “keyword” with a space and a number.  Now all of your images have a keyword.

Add an Image to WordPress

Renaming Your Image


Add your images to your post

You will be adding your images in “visual view” just like when you do your writing for your Blog.  I do have to warn you right now, What things look like on your dashboard may be different than your actual browser.  Add one picture at a time, save draft and then do a “preview” on your browser.  That way you will make sure the image is in the correct position.  Work your way down until all your images are placed correctly.

When you open up your “add media”, you need to paste your keywords into the Title, Alt Text and description lines.  BE SURE TO ADD YOUR CAPTION ALSO!

You will be placing your images in one of three places

To the right of the words,
To the left of the words.
Centered below a paragraph.

To place your image to the left or right, click your cursor at the beginning of the sentence where the top of the image will be aligned.  Then when your choices come up, choose left alignment or right alignment.  Also choose medium size and this image should go to the right place.  I know this is tricky.  Sometimes if you don’t like the location.  You will have to delete and try something different to align it properly within the paragraph.  This is why you do one at a time and preview it, to make sure it is in the proper place.

To place your image below a paragraph.  Place your cursor on the right hand side of the paragraph and hit enter.  Now your cursor will be below the paragraph with an extra space.  When adding the image, choose center alignment and large image size.

Add an Image to WordPress

Add an Image to WordPress


There you have it!

Yes, there is a lot to it when you Add an Image to WordPress.  Sometimes it takes time to do things correctly.  I hope this helps and now you know how to add an image properly that will help the SEO of your post.

I hope this has helped you with the proper insertion of your images into your WordPress Blog.  Building a BLOG is a continuous learning process.  I was lucky enough to find a way to learn and continue learning to build a BLOG.  The Company is called Wealthy Affiliate and I would love to tell you about them.

Please Click HERE to read my review of Wealthy Affiliate.

 

 

I have finally found the way to make money with my own website. This website was created to show you how to have “Your Own Money Making Website”.