Hola castrorodriguez,
Yo acabo de terminar una web para mobiles, en el CSS he usado estas directrices bastante sencillas:
Código CSS:
Ver original@media only screen and (max-width : 924px)
{
}
@media only screen and (max-width : 700px)
{
}
@media only screen and (max-height : 600px)
{
}
/* iphone */
@media all and (max-device-width: 480px)
{
}
Igual te sirven, solo tienes que colocar lineas de CSS dentro y minimizar el navegador poco a poco y veras como esas ordenes se desactivan. Solo las tienes que configurar como deseas.
No se si servira para SEO, me refiero al CSS, tal vez si lo indicas en el HTML con "version para movil" o cosas por estilo, tal vez si alguien busque en google desde su movil les de preferencia a esas paginas, pero lo desconozco. De serlo, no creo que sea por CSS.
Un saludo