• WordPress
    • Why WordPress
    • WordPress Support
    • WordPress Websites
    • WordPress Web Hosting
  • Our Projects
    • WPAnnex
    • EmmanuelPress
    • ChrisCree.TV
    • New Media Profit Path
  • Get Your Domain

SuccessCREEations, Inc.

Guiding Your Business to Increased Income though Effective New Media Systems Online

  • Home
  • About
    • Talk About Us
    • Chris Cree
    • Examples of our Work
      • Dr. Mo – Learn to Win!
      • Allstate Insurance
      • Halo Models & Talent Group
      • HighCallingBlogs.com
      • MyHuntingandFishing.com
      • BuzzFoto
  • Services
    • Social Media
    • Websites
      • WordPress Support
      • WordPress Web Hosting
      • Domain Names
  • Blog
    • Archives
    • Site Map
    • Comment Policy
    • Tag Cloud
  • Contact
  • Topics
    • Blogging
    • Social Media
    • WordPress
      • Tips
      • Themes
      • Plugins
    • SEO
    • Tech Tips
    • Personal Growth
    • Misc
You are here: Home / Tech Tips / 1 Simple Tip to Improve Readability and SEO at the Same Time

1 Simple Tip to Improve Readability and SEO at the Same Time

January 23, 2008 by Chris 20 Comments
Tweet

One of the questions I get asked a lot is, “Are you an SEO Expert?”

When I talk with the asker a bit, usually what they want to know is, “Can you help my site get ranked higher in the search engines?”

You bet I can do that.

Did you know there is something you can do that will not only help with your search engine rankings but also help make your posts more readable for people at the same time?

There is a catch, though. To do this you have to learn a tiny amount about HTML coding. The good news is that it is pretty easy. So don’t panic. You can learn how quickly. Let’s dive in.

Very Basic HTML

Today we’re going to talk about HTML tags and one type of tag in particular.

Most all HTML tags follow a consistent format. Basically you put the tag inside the less than and greater than brackets like this <tag> so that you are telling the web browsers that look at your site start doing something.

You also have to close out the tag where you want that particular attribute to stop. Do this by using the same tag but with a slash in it like this </tag>. (You can tell when someone has forgotten to close out a tag because the text is bold or italics from that point to the end of the page and looks silly.)

Now there is no such HTML tag called “tag” so lets show how this works using a real tag.

When you are writing something in WordPress, say you want to make some text bold. You know that all you have to do is highlight the text you want an click the “B” button to make it bold.

If you click over to look at the code for that bold passage you will see that WordPress added this tag to your text. <strong> </strong>.

So this sentence
<strong>HTML tags are not so mysterious now.</strong>

Is displayed as
HTML tags are not so mysterious now.

Basic HTML tags are especially useful for formatting your text to make it more readable. When coupled with a good cascading style sheet (CSS) there are tons of things you can do.

One important note: You have to enter in your tags in the raw code entry field in WordPress and NOT with the visual editor. The visual editor is “what you see is what you get” and it will convert your tag to raw text so that it can display it the way you entered it in the window. If your tag shows through instead of changing the text you were trying to modify it is probably because you entered it using the visual tab. Just delete the gobbledygook using the code window and re-enter it again.

Header Tags

Now that we know how to use tags, let’s talk about improving SEO and readability. We can do this using header tags.

Header tags help break up your text into sections so they make the page easier to read for people. The search engines also like header tags because they look at them closely when they determine what is on that page. Combined that makes header tags a useful tool for improving our sites.

Here are the basic header tags:
<h1> </h1>
<h2> </h2>
<h3> </h3>
And so on up to
<h6> </h6>

Generally speaking the headers get smaller as the numbers get bigger, but that isn’t always the case. It depends on how the site’s cascading style sheet is set up.

It can get confusing because the size is determined by the style sheet which gives web designers all kinds of flexibility building sites.

For example, currently here on SuccessCREEations, the site title up top is actually surrounded by h2 tags even though it is bigger than the post titles which are in h1 tags.

You may have to experiment on your site a little to see which size works best. In my case I use h3 tags for post sub headers. So the code for the subheading above looks like this.

<h3>Header Tags</h3>

I type that into my code window and my style sheet sets the size and spacing for the header.

Use Header Tags Wisely

So now you have another tool in your arsenal to help improve your site’s SEO and make your site more readable at the same time.

Just one word of caution, like everything in this world it is possible to overdo your header tags. Don’t go too nuts with them or you will defeat the purpose all together.

Too many headers will make your site look fragmented and confusing. And the search engines just might penalize you for it too.

Go try it out on your site and let us know how it goes.

Related Posts with Thumbnails
Print Friendly

SuccessCREEations.com runs on the Genesis Framework

Genesis Framework

The Genesis Framework empowers you to quickly and easily build incredible websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. It's that simple - start using Genesis now!

Check out these incredible features and wide selection of designs. With automatic theme updates and world-class support included, Genesis is the smart choice for your WordPress website or blog.

Or even Become a StudioPress Affiliate yourself.

Filed Under: Tech Tips Tagged With: Header-Tags, HTML, Readability, SEO, Tech Tips

Comments

  1. bruxism says:
    January 23, 2008 at 12:25 pm

    The part with the tabs was familiar to me.
    Also, I knew that italic written words are also considered important.
    I did found out something new today, about the h headers.
    I’m going to apply those tricks right away!
    Thanks for the post!

    Reply
  2. Annie Boccio says:
    January 24, 2008 at 2:39 pm

    Great, simple tip, I do the same on my site! One of the things I love about WordPress is that it’s full of search engine friendly details.

    Reply
  3. Barb Thornback says:
    January 26, 2008 at 8:50 am

    Great info.I will be using these tips on my site.

    Reply
  4. Oza says:
    January 27, 2008 at 6:43 am

    Hi Chris

    Nice post you´ve written – usefull tips… :)

    Reply
  5. Karsten søgemaskineoptimering says:
    January 29, 2008 at 1:09 pm

    Always remember to use at least h1 h2 and h3 – it makes google think that the document is well structured …

    Reply
  6. Sami says:
    January 29, 2008 at 3:16 pm

    Thank You for the tip

    Reply
  7. Li Zhang says:
    February 4, 2008 at 7:10 pm

    Thanks. I will be sure to try this out immediately.

    Reply
  8. Technology says:
    February 4, 2008 at 8:08 pm

    Thanks for the tip. Basic methods such as this are the corner stone of good SEO.

    Reply
  9. Rob McNealy says:
    February 6, 2008 at 9:04 pm

    Good point. Using header tags is something I usually forget about, but should probably really get into the habit of doing.

    Off to edit some posts…

    -Rob

    Reply
  10. T Martin says:
    February 13, 2008 at 12:55 am

    Since some search engines penalize you for overusing header tags you can use bold words too. Many search algorithms do score the bold words higher.

    Reply
  11. Chris says:
    February 13, 2008 at 8:33 am

    Good point, T. Just like most things, the old MTV motto of “Too much is never enough” is probably not a good idea. Judicious header usage is best.

    Reply
  12. Søgemaskineoptimering Rosenstand says:
    May 14, 2008 at 4:47 pm

    Well… I tend to think that Google plces less and less importance to the H1-6 tags these days – and more emphasis on content and high quality links.

    BUT – BUT…. A well structured website is user friendly and thus attracts links. So I agree: Keep using those H tags and do it wisely.

    Reply
  13. Morten says:
    October 6, 2008 at 2:18 am

    Great tip
    I have some work to do on my website ;)

    Reply
  14. Alex says:
    November 26, 2008 at 7:10 am

    Actually a well structured page keeps the visitor on the page and he can read your message :)

    Reply
  15. Søgemaskineoptimering - dotseo says:
    December 5, 2008 at 7:42 pm

    Great tips, i like your blog style.

    Reply
  16. Daniel Martin says:
    April 17, 2009 at 6:11 am

    In _most_ cases you should use <strong> in place of <b> as strong has some semantic meaning and should therefore be given greater emphasis by search engines etc..

    Reply
  17. Teeth Grinding says:
    April 17, 2009 at 6:13 am

    One can also use <em> and lists.

    Reply
  18. islamisohbet says:
    June 5, 2009 at 2:30 am

    Since some search engines penalize you for overusing header tags you can use bold words too. Many search algorithms do score the bold words higher.

    Reply
  19. mark says:
    June 27, 2009 at 12:40 pm

    Some search engines penalize you for using header tags you can use bold words too. Some search engines score the bold words higher.

    Reply

Trackbacks

  1. WordPress Advanced ToolBar | SuccessCREEations, Inc. says:
    February 12, 2008 at 8:48 am

    [...] now, when we talk about improving SEO and readability with header tags, you can do it right from the visual editor. Very [...]

    Reply

Comment Policy: Your words are your own, so be nice and helpful if you can. Please, only use your real name and limit the number of links submitted in your comment. If in doubt, please take a moment to review our full Comment Policy before you click "Post Comment" so we don't mark your comment as spam.

Speak Your Mind Cancel reply

*

*

Sponsors

Genesis Framework for WordPressScribe SEOHeadway Themes — Is your website making Headway?

Connect with Chris

  • Facebook
  • Google+
  • Linkedin
  • RSS
  • StumbleUpon
  • Twitter

ChrisCree.TV

ChrisCree.TV banner

High Calling Blogs

Work and God

Good Stuff

Local Guides

  • Austin
  • Memphis
  • Charlotte
  • Baltimore
  • El Paso
  • Milwaukee
  • Madison
  • Boston
  • Seattle
  • Nashville
  • Denver
  • Washington DC
  • Las Vegas
  • Louisville
  • Portland


 TwitterCounter for @ChrisCree 
Friend of Creative Coast Button
Blog Network:
Name:
SuccessCREEations
Topics:
Social Media, Blogging, WordPress
Join my network
Blog Networks

Did you notice how fast this site is?

SuccessCREEations is accelerated by the
MaxCDN Content Delivery Network

Return to top of page

Copyright © 2012 · Delicious Theme (heavily) customized by SuccessCREEations, Inc. on the Genesis Theme Framework · WordPress · Log in