Каков наилучший способ создать панель оповещений с помощью css, но без javascript в верхней части страницы, например, у одного StackOverflow, который говорит, что «Stack Overflow работает лучше всего с включенным JavaScript»?Alert Bar на верхней части HTML-страницы?
Я слышал, что это плохо для SEO, поскольку это дублированный контент на каждой странице. Как я могу это предотвратить?
что-то вроде этого:
...
<body>
<div id="jsNotify"><p>This page works best with JavaScript</p></div>
<script type="text/javascript">
var elm = document.getElementById("jsNotify");
elm.parentNode.removeChild(elm);
</script>
...
Это добавит уведомление в верхней части страницы, но удалить его, если вы включите JavaScript.
Я не уверен, как вы можете заставить поисковые системы отклонить текст внутри него. Но если у вас есть ссылки, то вы можете использовать nofollow, чтобы остановить поисковую систему по ссылке, например, так:
<a href="http://www.example.com/" rel="nofollow">limited site</a>
Что касается SEO, это не будет считаться дублированного контента не больше, чем заголовок шаблона или навигация.
Дублирующий контент на каждой странице не должен влиять на ранжирование в поисковых системах, если содержание короткое & просто, как уведомление об авторских правах. Наполнение ваших страниц слишком большим количеством дубликатов ключевых слов - другое дело, поскольку ключевое слово начинка будет видна поисковыми системами как попытка спама двигателя.
Вы можете попробовать разместить контент, в котором хотите видеть пользователей без JavaScript, чтобы увидеть его в теге noscript.
<noscript>Please enable JavaScript.</noscript>
как они препятствуют перемещению панели при прокрутке :)? –
установил свое положение для исправления с помощью CSS. – Marius