• Home  / 
  • Writing
  •  /  22 Visual Elements That Will Make Your Blog Posts More Awesome

22 Visual Elements That Will Make Your Blog Posts More Awesome

Blog Post Images

Just because you're a blogger doesn't mean that you get a free pass to use words alone to share your message. 

It's your job to share your message with your audience by any means necessary. 

Everything you include in your blog posts should aim to keep your reader from leaving the page AND provide the information their looking for as quickly and clearly as possible.

Visuals help with both of these things. 

Great bloggers often evoke their inner Bob Ross and ignore their inner Ernest Hemmingway (if you didn't do your assigned reading in high school and that reference when over your head, he was a notoriously wordy author). 

The purpose of the first sentence is to get the reader to read the second. The purpose of the second is to get the reader to read the third.

Media elements should be treated the same. 

"The purpose of this visual element is to get the reader to read the next sentence."

"The purpose of this visual element is to get the reader to read the next sentence." 

Great visuals will keep readers on your site and they are much more likely to read more of your content. 

Remember, you're competing with tens of thousands of other content creators AND readers who are have increasingly shrinking attention spans. 

Average attention span

You don't write 2,000 word blog posts so that people will read just 200 words and leave, do you?

Of course not!

In this blog post, I'm going to give you some actionable methods you can implement immediately to make your blog posts more visually appealing.

Utilizing some of the 22 visual elements I'm about to show you will ultimately lead to:

  • Better engagement
  • Higher average time on page
  • More value for each reader (which will make you a more respected writer)
  • More sales for you!

Visuals in your posts don't only help with retention, they actually help convey your message and can help your readers comprehend the information you're sharing. 

A study performed at the Adler University in Chicago showed after three days, a test subject retained only 10-20% of written or spoken information but almost sixty five percent of visual information.

AND THATS NOT ALL!

But Wait, There's More!

Visual content is also much more likely to be shared. 

Blogs with visual content get 94% more shares!

Ok, you're sold on adding visual content to your posts (or you're a robot that is immune to persuasion). 

Before I give you the different types of media elements you can add to your blog posts, let me explain my approach to adding media to my blog posts. 

How To Use Media in Your Blog Posts

You shouldn't throw visuals into your posts without purpose and context. 

I am NOT recommending that you use every single one of these visuals in your posts but I am going to try to give you some inspiration for visual elements you MIGHT want to add. 

WARNING

Don't add too many visuals to your post if it doesn't match your style and particular audience. I like to use a LOT of visuals in my content and my readers have come to expect it. Every blog is different so don't assume I'm insinuating you should use as many visuals or all of the visual types I'm about to share. 

Your posts should blend well with the theme and style of your blog.

Everyone's audience is unique and your media should be targeted towards your unique brand and following. 

If you're in a professional niche, you might not want to use funny gifs and goofy YouTube videos like I do. 

If you're style is more laid back, you have a tremendous amount of freedom for making your posts more fun for your readers and you can take full advantage of this fact and utilize as many visuals as you want to craft posts that keep visitors on your page until the last sentence (which should then encourage them to do something else, like buy something!)

The rule of thumb I use here on the EntreResource.com blog is to add some sort of visual break up every 250 words. 

Remember, that is MY rule for THIS blog. This may or may not be the same for you. If you read other blogs, you might notice that this is a lot of visuals relatively speaking.

A "visual break up" isn't merely limited to images and videos. I use things like content boxes, quotes and other tactics to make sure my text isn't too...texty!

Yes, I made up that word...

The Best Tool for Crafting Visually Attractive Blog Posts in WordPress

Before I get into the tips themselves, I need to share with you the wordpress theme/blog post editor that helps bloggers (myself included) create awesome looking posts. 

It's called Thrive Themes and there is a plugin called "Thrive Architect" that makes editing your posts easy. 

Thrive Themes

I HIGHLY recommend that you check out Thrive Themes. It has changed everything about how I craft my posts and I haven't looked back since I started using it almost 2 years ago. 

Valuable Tip

Thrive Themes gives you a LOT of options when it comes to designing your posts. Some bloggers don't like having a lot of options because they want things to look "perfect."


This is of course impossible to accomplish.


Don't feel that you need to use every feature or that you need to customize the heck out of everything. There is no harm in keeping things simple.


Also, be sure to utilize the "save as template" functionality so you can have consistency in your blog post designs and use the same formatting in all of your content. 

Oh, that content box I just used above was actually one of the built in templates from Thrive Architect 🙂

I don't know of any current Thrive Themes discount codes, but it is well worth the current price.  

1. Featured Images

This seemed like a fitting #1 tip since the featured image will be the first thing that your reader sees. 

If you have a great featured image, the reader might assume that the content is great as well. 

Featured Image Examples

You don't have to overlay your title text like I do. Many bloggers just use relevant stock images for their featured images. I prefer a little personality but I don't fault anyone who wants to keep it simple. 

I do believe that a stock photo is better than nothing. 

If you decide to customize your featured images with overlays like I do, there are a number of tools that make creating featured images easier. 

Here are my two favorite tools for creating awesome featured images.

1. Canva - The most robust tool for the novice designer. You can create templates and branding style defaults that make creating lots of featured images very easy. You can also use Canva for creating other media elements like infographics, ads and more. 

2. Relay That - I use this tool less frequently. This is a poor mans Canva (I purchased it on an AppSumo offer for $49). Definitely worth looking into though.

Valuable Tip

Create a basic template for all of your featured images. I made the mistake of creating unique featured images MYSELF every time I wrote a post...I did this for about 100 posts! Create one great style and use it over and over with different images and colors. 

2. Drop Caps

In the spirit of tip #1, this seemed like a fitting #2.

Now, that large "D" there isn't a typo, it's an example of a drop cap.

A "drop cap" is when you use a proportionally larger first letter for effect, typically featured in the of the first word of a blog post. 

3. Bold, Italics, CAPS, Highlights, Colors and Underlines 

If you have an important sentence, feel free to draw attention to it with the use of simple enhancements.

I recommend that you practice some consistency though if possible. 

If you usually highlight text that is important, try to do that across all of your posts for continuity. 

Also, ALL CAPS seems like yelling so be sure to use that properly. 

Be careful not to over do it with these though. It will lose impact if you use these too often. 

4. Author's Bio

Blogs that have multiple writers should always include an author's bio at the beginning or end (or both) of each post. 

It seems standard across most blogs to include a short bio at the top consisting of the author's name + picture + his or her title followed by a more detailed bio consisting of about a paragraph at the end.

Here is an example of how CrazyEgg.com uses author bios.

Author bio

The bio is a great way to introduce yourself to your readers and it might even make them more likely to engage with your content.

5. Click to Tweets

Although Twitter isn't one of the channels I focus a lot on, I frequently add click to tweets to my blog posts. 

What is a click to tweet?

Here is an example of a click to tweet about, click to tweets!

Click to tweets are an awesome way to get your message shared, gain Twitter followers AND make your blog posts easier on your readers eyes. #blogging #design

Click to Tweet

Click to tweets are also great because they can direct some traffic back to your blog posts if people share them!

You might also get some more followers as a byproduct.

Go on, try clicking the click to tweet above, I dare you 😉 

Compose these in the same way you'd compose any tweet and use relevant hashtags. 

6. Instagram Posts [Embedded]

This is another double whammy. Embedding Instagram posts on your blog does two things...

  • Adds a great visual
  • Can help gain more followers on Instagram

Embedding an Instagram post is very easy since Instagram provides you with the embed code. 

You will probably want to do a little bit of resizing though since these are pretty large by default. 

Here is how I do it (in less than 30 seconds).

Embed Instagram Post

Kindof trippy that I did that GIF on the post you're reading right now, right!?!

Oh, be sure to follow me on Instagram if you aren't already 🙂 

7. YouTube Videos [Embedded]

This one is a TRIPLE whammy. 

  • Add great visuals
  • Gain more followers
  • Keep subscribers on your page

Embedding YouTube videos (whether your own or just relevant videos from others) is a great way to beef up your content, grow your subscriber base AND keep visitors on your site. 

For the sake of an example, here is a great video I've embedded from my content marketing hero Neil Patel about keeping readers on your posts!

If you do share someone else's video, I recommend that you reach out and let them know. 

They might reciprocate the favor and share the blog post that you embedded the video in!

8. Infographics [Embedded]

People LOVE infographics. 

Here is an infographic ON the power of infographics

Why Use Infographcis

http://www.jeffbullas.com/

Create embed code for infographic

Just ask Jeff Bullas who just got one from me with his infographic above!

You can create your own infographics with tools like Canva OR hire someone on a site like Fiverr (low end) or 99 Designs (higher end). 

9. Slideshare Slideshows [Embedded]

LinkedIn has a lesser known service called Slideshare that actually can generate a lot of traffic back to your site. 

Creating slideshows is easy and you can get embed codes to insert them into your posts very easily. 

Slideshare

You can use any powerpoint tool to make these presentations (I like Google Slides). 

10. Pinterest Pins [Embedded]

Pinterest is an awesome channel for bloggers to repurpose their content and get more clicks back to their sites. 

Pinterest for Bloggers

If you're unfamiliar with Pinterest, I highly recommend looking into a course called Pinterest for E-Commerce. It is an awesome starting place to learn how to make Pinterest work for your blog or business. 

Oh, and follow me on Pinterest if you aren't already 🙂

The process for embedding pins is a bit different. 

You can't just embed the pin, you have to ALSO embed the "pinit.js" line of code at the end of the post.

Embed Pin It

11. Images 

I've shared how to embed images, but now let's talk about adding images directly to your site. 

There are 3 kinds of still images. 

  1. Stock photos
  2. Your own photos
  3. Screen shots

Stock Photos

You can find great stock photos for free (sites like Pixabay.com) OR you can pay for a larger selection on sites like DepositPhotos.com (what I use for about 75% of my stock images). 

Pixabay

Canva also supports tens of thousands of free images and they have a large selection of paid premium images as well. 

The big issue with free images is that so many people use them. 

Some of the more common images are used on some of the larger blogs or on popular paid ads so you'll want to try and avoid duplicating their style if possible. 

Free can often lead to "corny" if you aren't careful. 

If you're running ads, I recommend you go with a premium image that is more original. 

Your Own Photos

Some of my favorite bloggers take a lot of their own pictures and it adds a lot of personality to their content. 

You might be thinking, "well I'm not a photographer and I don't have a good camera, so I should't do this." 

The truth is you don't need to be a professional photographer or have a high end camera to snap great pics. 

If you have a smartphone, you also have a more than competent digital camera. The iPhone is a tremendously capable tool for taking and sharing photos with your readers. 

iPhone for Blogging

Fun Note: I found that iPhone camera picture using Pixabay.

If you decide to buy a camera, I recommend the Sony A5000 since it takes crisp photos and is a beast when it comes to filming videos for YouTube thanks to it's adjustable screen which allows you to watch yourself as you record. 

Socialite Lighting Rig

I use that camera and my iPhone for most of my filming and images. The iPhone is mostly for images and on the go shots while the Sony A5000 typically stays mounted in my studio on top of a Socialite 18" Lighting Ring Mount.

One of my favorite parts of the iPhone is that it syncs easily with my Macbook and iMac (yes, I'm an Apple fan boy).

I can get an image or video from my phone straight onto my computer for editing in less than a minute thanks to Apple's airdrop feature. 

Apple Air for YouTube

It's a beautiful thing. 

For most devices that you use for photos and videos, there should be some sort of simple digital connectivity to make uploading your content to your computer easy. Take the time to find out how to do this with your devices and you'll save hours of time later!

Screen Captures

If your blog is like mine and you need to demo a lot of things that are on your computer, a tool like Snagit can be a lifesaver.

Currently it costs about $49 but it gives you the ability to take screenshots and annotate them (like I did in the air drop example above). 

There are other free screen capture/annotation softwares out there but Snagit is all I use now. 

Snagit also allows you to record videos, (which can then be downloaded as GIFs or MP4s) but I prefer a more robust tool for that.

Snagit

The tool I use for actual screen recording (not still screenshot images but actual videos) is Camtasia. It is from the same company that made Snagit.

12. In Text Opt-Ins

You can argue that adding opt-ins and lead magnets to your blog posts takes away attention from the content, but if you do it right, it can actually enhance it. 

Here is a live example that I use here for my "Perfect Blog Post" ebook opt-in.

GET A FREE COPY OF MY LATEST EBOOK!

Learn How to Make Serious Money Blogging WITHOUT Writing Hundreds of Posts That Get Almost No Traffic!

I prefer this sort of opt-in because it's a bit less intrusive than a traditional pop up (although I use those as well). 

If you make sure that the opt-in is related directly to the content the reader is reading, this isn't going to seem intrusive at all. 

13. Bulleted Lists

This tip is in the same spirit as "use short sentences."

The Thrive Architect tool allows you to create styled bullet points.

Bullet points do a lot of great things for your content.

  • They make your text easier to skim
  • They group together key points
  • They highlight important items

I absolutely love bullet points and use them as often as necessary in all my content. 

14. Table of Contents

These are something that I love to use in my longer posts (like this one!)

I create my table of contents with Thrive Architect (there it is again!) and it is very easy. 

Once I've written a post and used my headings properly (H2 and H3 mostly) I can easily add a table of contents using those as my "chapters" essentially. 

Add Table of Contents to Blog

Again, I can't stress how cool Thrive Themes (and Thrive Architect) is!

15. Buttons 

If your blog post is selling something, whether it's your product or an affiliate product, adding a clear button that triggers your link is a great idea. 

Here is an example of a button I can create with Thrive Architect and it's for....THRIVE ARCHITECT!

What can I say, I like big buttons and I cannot lie 🙂 

16. Pull Out Quotes

You're probably using quotes in your blog posts already, why not draw a little more attention to them by pulling them out to the forefront?

Using "pull out quotes" will help you break up your text and draw attention to key points. 

Whether they are your own quotes or quotes from others, consider giving them the attention they deserve. 

"Using 'pull out quotes' will help you break up your text and draw attention to key points." 

I've created an example to the right. There are an infinite number of ways to format your own quotes so don't be afraid to get as detailed or keep it as simple as you want!

17. Images to Your Other Posts

You want to keep your readers on your site. If they are getting bored of one article, that isn't awesome BUT you can at least try to encourage them to read another article that might be more interesting to them. 

Be sure that these are relevant to the post that you place them in.

I used the post grid feature in Thrive Architect to create the image with link to post above, but you can use a number of other tools to do this (or just use images with links). 

18. GIFs

GIFs are the love child of images and videos. 

They are typically under 30 seconds long and play automatically. The files aren't as large as videos and they can be used to add humor OR you can even make short tutorials like I have done in this article already several times.

I create my own GIFs with Snagit but you can make them with regular video files (your own or others that you have the rights to use) with tools sites like MakeaGif.com.

Occasionally, I'll embed a GIF from a 3rd party service like Giphy, like the one below.

How to Create GIFs

GIFs rock. Use them freely!

19. Memes

What is a meme?

If you don't know what a meme is, Google it. 

Memes typically are funny and add a since of personality to your content. 

You can find a lot of memes that you can use without attribution OR you can create your own with tools like MakeaMeme.org.

20. Content Boxes

Think of a content box like a post-it note that contains important information that your reader might want to know. 

Thrive Architect makes creating great looking content boxes very easy. 

Tip

Use styled content boxes like this one to bring attention to important parts of your blog posts. 

21. Banner Ads [Embedded]

It's debatable if these are a piece of visual content that enhances a blog post or if it simply gets in the way and risks annoying your readers. 

If you use relevant banner ads (like the one above) your readers shouldn't have an issue and they can help break up text heavy posts (while making you some money in the process). 

22. Audio [Embedded]

Repurposing your blog posts into audio form is a great way to engage more readers AND keep them on your site. 

I recommend that you check out the Smart Podcast Player from Pat Flynn of SmartPassiveIncome.com.

Smart Podcast Player

You can also consider free tools like Sound Cloud for embedding audio files to your blog posts.

Additional Tips for Using Media in Your Posts

Before I cut you loose to go and add these awesome new visual elements to your blog posts, let me leave you with a couple of tips. 

1. Compress Your Files

One of the downfalls of using a lot of media in your posts is that the file sizes can add up and slow down your page load times. 

According to Edwin Toonen of Yoast.com, "

Google’s latest research shows that the chance of a bounce increases 32% when the page load time goes from 1s to 3s. 1s to 5s increases the chance to 90% and if your site takes up to 10s to load, the chance of a bounce increases to 123%. 

Slow pages will lead to more bounced traffic, lower rankings in search engines and ultimately, fewer conversions. 


Via https://www.submitinme.com/

This defeats the entire purpose of using them in the first place, doesn't it?

So, there are a couple of things we can do to make sure our pages are as zippy as possible. 

  • Compress images and GIFs with a tool like TinyPng.com
  • Use a premium hosting service like WP Engine (what I use here on EntreResource).
  • Embed when possible instead of hosting directly (YouTube videos for example instead of hosting the videos directly on your site).
  • Test page speed (on both mobile and desktop) and optimize if it is too slow.

I recommend reading this article from machmetrics.com to learn more about what page speeds and page sizes are considered "average."

2. View Your Post on Mobile Devices 

One mistake I often make is forgetting to double check that my visuals look the same on mobile as they do on desktop. 

With Thrive Architect, I have the ability to hide elements on different devices which is awesome. 

https://thrivethemes.com/affiliates/ref.php?id=5805&url=1603

There is no point in using visuals if they don't look right on mobile or tablet so be sure to edit/resize them properly so that they do.

Don't be afraid to hide them on those devices if they aren't completely necessary. 

3. Use Alt Text and Descriptions for all Media

Yes, this part is a pain in the butt, but adding proper descriptions to your media elements will help you from an SEO standpoint. 

How to add alt text to images

This will take more time, but it is a habit you should adopt and follow whenever you add any sort of media files to your posts.

4. Use Proper Attribution 

You need to ensure you aren't sharing the work of others as your own. 

Be sure that you have permission to share anything that you use in your posts and always properly attribute the content creator and link to where the content was first shared. 

Here is a great article posted on Lifehacker.com explaining how to know if you're allowed to share something or not. 

About the author

Nate McCallister

Nate is the founder and main contributor of EntreResource.com. He is a lifestyle entrepreneur who spends his time building businesses and raising his two kids Sawyer and Brooks with his beautiful wife Emily. His main interests include copywriting, economics and piano.

Leave a comment: