{"id":341,"date":"2014-03-27T11:00:38","date_gmt":"2014-03-27T10:00:38","guid":{"rendered":"http:\/\/www.atrioweb.com\/blog\/?p=341"},"modified":"2014-06-25T13:15:03","modified_gmt":"2014-06-25T11:15:03","slug":"beneficios-seo-del-diseno-web-adaptado-a-moviles-responsive-web-design","status":"publish","type":"post","link":"https:\/\/www.atrioweb.com\/blog\/seo-posicionamiento-web\/beneficios-seo-del-diseno-web-adaptado-a-moviles-responsive-web-design","title":{"rendered":"Beneficios SEO del Dise\u00f1o Web Adaptado a M\u00f3viles (Responsive Web Design)"},"content":{"rendered":"

\u00bfTiene alg\u00fan beneficio en t\u00e9rminos de posicionamiento en buscadores (SEO) la construcci\u00f3n de sitios con la t\u00e9cnica del Dise\u00f1o web adaptado a m\u00f3viles (Responsive Web Design<\/em>)? La respuesta es un rotundo S\u00cd, y a continuaci\u00f3n explicar\u00e9 por qu\u00e9.<\/p>\n

\"\"<\/a>[Este art\u00edculo es una traducci\u00f3n del excelente trabajo 4 SEO Benefits of Responsive Web Design<\/a><\/em> publicado en el Search Engine Journal el pasado 16 de marzo de 2014 por Hayley Francis<\/a>, colaboradora habitual de la agencia de dise\u00f1o web y SEO Creare<\/a>]<\/strong><\/p>\n

Cada d\u00eda m\u00e1s gente utiliza sus m\u00f3viles y tabletas para acceder a Internet, por lo que cada vez es m\u00e1s importante disponer de un sitio web que funcione bien en los distintos aparatos existentes. Tras su irrupci\u00f3n estelar en la escena del dise\u00f1o web a comienzos de 2012, el Dise\u00f1o Web ‘Responsivo’ o Adaptado a M\u00f3viles (Responsive Web Design, RWD, a veces traducido tambi\u00e9n como ‘Dise\u00f1o Web Receptivo’) se ha afianzado firmemente en la actualidad como la mejor f\u00f3rmula de crear una web bien valorada por los visitantes que entran al sitio a trav\u00e9s del m\u00f3vil, y se ha convertido en un elemento fundamental del dise\u00f1o web moderno. 2013 puede considerarse por aclamaci\u00f3n como \u00abEl A\u00f1o del Dise\u00f1o Web ‘Responsivo’ o Adaptado a M\u00f3viles\u00bb.<\/p>\n

En t\u00e9rminos sencillos, un Dise\u00f1o ‘Responsivo’ significa que las p\u00e1ginas de una web modifican su apariencia por s\u00ed mismas dependiendo del dispositivo en que se muestran, garantizando que el sitio web ser\u00e1 accesible y f\u00e1cil de usar en cualquier aparato. \u00bfPor qu\u00e9 este sistema ha provocado un impacto tan grande en la industria web? El RWD es significativamente diferente de otras soluciones anteriores adoptadas, como la de crear un sitio web separado y distinto para los visitantes que acceden a trav\u00e9s del m\u00f3vil, o la de mostrar din\u00e1micamente contenidos distintos seg\u00fan el dispositivo.<\/p>\n

\u00bfPero c\u00f3mo un dise\u00f1o RWD puede favorecer el posicionamiento en buscadores de un sitio web?<\/p>\n

Google ama el RWD<\/h3>\n

Dado que Google es la divinidad a la que t\u00fa est\u00e1s tratando de impresionar con tu sitio web, es aconsejable prestar atenci\u00f3n a lo que le gusta a Google. Y Google no s\u00f3lo recomienda<\/a> el RWD como la mejor forma de presentar una web a los usuarios de m\u00f3viles, sino que favorece a los sitios optimizados para m\u00f3viles cuando muestra los resultados de las b\u00fasquedas realizadas desde dispositivos m\u00f3viles.<\/p>\n

A\u00fan est\u00e1 caliente el debate sobre si el mejor camino a tomar es hacer dos sitios webs distintos (uno para PCs y otro para m\u00f3viles) o bien un s\u00f3lo sitio web ‘responsivo’ (adaptado a m\u00f3viles), pero desde el punto de vista SEO, la segunda es generalmente la mejor opci\u00f3n. Hacer sitios web separados para PCs y para m\u00f3viles implica que cada uno tiene unas URLs y un HTML distinto, mientras que los sitios ‘responsivos’ utilizan la misma URL y un s\u00f3lo conjunto de p\u00e1ginas y archivos, haciendo m\u00e1s simple a Google la tarea de rastrear e indexar el contenido.<\/p>\n

Un sitio web, una URL<\/h3>\n

Construir un sitio web diferente para m\u00f3viles (respecto al que se muestra en PCs) tiene algunos beneficios, y en algunos casos esta f\u00f3rmula puede funcionar bien. Si un sitio web tiene mucho contenido (una web de noticias, por ejemplo), una versi\u00f3n ‘responsiva’ del mismo puede provocar una necesidad de ‘scrolling’ (desplazamiento vertical) excesivo, y en consecuencia obligar a los dedos de los usuarios a realizar un duro trabajo para poder navegar por el contenido. Aqu\u00ed es donde un sitio m\u00f3vil separado, con un contenido cuidadosamente refinado para la navegaci\u00f3n m\u00f3vil, puede ser \u00fatil.<\/p>\n

Desde el punto de vista SEO, uno de las principales dificultades que plantea el tener un sitio m\u00f3vil distinto para PCs y para m\u00f3viles es que habr\u00e1 que construir la ‘autoridad’ (Authority) del sitio m\u00f3vil desde cero, y la mayor\u00eda de los sitios m\u00f3viles independientes no suelen estar bien posicionados en los motores de b\u00fasqueda, ya que para evitar penalizaciones por duplicaci\u00f3n de contenidos suelen tener como versi\u00f3n ‘can\u00f3nica’ a su ‘hermano’ de escritorio. Sin embargo, hacer un sitio web ‘responsivo’ permitir\u00e1 mantener el valor de los ‘backlinks’ o enlaces entrantes, lo que implica que se podr\u00e1 concentrar el trabajo SEO en un solo sitio. Esto significa que todos los v\u00ednculos entrantes apuntar\u00e1n a un dominio (a diferencia de un sitio web con versiones separadas para m\u00f3viles y escritorio), y ello otorgar\u00e1 a su sitio web un impulso en su posicionamiento en buscadores.<\/p>\n

Es m\u00e1s, si se dispone de un sitio web ‘responsivo’, se puede concentrar la labor de difusi\u00f3n social (community manager) para una sola URL, de forma que cuando el enlace se comparta en una red social, su contenido ser\u00e1 accesible de forma c\u00f3moda y f\u00e1cil de navegar ya sea en un m\u00f3vil, en una tableta o en el escritorio de un PC.<\/p>\n

El Dise\u00f1o ‘Responsive’ ayuda a combatir la tasa de rebote<\/h3>\n

Incluso en el caso de que un sitio tenga una buena posici\u00f3n en buscadores, si la web no funciona eficazmente para los usuarios de m\u00f3viles y tabletas, la tasa de rebote se convertir\u00e1 a medio y largo plazo en un gran problema. Sitios web a los que se accede v\u00eda m\u00f3vil pueden sufrir una alto tasa de rebote [porcentaje de abandonos prematuros] si el contenido que ofrecen es demasiado simplificado, o muy diferente respecto a los contenidos ofrecidos en la web ‘normal’ de escritorio. Y Google interpretar\u00e1 este alto porcentaje de abandonos como una se\u00f1al de que el sitio no est\u00e1 ofreciendo contenido relevante para los usuarios, lo que probablemente le conduzca a una ca\u00edda en su posicionamiento.<\/p>\n

Por el contrario, una web con dise\u00f1o ‘responsivo’ combate este problema ya que presenta en el m\u00f3vil exactamente el mismo contenido que en el PC pero de una forma m\u00e1s funcional. Un dise\u00f1o RWD implica que no hay necesidad de seleccionar o filtrar el contenido que se muestra en m\u00f3viles, lo que garantiza que los visitantes acceder\u00e1n siempre a la informaci\u00f3n que est\u00e1n buscando… \u00a1y esto los mantendr\u00e1 en la p\u00e1gina!<\/p>\n

Mejora de la experiencia del usuario<\/h3>\n

Los sitios web son esencialmente una herramienta para compartir contenidos. Una web f\u00e1cil de usar hace que sea m\u00e1s f\u00e1cil para los visitantes encontrar, absorber y transmitir este contenido. Por encima de todo, el dise\u00f1o web ‘responsivo’ sit\u00faa el \u00e9nfasis en dise\u00f1ar para el usuario… y dado que la experiencia del usuario se ha convertido un factor importante de posicionamiento, tiene sentido que Google est\u00e9 animando a los desarrolladores a adoptar el RWD como paradigma en la construcci\u00f3n de sitios web.<\/p>\n

Los visitantes que navegan por un sitio con su m\u00f3vil o tableta deben ser capaces de ver todo su contenido tan f\u00e1cilmente como los usuarios de escritorio. Pongamos el caso de que ves algo atractivo en un sitio web mientras que navegas en tu ordenador, y quieres compartirlo con un amigo que lo ver\u00e1 en su tel\u00e9fono. Si el sitio es ‘responsivo’, y est\u00e1 bien desarrollado, el contenido funcionar\u00e1 igual de bien en su pantalla como en la tuya.<\/p>\n

El dise\u00f1o web ‘responsivo’ ayuda a los sitios web ‘modernos’ a atraer a ‘usuarios modernos’: visitantes que cada vez m\u00e1s utilizan Internet de forma transversal, unas veces en escritorio, otras en el m\u00f3vil, otras v\u00eda tableta, y que esperan que su experiencia como usuarios sea igual de c\u00f3moda en cada caso. Hacer un dise\u00f1o web ‘responsivo’ es la forma m\u00e1s efectiva de beneficiarse del creciente tr\u00e1fico web procedente de tabletas y m\u00f3viles, y de ofrecer a los visitantes la mejor experiencia posible.<\/p>\n

Licencia<\/h2>\n

La imagen que acompa\u00f1a este art\u00edculo se publica bajo licencia The Code Project Open License (CPOL)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\u00bfTiene alg\u00fan beneficio en t\u00e9rminos de posicionamiento en buscadores (SEO) la construcci\u00f3n de sitios con la t\u00e9cnica del Dise\u00f1o web adaptado a m\u00f3viles (Responsive Web Design)? La respuesta es un rotundo S\u00cd, y a continuaci\u00f3n explicar\u00e9 por qu\u00e9.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,5],"tags":[],"class_list":["post-341","post","type-post","status-publish","format-standard","hentry","category-responsive-web-design","category-seo-posicionamiento-web"],"_links":{"self":[{"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/posts\/341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/comments?post=341"}],"version-history":[{"count":18,"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/posts\/341\/revisions"}],"predecessor-version":[{"id":354,"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/posts\/341\/revisions\/354"}],"wp:attachment":[{"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/media?parent=341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/categories?post=341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.atrioweb.com\/blog\/wp-json\/wp\/v2\/tags?post=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}