¿Cuál es la mejor manera de crear una barra de alertas con css pero sin javascript en la parte superior de la página, como la que dice StackOverflow para decir "Stack Overflow funciona mejor con JavaScript habilitado"?Barra de alerta en la parte superior de la página HTML?
He oído que esto es malo para SEO ya que es contenido duplicado en cada página. ¿Cómo lo evito?
algo como esto:
...
<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>
...
Esto añadirá la notificación en la parte superior de la página, pero lo eliminará si ha habilitado JavaScript.
No estoy seguro de cómo puede obligar a los motores de búsqueda a descartar el texto que contiene. Pero si usted tiene enlaces, entonces se puede utilizar nofollow para detener el motor de búsqueda de seguir el enlace, así:
<a href="http://www.example.com/" rel="nofollow">limited site</a>
Con respecto a SEO, esto no contará como contenido duplicado no más que un encabezado de plantilla o la navegación lo haría.
El contenido duplicado en cada página no debe afectar las clasificaciones de los motores de búsqueda, siempre y cuando el contenido sea corto & simple, como un aviso de copyright. Rellenar sus páginas con demasiadas palabras clave es otra cuestión, ya que los motores de búsqueda verán el relleno de palabras clave como un intento de enviar correo basura al motor.
Puede intentar colocar contenido que solo desee que usen los usuarios sin JavaScript para ver dentro de una etiqueta noscript.
<noscript>Please enable JavaScript.</noscript>
¿cómo evitan que la barra se mueva a medida que se desplaza :)? –
establece su posición para arreglar utilizando CSS. – Marius