• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Nile Flores Media

Helping You Rock Out Your Website Like A Rockstar

  • Home
  • About
  • Blog
  • Portfolio
  • Hire Me
  • Resources
  • Contact
  • Blogging
  • WordPress
  • Social Media
  • SEO
  • Web Design
  • News
  • Podcast
You are here: Home ยป Blogging ยป Infographic: Basic Anatomy Of A Blog Post

Infographic: Basic Anatomy Of A Blog Post

By Nile Flores 41 Comments


infographic-thumbnailThe basic anatomy of a blog post, especially if you wish to keep it organized for easier reading for your readers as well as easier crawling for search engines, is to pay attention to how your post content and headings are written and styled.

Your heading tags should always follow in order from largest being your post title with H1, the next with sub headings with H2, and even more minor headings with H3, H4, and so on. This gives the search engine and your readers an idea of the importance of order of each area within your post. For the readers, it also helps break up the text.

I’ve added a few other nifty tidbits in for you to think about with on your own blog article’s structure. For example:

  • You may want to have social share buttons above an below your posts, or a way to keep your social buttons visible when sharing.
  • It’s option to put the author name and the date of the post.
  • The thumbnail image with a little integration can be picked up and posted with articles on several social networks.

Now, there may be a few that ask why I did not put the author box into this. This is the basic structure. Not all sites need an author box, but it really is a bonus and truthfully, your email address is normally what is used to connect with authorship type programs like the one Google has.

The other thing not mentioned are images. This is part of the content and not everyone uses images despite the fact that they could honestly use them as a means to make their post more visually appealing

Below is a short infographic illustrating the basic anatomy of a blog post.

infographic-basic-anatomy-of-a-blog-post


Filed Under: Blogging Tagged With: blog post, infographic

About Nile Flores

Nile is a 43-year old female from the greater St. Louis (Southern Illinois side) area. Nile is a mother of 1 son. She is also a web designer and developer, a graphic designer, and a public speaker, who exclusively designs and develops using WordPress. She also blogs at GoDaddy's Blog, Verpex Hosting's blog and her very personal sites, Pixelled and Nail Polish Happy.




Related posts:

No related posts.

Reader Interactions

Comments

  1. ileane says

    October 9, 2013 at 4:02 am

    Hi Nile!

    Great Infographic. You are one of the few people I know who can make an Infographic by hand. ๐Ÿ™‚

    I’ll be sure to Pin this one too!

    Reply
    • Anil Kumar says

      October 9, 2013 at 10:43 am

      You are right ileane, This is such a great infographic.. I also tried one day but could not make it but now i will also try to create infographic at my website.. Thanks…

      Reply
    • Nile says

      October 10, 2013 at 8:51 am

      Thanks Ileane! Soon, you all will have access to Infographic designs that are PSDs, some free, but I’d like to put a premium package together as well. ๐Ÿ˜€

      Reply
  2. Graeme Davidson says

    October 9, 2013 at 2:44 pm

    I’ve pinned your infographic. Such an well explained and easy one too.

    I’m currently trawling sites to find some inspiration to get me blogging myself again after losing my “mojo” recently. This is certainly helping. Cheers!

    Reply
  3. Pramod says

    October 10, 2013 at 8:18 am

    The anatomy displayed in the infographic is 100% accurate .Tp blogs in the world have the same blog post structure as one shown in the picture . Thanks for sharing this amazing infographic Nile .

    -Pramod

    Reply
  4. vishvast says

    October 10, 2013 at 9:24 am

    hi thanks for this article this post was awonderful one these will be kept in mind

    Reply
  5. Sarupa Shah says

    October 10, 2013 at 12:01 pm

    Hmmm I never use minor headings,,,,maybe I ought to start,,, nice inforgrpahic Nile, resourceful as ever, Sarupa x

    Reply
  6. Sherryl Perry says

    October 11, 2013 at 8:37 pm

    That’s a great infographic Nile. I just pinned it. Heading tags are so often overlooked and they really make a difference. When I first started blogging, I didn’t use them at all. Once I started incorporating them into my posts, I noticed that people started interacting more and staying on my pages longer. As you say, it really breaks up the text for your readers. It’s also a great opportunity to incorporate those keywords.

    Reply
  7. marquita herald says

    October 12, 2013 at 12:55 pm

    Well said as always Niles. I can so clearly remember when I first started blogging and trying to keep all the ‘must dos’ straight in my head. What’s funny is this week wrote a few guest posts for other blogs and the whole process of keywords, SEO and proper layout just felt so natural I had to laugh at myself. You can never really know how far you’ve come until you take a moment to reflect on where you started. ๐Ÿ™‚

    Reply
  8. vishvast says

    October 13, 2013 at 10:36 am

    hi thanks for this article this was avery informative article which i will share with my friends and everyone

    Reply
  9. Shelley Alexander says

    October 13, 2013 at 3:00 pm

    Hi Nile,
    I always find the best info on your site for helping me to be a better blogger. Thanks so much for this useful infographic. I will share it with my social network.

    Reply
  10. Zac Johnson says

    October 14, 2013 at 7:30 pm

    I love a good infographic and while this one was short, it was also right to the point. A great reference for anyone just starting out or looking to improve their content.

    Reply
    • Nile says

      October 15, 2013 at 1:59 am

      Infographics are suppose to be short and to the point. A LOT of people have been using it incorrectly with long graphics that could be better used in well styled posts.

      Reply
  11. Andre says

    October 15, 2013 at 2:31 pm

    The illustrated anatomy is cool, but this may differ depending on the type of WP Theme one is using. Some Themes are so flexible while others do not give room for one to carryout major changes.
    Nice tip. Enjoyed it

    Reply
    • Nile says

      October 16, 2013 at 1:02 am

      I’d have to disagree… this is not on the entire theme… this is specifically the blog post itself. And while you can move things around in a theme, the general anatomy of a blog post remains the same.

      Reply
  12. Mike says

    October 21, 2013 at 1:44 am

    Cool infographic! The article is brief but concise too. Great resource for us bloggers, so thanks for sharing this Nile.

    Cheers,
    Mike

    Reply
  13. Silviu says

    October 22, 2013 at 7:03 am

    Hi Nile,

    You explained the fundamentals of a blogpost. What is really interesting is that you said: “not everyone uses images”. I noticed few people who simply don’t use images. No images at all. I wonder why. Possible reasons:
    a. They don’t know the importance of images
    b. They don’t give a dam on images
    c. This is a new trend (people got tired of beautiful but stupid images peppered all over the internet).
    The infographic is not so nice but it is relevant and this is what matters.

    Have a wonderful day

    Reply
  14. Willena Flewelling says

    October 26, 2013 at 2:50 pm

    My blogging life would be much simpler if I didn’t have to look for just the right image, size it and place it in just the right spot in my blog post. But images add so much to the post that I’m always glad for the time and effort it takes.

    Great little infographic of the most important points to remember.

    Willena

    Reply
  15. Hamza Sheikh says

    October 28, 2013 at 6:11 pm

    If you ask me, you have already shared something that a noob can pick up to come over everything in today’s world. It is just an awesome piece, in understanding how to write a blog post, and as well as some myths about on-page SEO.

    Reply
  16. Dr. Erica Goodstone says

    November 1, 2013 at 10:09 am

    Nile,

    Your infographic shows how simple it is to create a blog post that has all the needed elements. It doesn’t have to be complicated. I would love to know how you created the infographic. Did you use special software to do that?

    Thanks,

    Dr. Erica

    Reply
    • Nile says

      November 2, 2013 at 12:59 pm

      I just use my own graphic editor and create everything myself.

      Reply
  17. Cherrie Bautista says

    November 3, 2013 at 7:38 am

    Valuable infographic. I didn’t know that social share icons need to be below the post as well. I only have them at the top of the post. I am having issues with the featured image when I’m using my books image. They are cropped instead of showing a thumbnail version. Maybe the image is to big? Other images are shown fine, except for my book images. Sigh.

    Reply
    • Nile says

      November 5, 2013 at 1:04 am

      I don’t have mine at the top yet, but its because I’m not at the next phase of my site’s development… and that is one of the implementations I have on my to do list.

      Reply
  18. Rebekah Radice says

    November 3, 2013 at 11:27 am

    Pinned and shared Nile – great infographic and breakdown! I’ve also found that creating an image specifically for Pinterest and G+ (specs are the same) and using it as my featured image has increased shares dramatically.

    Reply
    • Nile says

      November 5, 2013 at 1:03 am

      Truthfully, the infographic’s social icons are just a representation of the fact you need them in general for your site. And definitely, using the social network icons that work best for your site, especially if you are trying to reach others, is great. Pinterest and Google plus are definitely ones I recommend.

      Reply
  19. Rachel Lavern says

    November 4, 2013 at 2:57 pm

    I love your infographic Nile–short and to the point. I never thought to include my social media buttons both before and after my post. I work so hard to keep my blog minimalist that I may be missing share opportunities.

    Reply
  20. Leanne Chesser says

    November 9, 2013 at 12:44 pm

    Nice, simple, clear infographic. I agree and write in this way. I do tend to ignore sub-headlines at times, though! I like that you included info about writing short paragraphs. Using lots of white space (with short paragraphs, bullet points, numbered lists and other things) is really important to make your posts more accessible for your readers.

    Reply
  21. Yorinda Wanner says

    November 14, 2013 at 8:16 pm

    Hi Nile,
    great and to the point information.

    Would you recommend to have the thumnail picture on the left?

    I like your infographic which is a great visual of what you are teaching!

    Thank you for sharing this!
    Yorinda

    Reply
    • Nile says

      November 18, 2013 at 1:49 am

      It doesn’t matter as long as your theme functions well. Personally, I like to put a thumbnail on the right hand side within my single posts, but left on my excerpts. The reason- I’m assuming that the image and title did the trick for the reader since they saw those first on the excerpt, so within the single post, the thumbnail on the right is fine as I’ve already used it to convert. And for any clicking directly to the individual post from an outside source, they are there… it doesn’t matter as the image is near the top of the post.

      Reply
  22. Andrew Darwitan says

    December 1, 2013 at 9:27 am

    Useful infographic for starters. Perhaps another one to add is the call-to-action at the end of each blog post, which will lead readers into the next step of your blogging objective. =)

    Reply
    • Nile says

      December 2, 2013 at 2:22 am

      It would if you’re trying to sell or get people to subscribe… however, this is not always a workable solution for every blogger. And often, it should be within the content, especially if the content is relevant to your call to action. Also, you have your sidebar too. So, the call to action for a basic blog post wouldn’t… but it would fit for the next step.

      Reply
  23. kuro says

    December 9, 2013 at 7:06 pm

    Useful infographic for beginners. Nice, simple, clear, short and to the point. ๐Ÿ™‚

    Reply
  24. Nilesh Goswami says

    December 24, 2013 at 12:59 am

    nice info-graphic and helpful tips. I think there should be Images / video section too.
    I know not everybody use image in their post but its good practice to use image. What about the comment section? or number of comments/ preview below the post title?

    Reply
    • Nile says

      December 26, 2013 at 12:59 am

      Why… not everyone does videos… and that goes within the content anyway. Comment section is not part of the blog post… other-wise it would be “Anatomy of a Blog Template”

      Reply
  25. Sagar Desai says

    January 6, 2014 at 4:00 am

    Hi Nile,

    The Blog anatomy in the infographic is really fantastic. I am agree with all the points and will try to write in this way.

    Reply
  26. Steven J Fromm says

    January 26, 2014 at 3:54 pm

    Have not used infographics yet but I can clearly see the value. I just need to find the time to develop the skills to create these presentations. Hmm, my wife is really good with this stuff so maybe I should get her involved. Thanks for all the other tips, too.

    Reply
  27. David Merrill 101 says

    March 2, 2014 at 12:53 pm

    This is a really helpful infographic for new bloggers, especially, Nile.

    Too many posts have no structure at all and it’s very confusing for readers.

    We don’t have to keep to a stifling structure, but the basic one you’ve illustrated here is a really great blueprint for blogging successfully… and meaningfully.

    Reply
  28. Anil says

    August 24, 2014 at 10:07 pm

    This is very simple, nice and easily understandable info-graphics. Really very very useful.

    Reply
  29. Monika says

    August 27, 2014 at 9:35 am

    Very very informative infographics. I have used infographics one time and found its the best ways to explain everything in detail.

    Reply
  30. Milind K. says

    November 30, 2014 at 4:20 am

    Hi Nile!

    Great Infographic. You are one of the few people I know who can make an Infographic by hand. ๐Ÿ™‚

    Now I am going to create infographic for my website.

    Reply

Trackbacks

  1. Infographic: Basic Anatomy Of A Blog Post | Emp... says:
    October 9, 2013 at 10:01 am

    […] The basic anatomy of a blog post, especially if you wish to keep it organized for easier reading for your readers as well as easier crawling for search engines, is to pay attention to how your post content and headings are written and styled.  […]

    Reply

Leave a Reply Cancel reply

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

Primary Sidebar

Follow Me On:

  • Facebook
  • Instagram
  • LinkedIn
  • Twitter
  • YouTube

Get The Latest WordPress & Blogging Tips

Sign up for my newsletter, and also get my free ebook on 10 Reasons Why Your Website Isn't Converting, and How to Fix it!




Try to be More Positive on Social Media

Note: You can click on image and view the video in a larger lightbox window.

Footer

The Blog

Lots of free information, tutorials, and more to help you bring your best foot forward with your website.

  • Blogging
  • WordPress
  • Social Media
  • SEO
  • Web Design

Get The Latest WordPress & Blogging Tips

Sign up for my newsletter, and also get my free ebook on 10 Reasons Why Your Website Isn't Converting, and How to Fix it!

Copyright © 2025 · · WordPress