{"id":7910,"date":"2021-05-17T10:59:05","date_gmt":"2021-05-17T08:59:05","guid":{"rendered":"https:\/\/www.publisuites.com\/blog\/?p=7910"},"modified":"2021-05-17T10:59:05","modified_gmt":"2021-05-17T08:59:05","slug":"mobile-first-seo","status":"publish","type":"post","link":"https:\/\/www.publisuites.com\/blog\/mobile-first-seo\/","title":{"rendered":"Mobile first: \u00bfQu\u00e9 es y por qu\u00e9 mejora tu SEO?"},"content":{"rendered":"

La forma en que nos conectamos a internet ha cambiado mucho. Si hace unos a\u00f1os el principal punto de acceso era el ordenador, hoy por hoy la mayor\u00eda de las personas se conectan directamente a trav\u00e9s del tel\u00e9fono m\u00f3vil. Y esto ha cambiado tambi\u00e9n el dise\u00f1o web, dando lugar a lo que conocemos como mobile first<\/em><\/strong>.<\/em><\/p>\n

\u00bfQu\u00e9 es el<\/strong> mobile first?<\/em><\/strong><\/h2>\n

Cuando se dise\u00f1a una p\u00e1gina web hay que tener muy en cuenta en qu\u00e9 tipo de pantalla va a ser visualizada. Como habr\u00e1s podido comprobar, no es lo mismo ver una p\u00e1gina en el m\u00f3vil que en la pantalla del ordenador.<\/p>\n

El tama\u00f1o de la letra, la ubicaci\u00f3n de las im\u00e1genes, los botones sociales, el men\u00fa de navegaci\u00f3n\u2026; todo puede cambiar mucho en funci\u00f3n de si la web se ve en una pantalla de ordenador o en un m\u00f3vil.<\/strong><\/p>\n

Esto dio lugar a que hace unos a\u00f1os surgiera el dise\u00f1o responsive<\/em>, pero parece que ya no es suficiente. \u00bfPor qu\u00e9 crear una web adaptada a las pantallas de ordenador si sabemos que la mayor\u00eda de los usuarios la van a ver desde su tel\u00e9fono?<\/p>\n

El dise\u00f1o web mobile first <\/em>aboga por ser pr\u00e1cticos e iniciar el dise\u00f1o directamente para adaptarlo a la pantalla de un m\u00f3vil o una <\/strong>tablet<\/em><\/strong>.<\/p>\n

\"mobile<\/a><\/p>\n

Diferencias entre <\/strong>mobile first<\/em><\/strong> y el dise\u00f1o <\/strong>responsive<\/em><\/strong><\/h3>\n

Si aplicamos un dise\u00f1o <\/strong>responsive <\/em><\/strong>creamos la web para el usuario que la va a ver a trav\u00e9s de una pantalla grande <\/strong>y despu\u00e9s hacemos ajustes para que esta se pueda adaptar bien si el visionado se hace en una pantalla de dimensiones m\u00e1s peque\u00f1as.<\/p>\n

Con el first mobile<\/em> hacemos justo lo contrario. La que podr\u00edamos considerar la versi\u00f3n original de la web es la que ha sido hecha para un perfecto visionado en pantallas m\u00f3viles<\/strong>, pero tambi\u00e9n se puede adaptar a pantallas de m\u00e1s pulgadas.<\/p>\n

\u00bfInfluye en el posicionamiento SEO de tu web?<\/strong><\/h2>\n

Tener en cuenta la resoluci\u00f3n de la web en un m\u00f3vil no es una moda, sino que se ha cambiado la forma de dise\u00f1ar porque ya ha quedado patente que las p\u00e1ginas mobile first <\/em>lo tienen un poco m\u00e1s f\u00e1cil a la hora de posicionarse en Google<\/a>.<\/p>\n

Una web bien adaptada para la navegaci\u00f3n a trav\u00e9s del m\u00f3vil (dise\u00f1ada para ello) permite al usuario ver mejor el contenido y poder moverse de un sitio a otro para ampliar informaci\u00f3n.<\/p>\n

Al mejorar la experiencia del usuario<\/strong> conseguimos que cada visita dure m\u00e1s tiempo<\/strong>, lo que le dice a Google que la web es de calidad, mejorando con ello el posicionamiento.<\/p>\n

\u00bfTienes un blog y quieres ganar dinero?<\/div>
\n

Dentro de Publisuites podr\u00e1s generar ingresos vendiendo posts patrocinados dentro de tu blog para otros usuarios. Entra y Hazte una cuenta de editor para empezar a ganar dinero.<\/p>\n

<\/i> Reg\u00edstrate como editor y gana dinero con tu blog<\/span><\/a><\/div><\/div><\/div><\/div>\n

Cu\u00e1les son las ventajas del dise\u00f1o web <\/strong>mobile first<\/em><\/strong><\/h2>\n
    \n
  1. Mejora el SEO.<\/li>\n
  2. Mejora la experiencia del usuario<\/a>.<\/li>\n
  3. En el dise\u00f1o, es m\u00e1s f\u00e1cil escalar de resoluciones peque\u00f1as a grandes que hacerlo al contrario, as\u00ed que el first mobile<\/em> mejora el visionado tanto en pantallas peque\u00f1as como en grandes.<\/li>\n
  4. Una web de dise\u00f1o para m\u00f3vil es m\u00e1s peque\u00f1a. Esto nos limita a la hora de introducir contenido y estimula la creatividad.<\/li>\n<\/ol>\n

    El mobile first<\/em> es una forma de dise\u00f1ar p\u00e1ginas web que ha llegado para quedarse. Le gusta a Google, le gusta a los internautas y tambi\u00e9n te gustar\u00e1 a ti si la pruebas. No te quedes estancado y prueba esta modalidad de dise\u00f1o web en tus pr\u00f3ximos proyectos.<\/p>\n","protected":false},"excerpt":{"rendered":"

    La forma en que nos conectamos a internet ha cambiado mucho. Si hace unos a\u00f1os el principal punto de acceso era el ordenador, hoy por hoy la mayor\u00eda de las personas se conectan directamente a trav\u00e9s del tel\u00e9fono m\u00f3vil. Y esto ha cambiado tambi\u00e9n el dise\u00f1o web, dando lugar a lo que conocemos como mobile […]<\/p>\n","protected":false},"author":15,"featured_media":7931,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[75,69],"tags":[],"class_list":["post-7910","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-digital","category-posicionamiento-seo"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/posts\/7910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/comments?post=7910"}],"version-history":[{"count":3,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/posts\/7910\/revisions"}],"predecessor-version":[{"id":11252,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/posts\/7910\/revisions\/11252"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/media\/7931"}],"wp:attachment":[{"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/media?parent=7910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/categories?post=7910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/tags?post=7910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}