Blog de TemplateMonster

SEO-Friendly CSS. ¿Qué método usa?

A veces, cosas populares y de moda significan pocos dificultades para una víctima de moda. Es como comprar weejuns mocasines y no estar seguro si le caben o no, cuando la única razón para comprarlos es SU DESEO!

Y aquí están.

Lo mismo pasó con algunos propietarios de sitios web adaptables. Ellos quieren que sus visitantes puedan ver su sitio web por medio de todos los dispositivos posibles, a pesar de que no tienen ni una idea de cómo hacerlo.

Hay muchas técnicas para convertir su sitio web en un sitio web adaptable, pero por lo general, nos olvidamos de un argumento de peso que es Google. Estos chicos son monopolistas que utilizan algoritmos sofisticados para mantener su supremacía en línea.

¿Qúe controla Google?

La mayoría de la gente cree que al escribir "ropa barata en línea" o "agarraderas" en Google, ellos reciben una lista de los sitios más relevantes. Doh ... No es verdad. Así es como Google trabaja. Ahora, cuando alguien busca estos elementos, se presentan los resultados más destacados porque las empresas pagan Google.

Manteniendo sus manos en la garganta de la mayoría de marcas, Google simplemente controla ellos. Pero no es el tema de la entrada ... Aunque controlando todo lo posible, Google decide si hay que penalizar su sitio por ciertas cosas. Incluso su CSS es a punta de pistola de Google.

Cosas Comunes de SEO y CSS

De vez en cuando aparece la necesidad de ocultar algunos bloques de contenidos al modificar el diseño móvil de su sitio web adaptable. Eliminarlos definitivamente no es una opción. Así que, ¿qué debe hacer?

Aquí hay cinco opciones ...

1
2
3
4
5
#content {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

o

1
2
3
4
5
6
hideme {
position: absolute;
overflow: hidden;
top: -100%;
left: -100%;
}

o

1
2
3
4
.structural {
position:absolute;
left:-9999px;
}

o

1
div.my{opacity:0;}

o

1
document.getElementById("my").style.display = "none"

o cualquier otra cosa ...

... Usted puede ser penalizado por Google. Este método trabajará si Usted necesita ocultar un elemento de menú, pero si oculta div llena de h1 y anchors, Google puede agregar su sitio a la lista negra.

Pero si Usted está tan preocupado por su SEO, puede utilizar javascript:

El código como este va a trabajar para Usted:

1
2
3
4
5
$(document).ready(function() {
	$('.i').addClass('img')
			.wrapInner('<span />');
	$('.i span').css({'position': 'absolute', 'left': '-10000px'});
});

***
De todos modos no hay que olvidar que los robots de Google indizan divs ocultos en css. Así que es mejor utilizar el contenido correspondiente o algún día recibirá un correo electrónico de Panda ... es por eso hay que tener cuidado.