SEO-дружественное решение, позволяющее избежать появления нестандартного контента
Я использую следующий JS, чтобы избежать появления нежелательного контента в SEO-стиле:
<script type="text/javascript">
$('#Container').addClass('fouc');
$(document).ready(function() {
$('#Container').show();
});
</script>
Который также имеет сопровождающий CSS: <style> .fouc {display:none;}</style>,
Что я ожидаю, так это то, что при загрузке страницы, как минимум, мой div #Container должен добавляться в класс.fouc, однако это происходит только в том случае, если я добавляю его вручную через консоль.
Нужен ли какой-то дополнительный код и т. Д., Чтобы заставить его работать как положено?
К вашему сведению, я уже вызываю JQuery до того, как этот скрипт вызывается.
Ваша помощь ценится!
1 ответ
Лучший способ избежать FOUC - поместить все ваши ссылки на ваши CSS-файлы в <head> элемент. Таким образом, правила стиля будут загружаться до содержимого, которое затем будет стилизовано. Это и SEO, и удобный для пользователя.