Помогите решение оптимизации верстки

Тема в разделе "Веб-дизайн", создана пользователем V_R, 25 сен 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. V_R

    V_R

    Регистр.:
    16 май 2008
    Сообщения:
    234
    Симпатии:
    69
    Шаблон резиновый
    Структура:
    <div id="top"></div>
    <div id="header"></div>
    <div id="nav"></div>
    <div id="middle">
    <div id="container">
    <div id="content"></div>
    </div>
    <div class="sidebar" id="sideRight"><div>
    </div>
    <div id="footer"></div>
    </div>
    <div id="copy"></div>
    Задача вывести сперва
    <div id="middle">
    <div id="container">
    <div id="content"></div>
    </div>
    <div class="sidebar" id="sideRight"><div>
    </div>
    и только потом
    <div id="top"></div>
    <div id="header"></div>
    <div id="nav"></div>
    Думаю все понятно поисковик видит сперва Контент а ползователь видит сайт как положено, решения для фиксированых шаблонов не подходят. Есть какие мысли?. Спасибо
     
  2. bork75

    bork75 The Team

    Регистр.:
    21 июн 2008
    Сообщения:
    1.450
    Симпатии:
    717
    Считаю, что тема о том, что поисковики любят что бы текст был ближе к началу страницы - более чем надутая.
    Может быть для совсем слабых сайтов, где совсем нечего сравнивать.
    Большинство сайтов сейчас делается на cms, где километровые коды до контента идут.
    Если я правильно понял, что смысл этот закладывался...

    Если фиксированные шаблоны не подходит, т.е. исключаем css, то javascript, определяем блоки <div id="top"></div> и через innerHtml заменяем его на нужное содержимое.
     
  3. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.134
    Симпатии:
    668
    HTML:
    <div class="wrap">
        <div id="middle">
            <div id="container">
                <div id="content"></div>
            </div>
            <div class="sidebar" id="sideRight"></div>
        </div>
        <div id="footer"></div>
        <div id="top"></div>
        <div id="header"></div>
        <div id="nav"></div>
    </div>
    в стили
    HTML:
    .wrap {
        padding-top:250px; 
        position:relative;
    }
    .top, .header, .nav {
        position:absolute;
        left:0;
    }
    .top {
        top:0;
        width:100%;
        height:100px;
    }
    .header {
        top:100px;
        width:100%;
        height:100px;
    }
    .nav {
        top:200px;
        width:100%;
        height:50px;
    }
     
Статус темы:
Закрыта.