Выпадающее индексированное поисковыми роботами

[people2010]

Подскажите, на чём нужно делать и как сделать выпадающее меню, чтоб оно индексировалось поисковыми роботами?

Если кто делал,напишите пример реализации.

Заранее благодарю.

[npofopr]

по-моему хоть как, лишь бы не флеш)

пользуйтесь гуглом. выпадающих меню навалом. всякие можно скачать.

[swetlana]

Так а какие проблемы?

Робот смотрит в код, а не на внешний вид страницы.

Делаете стандартный вложенный список. Он и будет индексироваться.

Как пример, вот здесь я сейчас заканчиваю халтурку: http://cro-shop.ru. Сайт конечно такой, что я его в портфолио вряд ли поставлю, но менюшка сверху выпадающая как раз как вам надо. Можете брать за образец и делать нормально.

[Vlad]

Ссылки в ниспадающем меню должны оставаться ссылками, а то мне попадались варианты перехода на страницы через JS, такие ссылки поисковики точно не возьмут.

[barsev]

Интересно, а индексируют ли поисковики элементы, у которых style="display:none;"?

[swetlana]

индексируют.

По крайней мере Яндекс за таким был пойман не раз.

Но всегда ли и от чего это вообще может зависеть — одной Богине ведомо.

[v.asya]

Ваш HTML

<!--Выпадающее меню-->

<div class="gdsmenu">

<ul class="gdsfst">

<li><a href="goods_gate.html" class="gdsfst">ВОРОТА МЕТАЛЛИЧЕСКИЕ</a>

<ul class="gds">

<li class="gds">ворота технические</li>

<li class="gds">ворота противопожарные</li>

</ul>

</li>

<img src="img/menuline.jpg">

<li><a href="goods_door.html" class="gdsfst">ДВЕРИ</a>

<ul class="gds">

<li class="gds">двери металлические</li>

<li class="gds">    двери для квартиры</li>

<li class="gds">    двери технические</li>

<li class="gds">    двери противопожарные</li>

<li class="gds">двери деревянные</li>

<li class="gds">    двери межкомнатные</li>

</ul>

</li>

<img src="img/menuline.jpg">

<li><a href="goods_perfolist.html" class="gdsfst">ЛИСТ ПЕРФОРИРОВАННЫЙ</a>

<ul class="gds">

<li class="gds">варианты перфорации</li>

<li class="gds">техническая информация</li>

<li class="gds">применение</li>

<li class="gds">изделия из перфолиста</li>

</ul>

</li>

<img src="img/menuline.jpg">

<li><a href="goods_metmeb.html" class="gdsfst">МЕТАЛЛИЧЕСКАЯ МЕБЕЛЬ</a>

<ul class="gds">

<li>шкафы</li>

<li>    шкафы архивные</li>

<li>    шкафы гардеробные</li>

<li>    шкафы депозитные</li>

<li>    шкафы картотечные</li>

<li>    шкафы офисные</li>

<li>    шкафы секционные</li>

<li>    прочие изделия</li>

<li><a href="goods_st.html">стеллажи</a></li>

<li>    <a href="goods_stgruz.html">стеллаж грузовой</a></li>

<li>    <a href="goods_stklet.html">стеллаж клеточный</a></li>

<li>    <a href="goods_stmob.html">стеллаж мобильный</a></li>

<li>    <a href="goods_stoffice.html">стеллаж офисный</a></li>

</ul>

</li>

<img src="img/menuline.jpg">

<li><a href="goods_lift.html" class="gdsfst">ОБРАМЛЕНИЯ ЛИФТОВЫХ ПОРТАЛОВ</a></li>

<img src="img/menuline.jpg">

<li><a href="goods_ogr.html" class="gdsfst">ОГРАЖДЕНИЯ</a>

<ul class="gds">

<li><a href="goods_ogrbalc.html">ограждения балконов</a></li>

<li><a href="goods_ogrladd.html">ограждения лестничных маршей</a></li>

<li><a href="goods_ogrwin.html">ограждения окон (решетки)</a></li>

<li><a href="goods_ogrstreet.html">ограждения уличных площадок</a></li>

</ul>

</li>

</ul>

<br>

</div>

<!--Конец выпадающего меню-->

ВАШ CSS

/*ВЫПАДАЮЩЕЕ МЕНЮ*/

.gdsmenu {

background: #ffffff url(img/newsrep.jpg) repeat-y;

width: 220px;

margin: 0px;

margin-left: 5px;

padding: 0px;

padding-left: 15px;

border: 0px solid red;

}

ul.gds { margin: 0; padding: 0; list-style: none; width: 185px; border-bottom: 1px solid #ccc; }

ul.gdsfst { margin: 0; padding: 0; list-style: none; width: 185px;}

ul.gdsfst li { position: relative; }

li ul.gds { position: absolute; left: 185px; top: 0; display: none; }

ul.gds li {display: block; color: #777; background: #fff; padding: 5px; border: 1px solid #ccc; border-bottom: 0; }

ul.gds li a { color: #777; }

ul li a.gdsfst { display: block; text-decoration: none; color: #777; background: #fff; padding: 0px; border: 0; }

ul li.gdsfst { display: block; color: #777; background: #fff; padding: 0px; border: 0; }/*для страницы "услуги"*/

/* Fix IE. Hide from IE Mac \*/ * html ul li.gds { float: left; } * html ul li a.gds { height: 1%; } /* End */

/* Fix IE. Hide from IE Mac \*/ * html ul li.gds { float: left; height: 1%; } * html ul li a.gds { height: 1%; } /* End */

li:hover ul, li.over ul { display: block; }