Google loves YOO

Warp5 is a very search engine friendly template framework for Joomla

Jul
21

Optimizing your website to easily get found by search engines and make it as accessible as possible is what makes the difference between an average website and a good one. When we gave the Warp framework its last layout makeover, one of our major goals while widening its flexibility was to achieve the best search engine friendliness possible. That's when we came up with introducing our new 2-1-3 column ordering.

2-1-3 column ordering means that in the HTML structure the Joomla component (which contains your most relevant content) gets rendered first, and then the left and right columns. The order of the columns displayed on the screen does not have anything to do with the order if the DIVs in the HTML structure. This is currently the most modern and search engine friendliest approach that is around. The image to the right shows the columns as displayed in Warp-based templates, the code to the left it is the HTML structure (simplified) that we use to create this layout:

<div id="main"> </div>
<div id="left"> </div>
<div id="right"> </div>
3-column-layout of the Warp framework

So, since Warp5 we use CSS to order the columns rather than putting the DIV with the ID "left" first in the HTML code.

It's two of them!

We actually implemented the 2-1-3 column ordering twice, one nested into the other one, and it is very easy to change the width of your columns: Now, You can set them in the template parameters in the backend of your YOOtheme template and don't have to modify any CSS for this any more.

How to change the layout column widths

Everything is accessible

Warp only makes use of unobtrusive JavaScript. All behavior is separated from the markup. This means that all content is accessible, even if your user has JavaScript switched off or if you switch off the JavaScript effects used in your Warp-based template. All JavaScript effects are put "on top" but are not necessary to be able to view the content of a website based on the Warp framework.

By Sascha | | Posted in Warp

Comments (18)

  • mangaa

    mangaa

    |
    Great! Can't wait 'til we see August Template :D
  • Very import funcion!
  • Pret

    Pret

    |
    Congratulations for your work, it is very important to us so templates.

    Only one question, when new extensions?

  • followeyes

    followeyes

    |
    Super Programming..
    I hope to see a full photography experiences for August template
  • I have to say, I'm really exited about the next template :)
  • Congratulations YOO, keep the good work up!
  • Silvia

    Silvia

    |
    I love it! Nice!
  • Paletta

    Paletta

    |
    Very good work....the new menu system is amazing!

    One ot question: is it possible to import Joomla's articles in Zoo?!?
  • Chris

    Chris

    |
    This is great I know about this and happy you guys have made it so I don't need to do it :-)
    Really love Warp5, makes my life... Happy to see AUg template sson, hope it has a VM theme (we all need that guys)
    • goyo

      goyo

      |
      Actually...please not another Virtuemart theme...there's a crap-load of VM themes out there...
  • Great job, at first i had some problems, but after that, everything goes well.

    Best regards,

    Paulo Barata - Portugal
  • haferling

    haferling

    |
    i am really excited to see the new august template. i hope this will boost away even the level template.
  • Fantastic templates!! Well done ladies and gents
  • this is a nice invention
  • Thx. Very import funcion.
  • We're switching to this framework to take full advantage of these features for our corporate site.
  • Great work designers.....
  • really your templates are very good I have bookmarked this...

Leave a comment

Please login to leave a comment.