|
|
|||||||||
|
|||||||||
|
|||||||||
| |
||
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
How to squeze more text onto my page!
Hi everyone.
Bascially i only have a small amount of space on my site so i was looking into various methods of adding more content onto the page. My options as far as i am aware include... Stacking divs on top of each other, each filled with text. Then use javascript to change the z-index of these divs to reveal the content (triggered by an event). Using javascript to hide and show content. Using Ajax to load the content. etc... So i was wandering if anyone has any sugguestion about which method is likely to yield the best results. I personally find it hard to belive that google would simply allow you hide content or have content positioned underneath content. And what about ajax? Can search engines really read the content from a page created using ajax? Any sugguestions would be greatly appreciated. Thanks. |
|
#2
|
||||
|
||||
|
DIV is search engine friendly, but not javascript.
Do you need to put all the data in one page only? If not and you can split your content in different pages, I would suggest you to do that.
__________________
Save Streaming Videos |
|
#3
|
||||
|
||||
|
The DHML Div option turnign on and off layers is the way to go.
AJAX content will not be read by a search engine - I have tested several different AJAX content methods and tried to find something that worked in a best of both worlds scenario. I did not find a suitable option.
__________________
SEO Tutorials for Beginners, SEO News, SEO Testing Call me on Skype and get SEO advice now - skype name "tstolber" The Truth about META TAGS |
|
#4
|
|||
|
|||
|
ok thanks.
i think ill pursue the stacked divs method. |
|
#5
|
|||
|
|||
|
Quote:
Below is a proven method: Add this script in your head section: Code:
<style>
div.tricky {
font-size: 10px;
padding: 5px;
border: 1px solid #344D51;
background-color: #E0ECE5;
visibility: hidden;
position: absolute;
left: 25px;
top: 0px;
width: 300px;
-moz-opacity: 0.9; filter: alpha(opacity=90);
}
</style>
<script language="JavaScript" type="text/javascript">
function MM_findObj(n, d) {
var p,i,x;
if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);
}
if(!(x=d[n])&&d.all) x=d.all[n];
for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function changestyle(content, style) {
if (!(layer = MM_findObj(content))) return;
layer.style.visibility = style;
}
function changeclass(objet, myClass)
{
objet.className = myClass;
}
</script>
Then use it to make your div hidden or visible: Code:
<div>
<div style='position: relative; z-index: 1;'><a class='centre2' onMouseOver="changestyle('content1234','visible');" onMouseOut="changestyle('content1234','hidden');" href="http://www.mydomain.com/">Example of visible/hidden content</b></a>
</div>
<div style='position: relative; z-index: 1000;'>
<div style='z-index: 1000;' id='content1234' class='tricky'>
<div style='font-size: 11px;'>At nunc si ad aliquem bene nummatum tumentemque ideo honestus advena salutatum introieris, primitus tamquam exoptatus suscipieris et interrogatus multa coactusque mentiri, miraberis numquam antea visus summatem virum tenuem te sic enixius observantem, ut paeniteat ob haec bona tamquam praecipua non vidisse ante decennium Romam.</div></div>
</div>
</div>
The content will be indexed by the bots, and it cannot be considered as hidden content because it displays when the visitor points his mouse over the link. Last edited by Keiros : July 24th, 2008 at 10:52 AM. |
|
#6
|
|||
|
|||
|
ok thanks. ill prob do it using jquery or something. plain javascript is a bit hardcore for me. :-)
Do you think it is possible to get away with simply having one div stacked on top of another without any link to it. i know it's a bit black hat. Does the fact that you code displays the contents of the div onmouseover make it more seo freindly that onclick? Thanks. |
|
#7
|
|||
|
|||
|
Quote:
That's not more or less seo friendly: either onclick or onmouseover will have the same effect on search engine (they won't see the Javascript but will index the text). It's just more user-friendly: a click on a link is supposed to go somewhere, not to simply display a text, while it may seem more natural to visitors to see an infobox appearing when they move their mouse over the link. |
|
#8
|
|||
|
|||
|
Quote:
This one is ready for use: you just need to make your adjustement within the style section (or CSS) to change colors, width, etc.... I used it for years on one of my websites, just got rid of it last May after a complete design change. |
|
#9
|
|||
|
|||
|
ok thanks Keiros ill look into that.
|
![]() |
| Viewing: SEO Chat Forums > Search Engine Strategies > Search Engine Optimization > How to squeze more text onto my page! |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|