A Code Change That *May* Improve Your SE Rankings

Please Note:  This is one of those posts that can be taken the wrong way if you don’t read carefully and watch my video below.  Please understand that I am not by any means guaranteeing a massive traffic increase.  This is only a suggestion based on common sense and SEO.

Is Your Website Code Optimized for SEO?
As you may know, your search engine rankings, largely depend on relevant, quality backlinks (related sites that link to you.)

However, when it comes to less competitive keywords (which make up the majority of my search engine traffic for all my sites), your content and other on-page criteria may have more influence in certain cases.

So it’s still important to make sure your pages are as optimized as possible, and this includes ensuring that your source code displays your main content as close to the top of the page as possible.

The problem is, most CSS templates (static websites and blogs) are not coded this way by default.  Check the source code of your site (right click and View Source on your page.)  If you have a left nav, I bet that content comes up before the main content.

Just to experiment, I changed Flat Stomach Exercises (my Site Build It! site) last August.  Now the content displays right after my header in my code.

Shortly after this change, my search engine traffic grew dramatically and I haven’t updated the content in over a year.  I also haven’t actively promoted this site in several years.

Coincidence?  Could be.  I’ll never know for sure.

It would be very irresponsible for me to assume this change was the sole reason.  Please read that last sentence again because the last thing I want to do is mislead you.

Nevertheless, why wouldn’t you want your content to appear as close to the top of the page if you understand how search engine bots read web pages. (They view the source code from top to bottom.)  To me, it just make sense to make this change.

This is especially true for those of you with long, busy navigations with a lot of links, ads, etc.

And even if it only moves your pages up a few spots in the rankings, multiply that impact by hundreds or even thousands of different keyword phrases your site gets found for every month. Think about it.

This tip is probably not going to impact your rank for most competitive keywords, but could have the greatest impact on long-tail (less competitive) keywords. I don’t know about you, but long-tail keywords make up the majority of my search engine traffic.

Watch the video below and tell me what you t

Can’t see the video?  Click to watch.

Good News for Thesis and Site Build It! Owners

If you own Thesis (blog) or SBI! (static website), both of their default templates code the content before the left navigation by default. There may be more themes/products out there that do this, but these are the ones I own so I can only speak on them.

The reason I had to change my SBI! site is because I use a template that I created from scratch.  So if you use the basic float: left attribute for your left nav (CSS sites), more than likely this is true for your site too.

You May Also Like...

Twitter Digg Delicious Stumbleupon Technorati Facebook Email


How to Create a Niche Website

67 Responses to “A Code Change That *May* Improve Your SE Rankings”

  1. Nice tip.. Looking into this now :)
    John Paul Aguiar recently posted..Shoemoney System Weapons Of Marketing BlueprintMy Profile

  2. Lisa, this is another great article IMHO:) It certainly is surprising at times what factors can make a difference in SEO. Then again, I am new to this, and so maybe to others it is not all that surprising. I would say that overall, the old adage “the devil is in the details” applies to SEO. Thank you for reminding all of us to continually be aware of the small details when building our websites, in addition to a few others teachings I have come to associate with your teachings since becoming a fan and avid reader of your site and this blog: 1)making money online is possible, but you must be patient 2) build great content and give good value and the visitors will come 3) follow your passion in choosing your website and the money will follow (not the reverse). It is nice to have an honest voice of reason out there in the wide world of the web amongst all of the scammers who serves as both an inspiration and coach of sorts to people who might be struggling with their first attempts at creating a website. Thank you, Lisa.

  3. Very good tip. I’ve generally used right nav for this reason and a top nav for the super important stuff.
    Loretta recently posted..Consider Adding Additional Services to Your Virtual Assistant BusinessMy Profile

  4. I’ve always looked at source code but never paid much attention to it. nice. I’m assuming this is what you end up paying a SEO special for…just moving your content…and they make it seem like more. Very informative.

    •  

      A good SEO firm/company will hopefully educate you on the importance of backlinks and relevant content FIRST. But yes, small changes like this can make a difference.

      • i’m sure they do but i always keep a flag up. it can be a catch-22 like submitting your site to search engines for a fee. again…i played with code for yrs and never paid attention. also…i wanted to note on the original content. i too have seen a site or two mimicking your sites but they are more or less dead in the water. my thing to users is cloning popular sites is a waste of time and money. i used a treeloot clone years ago and lost a lot of money. keep it original.

  5. I didn’t comment on the last two posts because they seemed to be more for the advanced people. But I read them and will remember them when I get to that point. This post got me all fired up again. I’m having a blast writing content for my blog, and I’m about to switch to a private host next week. Just a snag transferring my domain. Going to use Thesis, too! Thanks, Lisa!

  6. Hay Lisa, thank you very much for your tip.
    I wanna just to ask you how much do you make from your fitness site alone in adsense revenue now?
    and whey adsense revenue for static site increase with time?

    Thanks again, you are the best.

    Morocco
    liondese recently posted..Comment obtenir un ventre plat- sans perdre du poidsMy Profile

  7.  

    Thanks for this post Lisa. I never imagined that this would have any effect at all on SE rankings. I have always thought that once you have content on your page that’s all that matters for your site’s ranking. But I now see your point and it perfectly makes sense to me.

    Well I am happy to be using Thesis :)

    Thanks for the tips Lisa 8) Kharim recently posted..How To Make Money With Twitter & FacebookMy Profile

  8. Good point, Lisa. It may be only a small thing in a way, but my understanding is that really good seo is basically all little things. Some are a lot more important than others of course, but in general it is just a matter of paying attention to a lot of little details and finding time to do a number of helpful things consistently.

    The reason for my comment is primarily to point out that you do not have to abandon left side (or top for that matter) menus to put content first in the code as one comment implies. If you use css for design you can put the different parts in any order. And it is easy.

    I adjusted my largest site (over 200 pages) a few months ago to achieve this goal and it only took me a very small amount of time. On each page all I had to do was drag the content div to the top of the page.

    • Hi,

      I’ve been wanting to put my content at the top of my code for a while now but couldn’t think of a way of doing it whilst retaining my left menus. Can you give more info on your css solution please – i’m not an expert on css but can get around.

      thanks for all of your great help

  9.  

    I’m quite certain that making your content code appear higher on the page resulted in the increased traffic. It is amazing how these little changes make a difference. I recently installed a WP plugin by the name of Meta SEO Pack which allows me to add my own keywords and page description, as opposed to using the automatic WP generated meta tags. Thanks to this plugin, I’m now ranking higher for certain key-phrases.
    Wayne Farley recently posted..Response cached until Tue 27 @ 0:20 GMT (Refreshes in 16 Minutes)My Profile

  10. I ran into a post you made somewhere before, also mentioning this thing. When I view my old source (SBI block built pages) I can see my Navigation with a lot of links before my content.
    Now I am swaping to my own HTML and now the source seems better. At least I hope. It looks like the content is closer to the beginning and I am sure all those navigation links are below the content now.
    But thanks for reminding us to check stuff like this :)
    Brankica | Cool Small Pets recently posted..A Code Change That May Improve Your SE RankingsMy Profile

    • Don’t know if this can be edited but I obviously messed up something here, it is showing this blog post as my last blog post. Sorry

  11. I don’t know if this really would help a low. It could?

    I still think Backlinks, and content are the MOST important.
    If you want higher PR build up backlinks and try to get indexed with Google Webmaster Tools or Yahoo’s version.

    If you use a Blog, try using a SEO plugin like “All In One SEO”. Make sure to use tags properly, that should help with SEO.
    CodersCorner recently posted..10 Must Have WordPress Plugins!My Profile

  12. Awesome Tip Lisa.
    I’m already using thesis and it’s really awesome theme.

    Thanks for sharing.

    Have you received my mail?

    ~Dev
    Dev – Technshare.com recently posted..5 Reasons Why Most Bloggers FailMy Profile

  13. Thanks for the video Lisa. I have several sites and the content comes first on all but one of them. On one of my sites both the left and right nav columns come before the content. This site has never ranked well and it might be because the content comes last. In fact, the traffic is worse for this site than all of the others. I’ll try to make the change and see if I see any improvement in traffic.

    You also mentioned you might provide a tutorial for changing the code to make the content come first. I would love to see this if you have time to create it. I might be able to figure it out myself but I might not :)

    • I agree – tutorial would be great!!!!

      I’m reading more and more on the beneficial affects of having content as close to the body tag as possible.

  14. Hello Lisa, I’ve been watching your video’s for over a year now, your awesome!

    Anyways, I was doing some keyword research and seen your video is in the top spot in google for the keyword residual income online. I found it when I was looking for domains for the new .co TLD. And I wanted to ask you about your thoughts on the new domain seo wise.

    There is a lot of people on both sides, some say it will be just another .biz and info, others say it will rank better than those in googles eyes. Im curious what you think.
    Randal – Little Tikes Handle Haulers recently posted..Little Tikes Handle Haulers Rowdy the Ranch HaulerMy Profile

  15. Lisa,
    Every time I come to your blog you provide so much great content to help us, I really truly appreciate all that you do to help people.

    Lori
    Lori Robertson recently posted..Success Tip 5 ValueMy Profile

  16. So how does that work if you use a master page. All the top and left side is on every page, before the content. Will it pick up the individual content of each page if it’s listed first on the master page?

  17. Great tip, sounds like common sense.. I do wonder, why is this (your) source code not optimized..? ;)

    •  

      To be honest, I didn’t learn how to do this until last summer. So I tried it out on my SBI! site since I was redesigning it at the tie. I didn’t really think this would make a major difference but now after seeing these results I think it’s worth it. So now I’m working on my other sites.

  18. I have

    Welcome To Osprey Pools UK Website 

    in the source code at the beginning
    Does that make any difference Lisa?

  19. dear lisa i love your suggestinos i am very good follower of your blog and twitt i am going to work on my web site http://www.pcat.tk and it belongs to IT Services which i am offering in india and i am looking it to make #1 in SE plz hlep me by makking sugestions and required changes on my site and design

  20. Thanks Lisa. I have yet to concentrate on SEO techniques but this looks good. Might even move over to Thesis when I re-design my blog.
    Michael recently posted..Want True Food Freedom Then Repeal The Drinking Age!My Profile

  21. Thanks for sharing this great idea! I never thought of this before. I am now planning a new website (it will be a financial information website), and I will do the coding accordingly. Thank you once again.

  22. I never really thought the orderlieness of my code could effect my site’s ranking. I’m going to havee give this a try. Thanks!

  23. Another great thought on how to improve SEO. I dont know if you know if other WordPress blogs may not be optimized well as there are so many themes. Obviously, check your own code and look for the positioning you mention. Good to see an article that hits on a point that most dont think about – Steve
    Steve LHeureux recently posted..Online Marketing- Simple 4 Step Process To Supercharge Your BusinessMy Profile

  24. Thanks Lisa! So how do you change the code to show your main content higher up in the source without messing up how it appears on the page?
    Matt recently posted..What Is Mesothelioma Find Your Answer Here &amp MoreMy Profile

    •  

      As I mentioned in the vid I floated all my columns to the left and adjusted the margins. There is a way to do it but it would depend on how your site is already coded. Kinda hard to explain here but I will probably do a video.

  25. i love your site maam lisa. Very informative. I regularly visit your site for studying how to create a website. I have a site but it needs more shape. http://affordablecebu.ucoz.com/. I’m very hopeful that I could get more useful tips from you regulary. You’re great… khen from philippines

  26. Nice tip.. Looking into this now

    Faiz Shafie

  27. its a win all to implement this seo checklist when developing page from start. thanks for sharing this one.

  28. I have personally experienced this also. About a year ago I had my navigation on the left, before my content. A friend told me make sure my content was first. It was a pain changing the code, but within a month I was ranking in the top 10 for my main keyword – before that I was in the 20 – 30 for a long time. I really believe this had a lot to do with it. Great tip and one I always think about when building a new blog.

  29. As Tracy noted, “I would say that overall, the old adage “the devil is in the details” applies to SEO.”

    I notice that several posts in this thread point to how close to the beginning or whatever the content needs to be. The general consensus among seo people seems to be that the first 250 words are the important ones for this factor. By putting the content first and being sure to make the first paragraph clearly identifying and emphasizing the important keywords the most advantage should be gained.

    Another question was raised and not answered about google’s seo value given to different extensions. Matthew Cutts (google) has stated clearly that there is no difference in their system. However, he also notes (as anyone would logically conclude) that some, particularly dot com, have advantages because people will search for and remember them better, etc.

    Lastly, I note that some have wanted to know more about how to do this at all and asked about tutorials. As Lisa commented, this is hard to do relative to specific sites without knowing how they are constructed. If tables are used, for example, it could be very difficult. But with basic html using css for layout it can be very simple. In this case the order of the code is not critical.

    If you had the content structured with four divs, header, left column, center column, and right column, you can write them with the center column first followed by the others as you wish. The css can then tell each where to be placed on the page with the basic “position” instruction.

    For some of you this will be elementary. For those who have not studied these areas this shows the value of using css for design/layout and for taking time to learn the basics of both html and css no matter how you work.

  30. thank you so much for sharing this information with us, it is pretty interesting.

  31. To be honest, Lisa, my websites with the content after the navigation coding are the ones kicking butt. Now, it could be that they’re older than my newer sites with the content before the navigation code (My older sites were created with Website Tonight, which has the nav code before the content, while my newer sites, with content before nav code are being created with XSitePro). However, having the content after the nav code hasn’t appeared to have hurt those sites in search results.

    You do have a fabulous site here – have been following your advice since I first stumbled on your flat stomach site.

    Thanks for all your great info.

  32. Now the content displays right after my header in my code.

    What do you mean by “content displays right after my header”? How was the content displayed before? Usually site/page header is loaded before content. I checked your site’s source code but I found no answer. Can you be more specific about the change you made?
    Plamen recently posted..How to create applet and youtube bbcodes for phpBB3My Profile

  33. how does this change you mentioned change the way google sees your site?
    does it load faster?

  34. I did it. I move my content after the header code. Before the change my content was after the header, left nav and right column. It was almost at the end. Bad bad place to be.

    It took me two days. I use Dreamweaver CS4 with the three column fixed CAN template. I have a master template page that controlled other templates and web pages. So it took some work modifying the code to keep all of this working.

    I’m happy to say it all works. I kept detailed notes on what I did to get it to work. Maybe if Lisa asks, I could share them.

    My site is new so maybe this will help getting those long tailed keywords.

    Thank you Lisa

  35. Great article..
    You have very good point..
    Thank you very much Lisa for sharing this interesting and informative ideas.

  36. Hi Lisa

    Your explanations were what inspired and what I used to begin my travel blog, a little over a year ago, and it has been an exciting trip for someone who knew zero about coding.

    The blog is now a reality, I have some advertisers and traffic is growing, but this tip you give would be helpful. Will you do the video explaining how to do the change? My blog is in wordpress (.org) so I could change the CSS files , but with guidance.

    Thanks again for a great tip, whenever someone asks me how I got into all this and where to learn the basics I point them to your site.

    Federico

  37. Hi Lisa!
    I’m so glad I found you several months ago. I built a site ( http://blossomingbodyscents.com ), which I am working on SEO now and reading your blogs are so helpful. I would also be interested in seeing a video on this subject. Thank you for all the tips you share with us all!

  38. Very great post, I also watch your youtube videos.
    You’re coming across as a genuine and honest person.
    I love to learn more from your blog. I love the wole SEO
    thing and seeing your website as a business.
    Even though I’m making 0,00 euro’s (I’m from Holland) I’m loving the process and I know that if I’ll keep at it, the results will come.

    Lady Gaga blog

    Ciao.

  39. lisa thanks for the information, I personally want to maximize my blog :)
    Wiyartisari recently posted..Opera Mini Nokia 5130 ErrorMy Profile

  40. Hi! :* Is it Okay when I inquire a step kinda off subject? I’m looking to view this web on my new iPad but it won’t show up competently, do you could possibly have any options? Need to I stab and realize an modernize for my software package or another thing? Thanks straight! Crazy z :)

  41.  

    Hi Lisa,

    I would definitely like to learn how to do this. I am working with Thesis as well and the more help I can get the better. Do you think you will be able to make a video on it?

    Scarlet

    •  

      HI Scarlet,

      I was going to but some people were looking at my code and said that using negative margins is really not a good practice for code validation. So I’m debating on whether or not I want to advertise that method. Maybe I’ll do it with a disclaimer. :)

  42. Hi Lisa,
    How do I move the content above the Navbar code in Block Builder?
    I don’t use “Upload Your Own”, and I don’t see how that it can be done.
    jeff recently posted..Jan 8- The Electric Pencil Sharpener Can be Used to Put a Quick Point on Most of Your DMy Profile

  43. I checked the code, the Navbar coding comes before the content on my pages. The only thing that is below the content is the footer code. I guess maybe SBI doesn’t see the positioning of the code as an issue.
    Thanks,
    Jeff
    jeff recently posted..Jan 8- The Electric Pencil Sharpener Can be Used to Put a Quick Point on Most of Your DMy Profile

  44. However, it can hurt your site too if you don’t know how to good to optimized your website. Right ?
    Tony recently posted..ASUS Eee Slate EP121 Windows Tablet Available For Pre-Order On MicrosoftMy Profile

  45. @Jeff – since you’re using the BlockBuilder, the navigation bar is actually comprised of images. SBI did that by design so that your content is read first.

    I am using a custom template, with a textual nav bar, so I will need to make the changes Lisa discusses.

    • Hey Jennifer,
      I knew that the navbar was made from images, but it never occurred to me that this was the reason it was done.
      It makes sense.
      Thanks,

      Jeff

  46. Hi Lisa, hi Lisa-admirers :-p
    I think there’s a good chance of you being right :-) . I would like to change my code but I really have no idea at all how to start on this one. If you take a look at my code, you will see that my css code is actually in the code of every single page (because i used a template so the loading of the page would benefit from it). How can I possibly get my content code up, above my css code?
    and hey Lisa, I came all the way from Belgium (Brussels) ;-)

  47. Hi Lisa
    I found it :-| !! You can be proud of me :-)

  48. I was contemplating on builing my own blog and looked on youtube and there was alot of videos..then I can across your and I come to your youtube and page for all the info I need. My blog is still in the works as I am trying to get all the info inplanted but thanks to your tips I think it will get there and help many people. Thanks for all you do!
    Tracers
    tracey recently posted..Mega Swag Bucks Day Has LandedMy Profile

  49. nice, i already change my css now, base on you experience, and tray to get my content as close to the header, i never realize that until read you article, so let see if this can effect to my site to
    royal kamuela ubud by ubud hotels recently posted..Royal Kamuela Villas Ubud, Monkey ForestMy Profile

  50. Deffo agree with what you are saying here. I’m uncertain if I would do it though :)

  51. What do you think of these articles?

    http://www.seomoz.org/qa/view/52335/source-code-ordering

    http://john.albin.net/content-first-source-order

    It seems there is no difference in results and there might be some penalties or confusion on readability .

    I’ve implemented this before and it’s easy to do it. However, I’m no sure if it made an impact on my results. So, I’m wondering if in fact has an impact on SEO.

  52. Optimized code works wonders! Forget about those who boast with so many lines of code. Why bother when you can get what you need with just a few witty lines.

    Wholesale Beads
    http://www.beadnshop.com

Leave a Reply

CommentLuv badge