Joomla Template SEO
Joomla Template SEO Techniques
I am seeing many people mention that SEO is in the hands of the Joomla template designer. Well being a Joomla template designer I can definitely see what you are talking about and it is true to an extent. However it still has very much to do with the core of Joomla itself, the components and modules and how they are all coded since they will be displayed through the template. It is a group effort and that is what Joomla is all about.
When creating a Joomla template I like to make a simple as possible of a skeleton for all those other things which will be displayed through the template and keep it as sleek and steady as possible.
To do this there are a few things to take into consideration. One of these things is the module load styles you can use to call the Joomla module into the template. Joomla also uses the patTemplate system but I like to do it the old fashioned way still.
To learn more about the patTemplate system for Joomla see this page:
http://help.joomla.org/content/section/21/182/
To learn more about module load styles and other aspects of Joomla site creation, be sure to visit the following URL's:
The Joomla Developer Manual
http://help.joomla.org/content/section/12/125/
This is very useful for anyone who is looking to design templates or may already be doing so. There is also other information here for developers. It will be updated as Joomla evolves and things are changed or added as I have witnessed so far.
Note the mosLoadModule $style loading parameters.
http://help.joomla.org/content/view/33/125/
Here are the template standards which will be added to and modified in time.
http://help.joomla.org/content/view/493/125/
Also, from my experience, a search engine may not scan and rank your full page if it is simply too long. So if you put all the links at the bottom and the user decides to put too much text on it, the search engine doesn't seem to give those sites any ranking based on your sites ranking and they are not associated as heavily. This is where you must decide on the template arrangement.
If you decide to use tables, they can sometimes be useful when used properly, as discussed in the template standards section link above, but they are not usually required due to so many different tags and being hard to debug. They just don't seem very search-engine-friendly.
You can sometimes put an extra <td></td> in at the start of the <tr> like this:
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td></td>
<td width="50%" rowspan="2" valign="top">
<?php mosMainBody(); ?>
</td>
<td></td>
</tr>
<tr>
<td width="25%" valign="top">
<?php mosLoadModules ( 'right', -3 ); ?>
</td>
<td width="25%" valign="top">Some ads can go here</td>
</tr>
</table>
That is just an example of a table that moves the main body of the site closer to the top of the page so search engines are more likely to crawl it.
Otherwise, if you want a tableless design in your Joomla template, you would just use div tags in the right order and float them appropriately with css like this:
index.php
<div class="outer">
<div class="inner">
<div class="main_outer">
<div class="main_inner">
<?php mosMainBody(); ?>
</div>
</div>
<div class="col_outer">
<div class="col_inner">
<?php mosLoadModules ( 'right', -3 ); ?>
</div>
</div>
</div>
</div>
template_css.css
.outer {
width:700px;
margin:auto;
}
.inner {
padding:10px;
width:680px;
}
.main_outer {
float:left;
width:500px;
}
.main_inner {
padding:10px;
width:480px;
}
.col_outer {
float:right;
width:200px;
}
.col_inner {
padding:10px;
width:180px;
}
Take a look at the code above.
See how there is an inner and an outer for each unit in the template? This allows for padding to keep things away from the edges without breaking other parts of the template.
If you add in a <div class="col_top"></div> just below <div class="col_outer"> you will be able to insert a top area where you can have a heading or a graphic image. I like to use that for a rounded corners graphic at the top of the table in some Joomla templates that I design. It seems like the best way for me to get it to show properly in both FX and IE. There are some different ways of achieving this effect but this is the one I find the most stable for me. It is also a way to add a top or bottom graphic to the full template itself as well, and can be used to round its corners off too.
Do you understand the concept I am showing you here with this very simple template outline? It allows for several things.
- Your template is serving the main body first before the side column. This way, if you have a lot of things in the side column or a long article in the body, the search engine can still get a hold of the content on the page first and that is a good thing because it will eat more words and spit out more traffic.
- The outer-inner concept allows for a method of padding the content away from the outer edges of the boxes. If done properly this can protect your template from a whole lot of breaking due to padding, border and margin issues for cross browser compatibility.
- No tables! The absence of tables for the main layout is a very good thing for the newer standards being implemented within Joomla template design.
Once you create a Joomla template that meets the Joomla standards, validates (http://www.w3.org), loads quickly, uses tables properly or not at all, puts the relevant content first, and looks good in at least FireFox and Internet Explorer you just might have something great on your hands. Sounds easy, right?
For more about Joomla SEO you may want to upload this patch to Joomla.
Read up on it at their site and learn the benefits of getting it on your Joomla install and watch your site rise in the ranks!
More to come soonâ?¦ Enjoy!
Learn what you need to do what you want.
Ryan