
Скрыть частично текст на сайте (читать полностью). При этом, что бы он индексировался
- Stats: 13121 3
- Author: admin
- Category: CMS Opencart, jQuery, Дизайн, Статті, Шпаргалка
- Comments: 7 комментариев

Для своего Интернет магазина 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>
Внизу на сайте Интернет магазин Респектум
Вот и все, если Вы хотите «поблагодарить» наш информационный портал о веб-разработке — у вас есть такая возможность: справа есть варианты для пожертвований на развитие портала. Или поделитесь статьей в ваших соц.стеях через сервисы ниже.
А куда и как подключать этот скрипт?
Нужно данный скрипт добавить на страницу или по всему сайту — например в файл /wp-content/themes/ВАША ТЕМА/footer.php
Или на конкретную страницу — где вы будете использовать данное решение.
<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>
Или если у вас Opencart то данный скрипт разместите в /catalog/view/theme/ВАША ТЕМА/template/common/footer.tpl
И по аналогии в любом другом «движке» сайта.
А куда текст вставлять
ВСТАВЛЯЕМ В СТАТЬЮ (ДОКУМЕНТ) текст: — то есть в «тело вашей статьи» в которой должно быть описание которое по умолчанию частично скрыто.
Текст который человек видит сразу
Текст который появляется после нажатия на кнопку: Читать полностью
Читать полностью →
Помогите разобраться, в редакторе страницы html, добавил данный скрипт. Так как моя страница должна содержать несколько тем, текст скрывается только у первой темы. Вторая тема имеет тот же скрипт, но не скрывается содержание. Вот пример yndexmarket.ru/stati.html
Мы к сожалению так же пытались сделать несколько подобный вещей на 1 странице — не получилось.
Возможно кто-то кто использовал данное решение делал несколько скрытых тем...пусть напишет.