Here are Three Points to Practice:

1. Height & Width of Images:

Whenever you insert an image in your article, make sure that its HTML (HyperText MarkUp Link) code contains the height and width parameters.

This plays a huge role in page loading speed. When the browsers detect the height and width tags, they will continue loading the text on the page as it defines the height and width parameters of the image. This enables the text and the image to be loaded simultaneously.

If you don’t mention the height and width in the tags then the browsers will load the text till the image and then stop the text and load the full image and then the remaining text. This will put a strain on the servers, especially if the server is HDD and has to start spinning for image fragments everywhere and it WILL increase the loading speed of the page. Solis State Delivery Servers are FAR best for images. See image below;

2. Remove Hyperlink from the Image

When you upload the images in your article, WordPress will automatically add a link in the source code to the image location (i.e. /wp-content/uploads folder).

Not only does the hyperlink serve to funnel the link juice to non-important image page, but it also distracts users from the main purpose the image is there. The main thing is to keep the main thing the main thing. If you do not remove the Hyper Link, when the visitors that are reading the article accidentally click on the image, they will be redirected to the image and may not or know how to return to your article where they had the credit card in their hot little hand to make a purchase and now your kids will have to eat beans and Ramen again because you did not listen to The Teddy Bear.

3. Lastly, Select "NONE."

Loes taught me this. When you upload the image, on the right side, under the “Attachment Display Settings”, you will see an option that says Link To. Click on the drop-down menu and select None to remove the hyperlink.

Tasks 0/5 completed
1. Look at some HTML codes of a few images to identify the various aspects identified in the lesson above.
2. Remove the Hyperlinks from your selected images
3. Insure that your Image
4. After adding an Image in your article, select the pencil and the using the dropdown, select "NONE."
5. Comment on at least two other comments and share ideas


Top Helpers in This Lesson

Join the Discussion
Write something…
Recent messages
RoopeshG Premium Plus
Enjoyed this training.Thanks a million,Chris
Reply
ChrisScott Premium
Thank you so much, Roopesh.
Reply
JeanBrickley Premium
Teddy Bears dooo rock. Great training. I am going to bookmark because I am not home and I'm on my iPhone. I want to go over it again and do all the toggles on my computer. Thanks Chris Bear!
Reply
ChrisScott Premium
You are very welcome...lol...I see you actually read everything.
Reply
JeanBrickley Premium
Of course I did. The Teddy Bear wrote it!
Reply
mybiz4u Premium
Great primer lesson. Thanks, TB.
Michelle
Reply
ChrisScott Premium
Thank you, Michelle. That means the world to me coming from you.
Reply
mybiz4u Premium
Oh, sweeet you knoow you aaare!
Ain't nuttin' wrong wit my spelling. I am sure u git my drift!
LOL
Michelle
Reply
AllanG1 Premium
ain't you both amazin
Reply
ChrisScott Premium
Aweeee, thanks for the rose.
Reply
mybiz4u Premium
TB. Help.I removed the uploads thingy and my image disappeared. What have I done?
Michelle
Reply
ChrisScott Premium
I'm not sure what you mean, Michelle. Can you send me a screenshot?
Reply
mybiz4u Premium
will send a pm...thnx Chris
M
Reply
ChrisScott Premium
Okay, please make sure that the images maintain the "<img...
Reply
mybiz4u Premium
Thnx TB
Love yah! :)
M
Reply
ChrisScott Premium
Love you too, buddy!! You made my day.
Reply
mybiz4u Premium
Huga-hugga:)
Michelle
Reply
Temujin1 Premium
Thanks for the training. Very useful.

Cheers
Reply
ChrisScott Premium
Thank you, Peter. Images are so very practical as in a global society many things can mean many things.

God Bless.
Reply
Top