Перейти к содержимому

Реферальная программа Мегаплана


Как развернуть статью

#1 alexp21

alexp21
  • Пользователь
  • 20 сообщений
  • Репутация: 0
0

Отправлено 29 Ноябрь 2011 - 17:46

Хочу сделать на сайте кнопку позволяющую сворачивать и разворачивать контент на страницах, информации много но подробности не всем интересны, хотелось бы реализовать некую ссылку которая вставлялась бы после краткого описания и нажав на нее посетителю выдавалось подробное описание...
При этом чтоб при нажатии на кнопку не открывалась новая страница, а оставалась та-же, и весь контент (несмотря на то что свернут) индексировался ПС.
Нашел сайт с подобной ф-цией - http://www.arkanplus...anovka-ksenona/ (там ссылка - "развернуть статью") судя по коду, сделано на яве, но разобраться как перенести на свой чет не получается, подскажите пожалуйста, кто знает...
Спасибо.

 

 

  • 0

#2 oroom

oroom
  • Пользователь
  • 24 сообщений
  • Репутация: 1

Отправлено 29 Ноябрь 2011 - 18:08

Проще всего данная функция реализуется следующим образом
<head>
<script>
$('a.sh').click(function() {
  $('#show1').css("display","block");  
});
</script>
<style>
#show{
	display: none;
}
</style>
</head>
<div>тут видимая часть контента</div>
<a class="sh" href="#">читать дальше</a>
<div id="show1">скрытый текст, который разворачивается</div>

  • 0

#3 alexp21

alexp21
    Topic Starter
  • Пользователь
  • 20 сообщений
  • Репутация: 0

Отправлено 29 Ноябрь 2011 - 18:21

А в этом случае вся страница будет проиндексирована ПС.


  • 0

#4 WarEnek

WarEnek
  • Пользователь
  • 107 сообщений
  • Репутация: 9

Отправлено 29 Ноябрь 2011 - 20:20

Если это вопрос, то ответ - да, но это клоакинг.


  • 0

#5 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 29 Ноябрь 2011 - 21:28

вот http://www.jonathanf...ndingtext-demo/
и вот http://www.mudaimemo.com/p/togglable/
думаю хватит
  • 0

#6 Sosnovskij

Sosnovskij
  • Администратор
  • 3 886 сообщений
  • Репутация: 566

Отправлено 29 Ноябрь 2011 - 22:46

WarEnek, почему клоакинг? :rolleyes:
  • 0

Не стесняйтесь ставить оценки темам :) Правила форума. Мой блог http://sosnovskij.ru/.



#7 WarEnek

WarEnek
  • Пользователь
  • 107 сообщений
  • Репутация: 9

Отправлено 30 Ноябрь 2011 - 16:02

А разве нет?
Мы скрываем контент от глаз долой через display: none; робот думает, что от нас прячут что-то плохое (или хорошее), и соответствующие меры.
Хотя, живут же "спойлеры" на сайтах... Возможно ошибаюсь.


  • 0

#8 Sosnovskij

Sosnovskij
  • Администратор
  • 3 886 сообщений
  • Репутация: 566

Отправлено 30 Ноябрь 2011 - 19:07

WarEnek, именно про код, которые привел oroom, сказать не могу. Но есть сайты, которые не плохо чувствуют себя в выдаче, и у которых при заходе пользователя на страницу виден только кусок текста. Остальной кусок открывается по ссылке. Причем остальной кусок также показывается в выдаче, то есть его поисковые системы индексируют.
Для прояснения момент написал в службу поддержки Яндекса :rolleyes:.
  • 0

Не стесняйтесь ставить оценки темам :) Правила форума. Мой блог http://sosnovskij.ru/.



#9 WarEnek

WarEnek
  • Пользователь
  • 107 сообщений
  • Репутация: 9

Отправлено 01 Декабрь 2011 - 03:35

Ну если как на блогах, полный текс на отдельной странице, то не страшно.


  • 0

#10 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 01 Декабрь 2011 - 10:55

Также могу порекомендовать урок (в том числе и в формате видео), в котором показано использование спойлеров - Как сделать FAQ на сайте с использованием PHP-MySQL-jQuery
По вопросу СЕО, то использование спойлера не будет являться клоакингом (как, к примеру, и выпадающие меню, которые также скрыты изначально). Клоакинг подразумевает 2 варианта одной и той же страницы (1 для пользователя, вторая - для поисковика). При этом, если имеет место быть клоакинг, то пользователь в принципе не сможет увидеть страницу, предназначенную для поисковика, со спойлером же это не так.
  • 0


robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru