Как скрывать длинный текст на мобильных?

U1
На сайте с 29.10.2014
Offline
66
227

У меня на страницах есть seo текст примерно на 1000 символов, но на мобильных эти 1000 символов растягиваются почти на весь экран. Видел что многие сайты на мобильных показывают лишь часть текста и ниже кнопка "показать все", как это правильно сделать что бы поисковики индексировали текст? 

Есть вот такой вариант:

Сделать блоку высоту например 90 пикселей и ниже кнопка которая убирает ограничение по высоте. Будут ли поисковики индексировать такой текст полностью? 

alaev
На сайте с 18.11.2010
Offline
826
#1
2023 год и какие-то СЕО-тексты. Сделай тогда Div display none и не мучайся 😁
Создание и продвижение сайтов - https://alaev.net , аудиты сайтов, контекстная реклама
Vladimir SEO
На сайте с 19.10.2011
Offline
1961
#2
Uriel1 :
Видел что многие сайты на мобильных показывают лишь часть текста и ниже кнопка "показать все"
так и делай
Эксперт по продуктам Google https://support.google.com/profile/58734375 ᐈ Продвижение коммерческих сайтов https://kulinenko.com/
Антоний Казанский
На сайте с 12.04.2007
Offline
745
#3
Uriel1 :
как это правильно сделать что бы поисковики индексировали текст?

Создаете два объекта: можно <div>, можно строчным элементом <span> в одном - превью (т.е. часть текст с кнопкой "Показать"), в другом - полном остальная часть текста.

Далее назначаете на объекты id-шники, условно, preview и more. 

Первоначальном задаете id-ишнику more значение css display: none

Затем на кнопку "Показать" вешаете событие JavaScript которое по клику меняет значение display c none на inline, а значение самой кнопки с Показать, на Свернуть. 

И обратным условием - наоборот.

Механика должна быть понятна - при клике div-кам одно значение css, при повторном клике значения возвращаются обратно.

Итого: htm + css + немного javascipt кода.

Физически весь рабочий текст находится в html коде, поэтому без проблем будет проиндексирован.

Реализацию кода можно посмотреть на видеоролика в Ютубе коих большое кол-во.


Uriel1 :
Сделать блоку высоту например 90 пикселей и ниже кнопка которая убирает ограничение по высоте.

Не надо никаких ограничений в пикселях. В превью вы берете ровно столько, сколько хотите показывать текста для анонса, а полный текст будет вам автоматически растягивать рабочую область вниз.


Uriel1 :
Будут ли поисковики индексировать такой текст полностью? 

Конечно :)

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

+ это доп. точка для вовлечённости, что необходимо для проработки ПФ. 

√ SEO продвижение ► https://akazansky.ru - экспертный аудит сайтов ( https://akazansky.ru/audit-sajtov ), внедрение эффективных решений цифрового маркетинга. Разговоры о SEO и не только: культурно, вежливо, доброжелательно ► https://t.me/seotusovochka
Artisan
На сайте с 04.03.2005
Offline
375
#4
Uriel1 :
Видел что многие сайты на мобильных показывают лишь часть текста и ниже кнопка "показать все", как это правильно сделать что бы поисковики индексировали текст?

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary

www.leak.info / ДАРОМ линки конкурентов и забытых доменов
W1
На сайте с 22.01.2021
Offline
306
#5
Антоний Казанский #:
Не надо никаких ограничений в пикселях. В превью вы берете ровно столько, сколько хотите показывать текста для анонса, а полный текст будет вам автоматически растягивать рабочую область вниз.

Делают и так, и так. Кому как больше нравится. Можно ограничивать высоту блока, а можно ограничивать размер текста.

Мой форум - https://webinfo.guru –Там я всегда на связи
iccup
На сайте с 01.05.2016
Offline
202
#6
я на такие темы давно уже с chatGPT общаюсь)
kimsufi.com ( https://www.kimsufi.com ) очень дешевые и качественные дедики https://clck.ru/gvF9p - антибот, использую уже 3 года.
Антоний Казанский
На сайте с 12.04.2007
Offline
745
#7
webinfo #:
Делают и так, и так. Кому как больше нравится.

Ну что ж, спорить не стану, когда есть простор для реализации, действительно, делают как больше нравится :)

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