SEO для CSS скрыть появление JS - PullRequest
Новая
       7

SEO для CSS скрыть появление JS

3 голосов
/ 03 июня 2011

У меня есть изображение, которое я хочу затемнить после загрузки страницы.

Я установил CSS для этого изображения, чтобы иметь нулевую непрозрачность.

Затем я использую js, чтобы исчезнутьизображение в (увеличьте непрозрачность до 1).Это происходит примерно через секунду после загрузки страницы.

Я могу себе представить, что элементы с нулевой непрозрачностью не увеличат ценность для SEO.Однако я знаю, что гусеничный гугл может до некоторой степени читать JS.Означает ли это, что он поймет, что он виден через секунду, и проиндексирует его, как любое обычное изображение?

Кроме того, как повлияет на SEO, если я заменил прозрачность 'display: none' при загрузке страницы'display: block' с JS через секунду?

Любое понимание будет оценено, ура!

Ответы [ 3 ]

9 голосов
/ 03 июня 2011

SEO это темное искусство. Единственные люди, которые могут точно ответить на этот вопрос, будут инженеры Google, и они не ответят на него. Есть много «экспертов по SEO», которые блефуют с вами, зная ответ, но правда в том, что все они делают обоснованные предположения.

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

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

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

0 голосов
/ 03 июня 2011

Я почти уверен, что это хорошо работает с seo: 

<span style="text-indent: -9999px">
  This will not be visible on screen but readable by a crawler
</span>

и это также должно работать 

<div style="position: relative; left: -9999px">
  This will not be visible on screen but readable by a crawler
</div>

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

0 голосов
/ 03 июня 2011

Замена непрозрачности стилями отображения не должна влиять на ваш SEO; но я рекомендую использовать display: none, display: block с параметром opacity для большей совместимости с браузером. Я не уверен, что Crawler может читать, но использование прозрачности не должно повредить вашему изображению. Если вы хотите добавить больше SEO, добавьте <figure> и или <figurecaption> вокруг вашего изображения. и не забывайте атрибуты alt и title (nix title, если вы используете figcaption).

...