Hace una hoja de estilo interna largo afectar SEO?

Question

Estoy construyendo un sitio con una gran cantidad de css similar entre páginas. He decidido que un enfoque bueno sería tener el css generada como cadenas de funciones PHP (con parámetros) y outputed como una hoja de estilo interna en cada página que sirvo. Las ventajas:

• de esta manera si hago un cambio que se reflejará a través de todo el sitio sin tener que mantener duplicados
• i puede enviar sólo el CSS necesario para una determinada página
• que es mejor que tener un pequeño archivo de css y el envío de una gran cantidad de cabeceras css a la inclusión
• la posibilidad de que el contenido puede aparecer antes de la hoja de estilo se carga ha desaparecido
• i puede calcular dimensiones mediante el uso de parámetros
• i puede crear una capa que minify el resultado recibido de estas funciones o servir en caché minified css

No he visto este hecho en otro sitio por desgracia, así que estoy pensando que esto podría ser debido a SEO. La hoja de estilo interna generada será a alrededor de 15kb max (antes minifying la hoja de estilo).

Necesito su opinión sobre este enfoque y sus pensamientos sobre el impacto interno de una hoja de estilo de largo tendrá en SEO.

Muchas gracias.

Answer 1

No es una respuesta a su pregunta (que es lo suficientemente interesante!), Pero la mayoría de sus argumentos a favor de CSS en línea están equivocados. Una hoja de estilo externa es siempre la solución mejor y más rápido.

• El primer punto se puede controlar mediante la adición de un número de versión de nombre de archivo de la hoja de estilo

• El segundo punto es discutible debido a un archivo externo se almacena en caché, así que no hay solicitudes adicionales

• El tercer punto es discutible por la misma razón

• El cuarto punto no importa realmente una vez que la hoja de estilo es almacenado en caché

• El quinto punto se puede ordenar el uso de CSS en línea sólo para las propiedades que se deben actualizada dinámicamente - por lo general una pequeña fracción de toda la base de código CSS

• El sexto punto que no entiendo.

Ir a una hoja de estilo externa. Sólo asegúrese de que se sirve con las cabeceras de caché correcta!

Answer 2

Al igual que largos bloques de JavaScript en línea, que se ignoran.

Motores de búsqueda miran el contenido, no el diseño. Si desea una mejor representación de lo que ven, prueba el lince navegador .

Por desgracia, no se almacena en caché en el navegador del usuario, ya sea, como CSS externo y JS son, haciendo que cada carga de página más lenta. En realidad, es más eficaz tener un gran estilo externa de servidor de seguimiento relacionadas "fragmentos CSS" con cada página.

Answer 3

Si se asume por 'hoja de estilo interna' que media CSS en línea incluye el uso de la etiqueta <style>, me gustaría recomendar en contra de este. Si utiliza una hoja de estilo externa, visitantes descarga una vez en la primera solicitud, y que a continuación, se almacenan en caché. Con la inclusión de la totalidad de su línea de CSS, que está añadiendo peso de la página HTML a cada solicitud individual.

A pesar de que pueda parecer más eficiente para servir sólo CSS para la página actual, o dividir tu CSS en lotes de diferentes hojas de estilo específica de la página; en la práctica, por lo general es mejor sólo para tener una hoja de estilo. En aras de esta comprimido y con adecuada expira cabeceras casi siempre será más rápido que las alternativas.

En cuanto a SEO, los robots ignorar CSS, así que esto no tendrá ningún efecto. Si usted tuviera tanto CSS que se ralentizó considerablemente la carga de la página, en teoría se puede comenzar a tener problemas, pero lo que se necesita una cantidad inhumana de CSS en línea antes de esto incluso podría potencialmente ser un problema.

Answer 4

En la medida de mis conocimientos, su hoja CSS juega un papel mínimo en SEO, lo que es más importante es su marcado HTML y ejecución.

Siguiendo el orden de '

-

' para sus etiquetas de título, con acompañamiento '

' etiquetas en lugar de '' o enfoques similares es lo que va a efectuar una capacidad rastreadores web para reconocer y priorizar el contenido de su página.

Si bien se puede utilizar CSS para ocultar el párrafo que sólo desea que aparezca en los motores de búsqueda y técnicas similares que tiene poca importancia en comparación con la estructura HTML.

Answer 5

Todos los beneficios que se aplican dijo. Los motores de búsqueda no se preocupa demasiado por CSS y Javascript (por supuesto, si la página tarda demasiado tiempo para envolver y enviar, esto afectará, pero no creo que es el caso).

he visto este tipo de solución antes, pero la gente tiende a evitar el uso de secuencias de comandos para servir, una vez que se puede utilizar Consultas de medios en cambio, sólo escribir una sola hoja de estilo externa. Creo que deberías echar un vistazo a esto.

Sin embargo, veo que está tratando de optimizar el enviado CSS. Esto es bueno, pero hablar de 80k para todas las hojas, me hace pensar si no está complicando más las reglas.

Bueno, cuya última opinión, que puede almacenar en caché muchas respuestas diferentes y hacen uso de cosas "canónica" en la cabeza de la página.