SEO для CSS и JS скрыть / показать

Question

Мы создаем сайт для академического учреждения. Это учебное заведение предлагает множество предметов, и мы не хотим показывать их все сразу на главной странице. Таким образом, мы разработали домашнюю страницу, которая показывает 2 основные категории исследований, и, щелкнув по категории, вы увидите раздел со списком предметов в этой категории.

Наш клиент обеспокоен SEO в связи с тем, что эти div скрываются при загрузке страницы. Прав ли он в своем беспокойстве?

Answer 1

Это зависит от того, как вы их скрываете, если вы используете z-порядок или крайнюю левую позицию на экране, они все равно будут прочитаны ботом Google. Если вы используете отображение нет или скрыто, то это может повлиять на ваш SEO.

Answer 2

Я прочитал статью Роджера Йоханссона на эту тему , и кажется, что вывод таков, что пока намерение не показывает этот контент только поисковым системам прячется нормально. Я не вижу упоминаний о том, что предпочитаю один метод прятаться над другим.

Кроме того, в комментариях к этому посту была ссылка на ответ работника Google , в котором было сказано:

Только с использованием дисплея: ни один не будет автоматически вызывать штраф. Ключ в том, существует ли механизм - автоматический или тот, который вызывается пользователем - чтобы сделать содержимое видимым

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

Answer 3

Вы правы, чтобы беспокоиться.Google будет подсчитывать часть или значительно сокращать контент, который не отображается при загрузке страницы.Я бы порекомендовал разрешить отображение текста при загрузке, а затем настроить его на отображение без JavaScript.Таким образом, поисковая система поднимает его.

Вы можете сделать это с помощью простого фрагмента jQuery hide , например:

<p class="remove">Text displayed on load.</p>

$j(document).ready(function(){
     $('.remove').hide();
});