{"id":232302,"date":"2023-01-20T13:49:00","date_gmt":"2023-01-20T10:49:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232302"},"modified":"2023-02-01T11:30:30","modified_gmt":"2023-02-01T08:30:30","slug":"pasos-simples-para-hacer-que-el-sitio-web-sea-compatible-con-dispositivos-moviles-diseno-receptivo","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/pasos-simples-para-hacer-que-el-sitio-web-sea-compatible-con-dispositivos-moviles-diseno-receptivo\/","title":{"rendered":"\u00bfPasos simples para hacer que el sitio web sea compatible con dispositivos m\u00f3viles (dise\u00f1o receptivo)?"},"content":{"rendered":"\n<p>Finalmente he hecho que mi sitio: <a href=\"https:\/\/steakovercooked.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">steakovercooked.com sea<\/a> f\u00e1cil de usar para dispositivos m\u00f3viles y, por lo tanto, todas las p\u00e1ginas web en <a href=\"https:\/\/helloacm.com\/milestones\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">mis 6 dominios<\/a> hasta ahora est\u00e1n calificadas para ser compatibles con dispositivos m\u00f3viles.<\/p>\n<p>La facilidad de uso m\u00f3vil ahora es un factor en la clasificaci\u00f3n, por ejemplo, los motores de b\u00fasqueda de Google tienden a promocionar los sitios que pasan la <a href=\"https:\/\/www.google.co.uk\/webmasters\/tools\/mobile-friendly\/?url=https%3A%2F%2Fsteakovercooked.com%2F\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">prueba de facilidad de uso m\u00f3vil<\/a>.<\/p>\n<p>compatible con dispositivos m\u00f3viles<\/p>\n<p>Estos son los pasos para hacer que el usuario m\u00f3vil sea f\u00e1cil de usar, tambi\u00e9n conocido como <a href=\"https:\/\/wordpress.mediadoma.com\/es\/aprendiendo-diseno-responsivo-css-1\/\" title=\"Responsive CSS Design\">Responsive CSS Design<\/a>.<\/p>\n<h3>Limpie el CSS en l\u00ednea en las etiquetas HTML<\/h3>\n<p>El CSS en l\u00ednea en las etiquetas HTML es malo, ya que mezclan la presentaci\u00f3n y HTML, por ejemplo,<\/p>\n<p>El estilo se define directamente en la etiqueta div HTML, que no es posible cambiar usando hojas de estilo externas.<\/p>\n<h3>No use p\u00edxeles de ancho especificado\/fijo<\/h3>\n<p>Si define algo como, por ejemplo, ancho: 900 px, es probable que no sea compatible con dispositivos m\u00f3viles. Puede reemplazar esto con un porcentaje, por ejemplo, 30%. Es menos probable que los p\u00edxeles m\u00e1s peque\u00f1os sean un problema, por ejemplo, los \u00edconos est\u00e1n bien en resoluciones de pantalla peque\u00f1a. Imag\u00ednese, el ancho de pantalla m\u00e1s peque\u00f1o es de 300 p\u00edxeles (aproximadamente), por lo que no desea que ninguno de sus elementos HTML sea m\u00e1s ancho que eso.<\/p>\n<h3>Ponga lo siguiente dentro de la etiqueta principal<\/h3>\n<pre><code>&lt;meta name=viewport content=\"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\"&gt;\n&lt;meta name=applicable-device content=\"pc,mobile\"&gt;<\/code><\/pre>\n<h3>Las im\u00e1genes\/tablas son las peores<\/h3>\n<p>Las tablas son peores para el dise\u00f1o receptivo, por lo que es posible que deba reemplazarlas con elementos div simples. Las im\u00e1genes deben especificarse con el siguiente estilo de ancho m\u00e1ximo, por ejemplo<\/p>\n<p>\u00a1Eso es todo, sin cosas complejas! Tenga en cuenta que una p\u00e1gina f\u00e1cil de usar para dispositivos m\u00f3viles no es lo mismo que <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-habilitar-amp-con-wordpress-tecnicas-de-optimizacion-de-amp-con-wordpress\/\" title=\"AMP (p\u00e1ginas m\u00f3viles aceleradas)\">AMP (p\u00e1ginas m\u00f3viles aceleradas)<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfPasos simples para hacer que el sitio web sea compatible con dispositivos m\u00f3viles (dise\u00f1o receptivo)?<\/p>\n","protected":false},"author":1,"featured_media":224482,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[892,903,716,840,861],"tags":[1172],"class_list":["post-232302","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo","category-css-2","category-desarrollador","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/232302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=232302"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/232302\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/224482"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=232302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=232302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=232302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}