[bird200]

Hej,

Jag har lanserat en större sajt (200 undersidor) med hjälp av Andreas Viklunds free templet:

http://andreasviklund.com/files/demo/variant-light/

Mitt problem är följande: I den högra menyn har jag 20 länkar och varje länk öppnar 3-8 sublänkar i den flik som ligger uppe.

Problemet är följande: Min sida, som är bra i meningen att folk stannar länge och utforskar många sidor och även har bra inlänkar rankar trots detta oerhört dåligt hos Google.

Jag TROR att detta beror på följande: När Google öppnar mitt HTML-dokument så ser Google först 5 länkar i huvudrubriken och därefter 20 länkar i höger-menyn + 3-8 länkar i submenyen FÖRST därefter kommer content-sectionen i mitt HTML dokument!

Det Google ser när de öppnar varje av mina sidor är alltså cirka 30 länkar som ligger före själva content-innehållet.

Jag vill sålunda nu flytta den biten av HTML-dokumentet som innehåller den högra menyn till att i mitt HTML-dokument komma efter Content. Jag tror att jag kommer att ranka betydligt bättre hos Google då eftersom Google då kommer att se de 5 rubrik-länkarna först, därefter mitt content och först därefter de 20 innehållslänkarna i min högra meny.

Jag vet inte riktigt hur jag skall ändra koden i mitt HTML-dokument för att möjliggöra för den högra menyn att kvarstå på samma plats (eller på vänstersidan) men att den kommer i HTML-dokumentet först efter content.

Den som hjälper mig med ett förslag på hur jag skall ändra - vilka sektioner i HTML dokumentet jag skall flytta vart - får 4 trisslotter av mig då jag kan tänka mig att det tar lite tid att gå igenom koden och se vad som skall göras.

Posta lösningen här, och fungerar det så skickar jag lotterna till dig med posten. Stort tack på förhand.


Så här tråkigt ser det ut idag i HTML-koden:

<div id="topmenu">
<p>
<strong class="hide">Main menu:</strong>
<a class="active" href="#">Page one</a><span class="hide"> | </span>
<a href="#">Page two</a><span class="hide"> | </span>
<a href="#">Page three</a><span class="hide"> | </span>
<a href="#">Page four</a><span class="hide"> | </span>
<a href="#">Page five</a>
</p>
</div>

<div id="wrap">
<div id="sidebar">
<ul class="sidemenu">
<li><a class="active" href="#">Active page</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a>
<ul>
<li><a href="#">Sub one</a></li>
<li><a href="#">Sub two</a></li>
</ul></li>
<li><a href="#">Link five</a></li>
</ul>

och först därefter kommer content.

Jag vill att sektionen

<div id="sidebar">
<ul class="sidemenu">
<li><a class="active" href="#">Active page</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a>
<ul>
<li><a href="#">Sub one</a></li>
<li><a href="#">Sub two</a></li>
</ul></li>
<li><a href="#">Link five</a></li>
</ul>

som på min hemsida innehåller 20 länkar skall komma först efter content-delen.

[HapiDjus]

Ta hela sidebar diven och flytta ner den under content diven.
Sen sätter du float left på content och margin-top:-200px på sidebar.

[bird200]

Ursprungligen postat av HapiDjus

Ta hela sidebar diven och flytta ner den under content diven.
Sen sätter du float left på content och margin-top:-200px på sidebar.

Gör jag dessa ändringar i CSS-filen?

Kan du ge ett förslag på hur jag skall skriva i css-filen?

[jonssondesign]

I den css fil skriver du såhär:

På rad 51 finner du #content {, mellan dessa "{ }" skriver du "float:left";

På rad 38 finner du #sidebar {, mellan dessa "{ }" finner du även margin:0;, ändra den till margin:-200px 0 0;

Det bör lösa det.

glöm inte bort att i din html/php fil ändra så att <div id="sidebar"> ligger nedanför <div id="content">.

Lycka till