Кнопки "показать больше" и меню

12
I
На сайте с 20.06.2017
Offline
1
1789

Приветствую

Вопрос простой - на сайте есть много текста, скрытого под кнопками "показать больше" и такие же пункты меню. Раньше при наведении эти ссылки (которые разворачивают текст и меню) можно было увидеть несуществующую ссылку (типа /more/#), это приводило к битым ссылкам в я.вебмастере и Гугл серч консоли. Теперь заменили эту ссылку на адрес раздела (который существует), фактически, получилось много ссылок на /razdel1/ с разными анкорами. Как это влияет на seo и как правильно такие разворачивающиеся пункты надо оформлять? Буду благодарен за ответ или ссылку где почитать

dma84
На сайте с 21.04.2009
Offline
168
#1

Зачем вообще делать ссылкой, если спойлер открывается с помощью JS?

Обычного span'а мало?

D.iK.iJ
На сайте с 26.05.2013
Offline
224
#2

<a href="javascript: "> :)

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
Ragnarok
На сайте с 25.06.2010
Offline
226
#3
dma84:
Зачем вообще делать ссылкой, если спойлер открывается с помощью JS?

для редкого случая, когда у юзверя отключён js

//TODO: перестать откладывать на потом
I
На сайте с 20.06.2017
Offline
1
#4

dma84, не могу сказать, зачем так сделано исторически. может, связано с тем, что сайт староват и на asp

вопрос в том - насколько это плохо и как лучше исправить?

dma84
На сайте с 21.04.2009
Offline
168
#5
Ragnarok:
для редкого случая, когда у юзверя отключён js

И что это даст? Если отключен JS, как спойлер откроется при клике по ссылке?

Мне нравится вариант без JS: checkbox + label + spoiler

I
На сайте с 20.06.2017
Offline
1
#6

dma84,

если честно, не понял чуть менее, чем полностью.

гуглить по теме "как оформлять спойлер" или как-то еще?

dma84
На сайте с 21.04.2009
Offline
168
#7
ivanhoe:
dma84,
если честно, не понял чуть менее, чем полностью.
гуглить по теме "как оформлять спойлер" или как-то еще?

Как-то так, если хотите без JS, а если с JS, то просто вместо ссылки ставьте span


<style>
.spoiler_toggler{display:none}
.spoiler_label{display:block}
.spoiler_label span{display:inline-block;cursor:pointer;color:blue;border-boxxom:1px dotted blue}
.spoiler_toggler + .spoiler{display:none}

.spoiler_toggler ~ .spoiler_label .hide{display:none}

.spoiler_toggler:checked + .spoiler{display:block}
.spoiler_toggler:checked + .spoiler + .spoiler_label .show{display:none}
.spoiler_toggler:checked + .spoiler + .spoiler_label .hide{display:inline-block}
</style>

<p>Много букаф</p>

<input class="spoiler_toggler" type="checkbox" id="spoiler1">
<div class="spoiler">
<p>Много-много букаф</p>
</div>

<label class="spoiler_label" for="spoiler1">
<span class="show">Подробнее »</span>
<span class="hide">« Скрыть</span>
</label>

<p>Много букаф</p>

<input class="spoiler_toggler" type="checkbox" id="spoiler2">
<div class="spoiler">
<p>Много-много букаф</p>
</div>

<label class="spoiler_label" for="spoiler2">
<span class="show">Подробнее »</span>
<span class="hide">« Скрыть</span>
</label>

Минус такого варианта - строгое соответствие разметки. Если input или label будут обёрнуты тегом p, то ничего работать не будет.

melkozaur
На сайте с 06.04.2010
Offline
505
#8

<p>Текст текст текст</p>

<details>

<summary>показать больше</summary>

<p>Много много текста текста</p>

</details>

Серверы в NL/US со скидкой 30% нашим читателям: E5-2650v4/10GB DDR4/240GB SSD/1 Gbps - от $20: https://ua-hosting.company/vps/nl SEO без компромиссов: https://seoleaks.net SEOLEAKS - продвижение сайтов: https://www.instagram.com/seoleaks
dma84
На сайте с 21.04.2009
Offline
168
#9
melkozaur:
<p>Текст текст текст</p>
<details>
<summary>показать больше</summary>
<p>Много много текста текста</p>
</details>

Не знал о таком, но Осёл и Эдж выпадают, хотя, наплевать на них.

melkozaur
На сайте с 06.04.2010
Offline
505
#10
dma84:
Осёл и Эдж выпадают

Эдж вроде клялся поддержать, вот-вот, буквально в ближайшее время :)

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий