Скрыть частично текст на сайте (читать полностью). При этом, что бы он индексировался
- Stats: 14300 3
- Author: admin
- Category: CMS Opencart, jQuery, Дизайн, Статті, Шпаргалка
- Comments: 3 комментария
Для своего Интернет магазина Respectum наша дизайн студия «Движок» решила seo-текст внизу страниц сделать в скрытом варианте. В спойлере, но так что бы поисковые роботы индексировали текст. Все сделано через скрипт.
Решение простое. Нужно подключить скрипт:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
Добавляем скрипт:
<script language="javascript">
$(document).ready(function(){
$("#allother").hide();
$("#moreless").click(function(e) {
var allother = $("#allother");
$(this).text(allother.is(":visible") ? "» больше" : "« меньше");
allother.slideToggle();
e.stopImmediatePropagation();
return false;
});
});
</script>
Вставляем в документ текст:
<div id="first4">
<p>Текст который человек видит сразу</p>
</div>
<div id="allother">
<p>Текст который появляется после нажатия на кнопку: Читать полностью</p>
</div>
<a href="#" id="moreless">Читать полностью → </a>
Внизу на сайте Интернет магазин Респектум
Вот и все, если Вы хотите «поблагодарить» наш информационный портал о веб-разработке — у вас есть такая возможность: справа есть варианты для пожертвований на развитие портала. Или поделитесь статьей в ваших соц.стеях через сервисы ниже.
А куда и как подключать этот скрипт?
А куда текст вставлять
Помогите разобраться, в редакторе страницы html, добавил данный скрипт. Так как моя страница должна содержать несколько тем, текст скрывается только у первой темы. Вторая тема имеет тот же скрипт, но не скрывается содержание. Вот пример yndexmarket.ru/stati.html