Blog » CSS

Varias veces me han comentado que el CSS es ignorado por los buscadores.

En principio, puede parecer que sí es ignorado, ya que a priori el potencial de CSS radica en dar estilo y modificar la presentación del contenido sin aportar contenido propio (en la mayoría de los casos).

Nosotros creemos que el css sí es un componente muy importante y cada vez más analizado por los buscadores.

En primer lugar, porque forma parte de la organización limpia, clara y estandarizada con el que todo proyecto preparado para seo debe partir, y que concretamente, permite, además de dar presentación al contenido:

• Aligerar el peso: Disminuyendo el código del contenido. Hecho correctamente, hace que el sitio sea más rápido y más eficaz para los usuarios, entonces también para ser rastreado, lo que mejora la indexación de los contenidos.
• Ordenar el contenido: Ordenar jerárquicamente en base a las necesidades. Esta es, probablemente, la razón más importante para el uso de CSS desde una perspectiva SEO.

Teniendo en cuenta esto, y que los algoritmos de los buscadores cambian su comportamiento constantemente en base a las nuevas tendencias y tecnologías, creemos que el css es y será una parte cada vez más importante de cara a la optimización en buscadores

Usando bordes transparentes, se pueden generar infinidad de formas usando css:

En esta serie vamos a publicar la lista de complementos/extensiones imprescindibles para Firefox, que abarcan desde la inspección DOM a capturas de pantalla, haciendo del diseño y desarrollo con Firefox una maravilla.

Firebug + Firecookie + Codeburner

El primero de la lista se complementa con 2 add-ons que cuando se combinan forman una de las más potentes herramientas de desarrollo web.

1. Firebug: si estás haciendo cualquier tipo de desarrollo en Javascript Firebug es esencial. Sin Firebug realmente estamos dando tumbos en la oscuridad cuando se trata de depuración de código. Firebug no sólo ofrece una robusta consola de error, sino que también permite añadir interrupciones de código. El inspector de HTML y CSS da la libertad de navegar, ya sea en código fuente o en un elemento dentro de la página para ver su marcado. Firebug también permite editar “en vivo” el HTML y CSS y muestra los resultados al instante.

2. Firecookie: Es un add-on de Firebug que añade una nueva funcionalidad: completar la visualización y gestión de cookies. Puedes ver el contenido completo de cada cookie, e incluso editar y borrar.

3. Codeburner completa la configuración mediante la adición de una referencia del W3C que permite buscar elementos y atributos HTML, así como propiedades CSS. Codeburner además muestra la compatibilidad de las propiedades de navegadores. Está muy bien.

Descargas: Firebug, Firecookie, Codeburner

Hoy descubrí un bug en Chrome v. 1.0.154.48

Resulta que la home de esta web recién salida del horno, no leia las css.
El caso es que las tenía linkadas a un archivo style.css y dentro de éste las importaba así:

@charset "utf-8";
@import url(r.css);
@import url(d.css);
@import url(l.css);
@import url(c.css);

Una de las primeras cosas que pensé fue el número de caracteres de los css importados, supuse que tendrían que tener un mínimo de 3 caracteres, pero no. También miré que el charset estuviese arriba de todo, pero tampoco, el bug concreto se produce al importar css (aunque sólo sea una) dentro de otro css,

a alguien más le pasó?