Оцените статью 5 1 1 1 1 1 Рейтинг 5.00 (4 Оценки)

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

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


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

kat2 Скрыть часть текста с помощью - JS - В ТОП 10 Яндекс и Google

Когда мы нажимаем на данную ссылку то открывается полное описание без перезагрузки страницы. Если Вы хотите реализовать такое же решение, то ниже рассказано как это реализовывается на практике.
Этот момент можно решить благодаря языку программирования 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 Скрыть часть текста с помощью - JS - В ТОП 10 Яндекс и Google

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

Заметили ошибку? Выделите ее и нажмите Ctrl+Enter, чтобы сообщить нам.

Похожие статьи

Хотите получать информацию от нас прямо из соц. сетей?

Подпишитесь!

vk  twitter  fb  g plus

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

Отправьте заявку

Самые читаемые

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

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

Выбирая движок для управления сайтом, оптимизаторы, чаще всего, останавливаются на CMS…
43380
Способы продвижения сайта. Почему SEO самый дешевый?
Стратегия и тактика продвижения

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

Чтобы продвинуть сайт в интернете, необходимо совершить ряд действий, благодаря которым и…
37443
Как стать первым на Яндекс и Google картах
Бесплатные трюки

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

Как сделать так чтобы Ваша компания была первой в списке при поиске в Яндекс и Google…
24633
Покупка ссылок на Miralinks - онлайн сервис
Покупка ссылок

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

Один из этапов продвижения сайта в ТОП 10 – увеличение ссылочной массы. Как этого…
24179
SEO продвижение сайта дистрибютора искуственного камня в Украину1
Кейсы

Вывод в ТОП 10 сайта по продаже искусственного камня в Украине

О компании Транс Стоун – единственная узкоспециализированная компания в Украине по…
23189