PLG_CONTENT_EXTRAVOTE_RATING_GO 5 1 1 1 1 1 Rating 5.00 (4 Votes)

 Как скрыть часть текста категории в интернет-магазине

Здравствуйте, читатель.
В этой небольшой статье хотим расказать Вам как правильно оптимизировать категории для интернет-магазина.
Когда мы начинаем оптимизировать текст то сначала настраиваем страницу на максимальную релевантность. Как это сделать читайте здесь.
Но в данной ситуации часто возникает следующая проблема - нужно дописать слишком много текста, а это никак не вяжется с дизайном сайта.
Поэтому нужно скрыть часть текста от пользователей, но если вдруг посетитель захочет его прочитать, то чтобы он мог его легко открыть.


Интересное решение реализовано в интернет-гипермаркете "Розетка". Вот например категории:

kat2 Как скрыть часть текста категории в интернет-магазине

Когда мы нажимаем на данную ссылку то открывается полное описание без перезагрузки страницы. Если Вы хотите реализовать такое же решение, то ниже рассказано как это реализовывается на практике.
Этот момент можно решить благодаря языку программирования JavaScript.
JavaScript первоначально создавался для того, чтобы сделать web-странички «живыми».
Чтобы установить в текст Веб-страницы скрипты JavaScript, надо ввести дескриптор <SCRIPT>. Код JavaScript располагается между тэгами <SCRIPT> </SCRIPT>. Код можно размещать как в теле заголовка страницы (между тэгами <HEAD> </HEAD>), так и в теле страницы (между тэгами <BODY> </BODY>).
Для того работы скрипта надо создать функцию, которая будет использоваться в любой части сайта. Будем использовать функцию function sh()

 
<script type="text/javascript">
sh();
function sh() {
info = document.getElementById("info");
button = document.getElementById("button");
if (info.style.display == "none") {
info.style.display = "block";
button.style.display = "none";
}
}
</script>

Для отображения работы скрипта на его нужно поставить в указанное место в таком виде

 
<a id="button" href="javascript:sh()">Подробнее... </a></p>
<div id="info" style="padding-top: 15px; display: none;">
ТЕКСТ КОТОРЫЙ БУДЕТ СКРЫТЫЙ
</div >

Здесь вызывается функция function sh()
Чтобы по умолчанию скрытый текст был открытым в коде меняем display:none на display:block

Вот пример того что получилось после того как применили функцию к тексту:

kat1 Как скрыть часть текста категории в интернет-магазине

 
В этом примере на страничке было скрыто 3000 символов SEO-текста, которые были прописаны для продвижения сайта. При нажатии на ссылку сама ссылка «Подробнее…» исчезнет благодаря свойству style.display указанном в функции.
Таким образом Вы можете реализовать данный функционал. Если у Вас остались вопросы, то задавайте их в комментариях.

To order a promotion with us:

Send a request

Most visited

SEO-WordPress. Как продвигать сайт на этой CMS?

Mar 27, 2015
Выбирая движок для управления сайтом, оптимизаторы, чаще всего, останавливаются на CMS…
47595

Способы продвижения сайта. Почему SEO самый дешевый?

Mar 24, 2015
Чтобы продвинуть сайт в интернете, необходимо совершить ряд действий, благодаря которым и…
42230

Покупка ссылок на Miralinks - онлайн сервис

Sep 16, 2015
Один из этапов продвижения сайта в ТОП 10 – увеличение ссылочной массы. Как этого…
31372

Как стать первым на Яндекс и Google картах

Mar 11, 2015
Как сделать так чтобы Ваша компания была первой в списке при поиске в Яндекс и Google…
28239

Обзор бесплатных программ для раскрутки сайта

Mar 20, 2015
Практически каждый уважающий себя пользователь Всемирной паутины, общественная…
25094