Как обойтись без ajax?

HJ
На сайте с 14.02.2006
Offline
274
735

Проблема в следующем:

1. Есть 20 карточек товаров. Необходимо, чтобы при нажатии на ссылки\кнопки отображался соответствующий товар. Без перезагрузки страницы, без параметров в урл, все происходит на одной странице.

2. Необходимо, чтобы все карточки "видели" поисковые системы.

Сейчас сделано на javascript. ПС, соответственно, его не видят.

Реализовывать на axaj с отдачей ПС хтмл версии страницы каждой карточки - мне не подойдет. На странице 6-7к символов продающего текста, меняется лишь краткое описание товара, цены, фото.

Возможен ли вариант средствами css? Например, видимые\невидимые слои или что-то вроде слайдера?

Какие еще есть варианты реализации подобного?

ukrdev
На сайте с 15.11.2011
Offline
31
#1

Можно вот так сделать:

1. В начале идут карточки

2. После них идут списком товары с кратким описанием и т.д.

3. Продающий текст

По клику на ссылку, просто брать из списка(2) нужный товар и показывать как вам угодно.

Таким образом вы ничего не скрываете и в тоже время вам не нужен ajax и пс проиндексирует все карточки.

TF-Studio
На сайте с 17.08.2010
Offline
334
#2

быть может поможет history.pushState

намутить что-то.

и на нужных страницах отображать.

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).
HJ
На сайте с 14.02.2006
Offline
274
#3
TF-Studio:
быть может поможет history.pushState
намутить что-то.
и на нужных страницах отображать.

Насколько я понял, все происходит на разных страницах. Нужно в пределах одной.

---------- Добавлено 20.07.2013 в 12:16 ----------

ukrdev:
Можно вот так сделать:
1. В начале идут карточки
2. После них идут списком товары с кратким описанием и т.д.
3. Продающий текст

По клику на ссылку, просто брать из списка(2) нужный товар и показывать как вам угодно.
Таким образом вы ничего не скрываете и в тоже время вам не нужен ajax и пс проиндексирует все карточки.

Не совсем понятно, о чем речь. Товар на странице должен отображаться только один. По клику на ссылку - отображается другой. Что-то вроде такого http://people.opera.com/miket/2011/6/crab3.html но на одной странице.

ukrdev
На сайте с 15.11.2011
Offline
31
#4

happy-joker, вот так http://jsfiddle.net/YU8cV/embedded/result/ список внизу можно сделать как display:none; при необходимости.

ExVood
На сайте с 02.07.2013
Offline
39
#5

Вот, я спрашивал:

/ru/forum/803119

Можете скрыть какой угодно блок и он будет индексироваться.)

[Удален]
#6

куча вариантов... тот же colorbox запросто это реализует

HJ
На сайте с 14.02.2006
Offline
274
#7
ukrdev:
happy-joker, вот так http://jsfiddle.net/YU8cV/embedded/result/ список внизу можно сделать как display:none; при необходимости.

Тут все сделано на js. Если хтмл код посмотреть, карточек в нем не увидим.

ukrdev
На сайте с 15.11.2011
Offline
31
#8
happy-joker:
Тут все сделано на js. Если хтмл код посмотреть, карточек в нем не увидим.

http://jsfiddle.net/YU8cV/

js только берет внизу товар и показывает его справа. Если отключить js то просто будет срабатывать обычный якорь и отправлять к полному описанию товара на этой же странице.

HJ
На сайте с 14.02.2006
Offline
274
#9
ukrdev:
http://jsfiddle.net/YU8cV/
js только берет внизу товар и показывает его справа. Если отключить js то просто будет срабатывать обычный якорь и отправлять к полному описанию товара на этой же странице.

Отлично. Спасибо!

ukrdev
На сайте с 15.11.2011
Offline
31
#10

happy-joker, не за что, только 2-й список с полным описанием товара сделайте не через ul, а с помощью div,p так текст будет выглядеть более логически по аналогии с содержанием/оглавлением страницы, как тут например

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий