{"id":3942,"date":"2015-09-03T17:26:51","date_gmt":"2015-09-03T15:26:51","guid":{"rendered":"http:\/\/www.weweb.cat\/?p=3942&#038;lang=es"},"modified":"2016-12-22T12:36:20","modified_gmt":"2016-12-22T11:36:20","slug":"debo-tener-pagina-web-optimizada-pra-moviles","status":"publish","type":"post","link":"https:\/\/www.weweb.cat\/es\/debo-tener-pagina-web-optimizada-pra-moviles\/","title":{"rendered":"\u00bfDebo tener una p\u00e1gina web optimizada para m\u00f3viles?"},"content":{"rendered":"<p>[et_pb_section admin_label=\u00bbsection\u00bb background_image=\u00bbhttp:\/\/www.weweb.cat\/wp-content\/uploads\/2016\/01\/bg-header.jpg\u00bb transparent_background=\u00bboff\u00bb allow_player_pause=\u00bboff\u00bb inner_shadow=\u00bboff\u00bb parallax=\u00bboff\u00bb parallax_method=\u00bboff\u00bb padding_mobile=\u00bboff\u00bb make_fullwidth=\u00bboff\u00bb use_custom_width=\u00bboff\u00bb width_unit=\u00bbon\u00bb make_equal=\u00bboff\u00bb use_custom_gutter=\u00bboff\u00bb gutter_width=\u00bb3&#8243; custom_css_main_element=\u00bbposition:absolute;||top:0;||left:0;||margin-top:0;||margin-left:0;||width:100%;||height:100px;\u00bb][et_pb_row admin_label=\u00bbrow\u00bb][et_pb_column type=\u00bb4_4&#8243;][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section admin_label=\u00bbSection\u00bb fullwidth=\u00bboff\u00bb specialty=\u00bboff\u00bb][et_pb_row admin_label=\u00bbRow\u00bb][et_pb_column type=\u00bb3_4&#8243;][et_pb_text admin_label=\u00bbText\u00bb background_layout=\u00bblight\u00bb text_orientation=\u00bbleft\u00bb use_border_color=\u00bboff\u00bb border_color=\u00bb#ffffff\u00bb border_style=\u00bbsolid\u00bb]<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-5547\" src=\"http:\/\/www.weweb.cat\/wp-content\/uploads\/2015\/09\/web-optimitzada-per-a-mobils.jpg\" alt=\"Web optimitzada per a m\u00f2bils\" width=\"590\" height=\"330\" srcset=\"https:\/\/www.weweb.cat\/wp-content\/uploads\/2015\/09\/web-optimitzada-per-a-mobils.jpg 590w, https:\/\/www.weweb.cat\/wp-content\/uploads\/2015\/09\/web-optimitzada-per-a-mobils-300x168.jpg 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/p>\n<p>Cada vez son m\u00e1s los usuarios que navegan por Internet mediante dispositivos m\u00f3viles. Tenemos que preguntarnos:\u00a0<strong>\u00bf\u00c9stos usuarios pueden leer f\u00e1cilmente nuestra p\u00e1gina web y encontrar la informaci\u00f3n que buscan?<\/strong><\/p>\n<p>Una p\u00e1gina web optimizada para ordenadores personales, puede ser complicada de visualizar y utilizar a trav\u00e9s de un dispositivo m\u00f3vil. Si un usuario tiene que pellizcar sobre la pantalla para poder leer o se tiene que desplazar a trav\u00e9s de la pantalla para encontrar lo que busca, podemos deducir que esta p\u00e1gina no est\u00e1 adaptada para dispositivos m\u00f3viles. En este caso, debemos plantearnos s\u00ed o s\u00ed renovar nuestra p\u00e1gina web utilizando la<strong>\u00a0<a title=\"P\u00e0gines web responsives\" href=\"http:\/\/www.websresponsivas.com\/\" target=\"_blank\">t\u00e8cnica responsive<\/a><\/strong> o hacer una versi\u00f3n especial para m\u00f3viles.<\/p>\n<p>Los usuarios deben tener el <strong>mismo grado de satisfacci\u00f3n<\/strong> si visualizan la p\u00e1gina web a trav\u00e9s de un dispositivo m\u00f3vil o si lo hacen a trav\u00e9s de un ordenador personal o una tablet.<\/p>\n<p>Si tomamos datos de Estados Unidos, que son toda una referencia en este terreno, vemos que el 94% de las personas con smartphones buscan informaci\u00f3n local desde sus dispositivos. En Espa\u00f1a, en muchas p\u00e1ginas web, ya sean grandes portales o peque\u00f1os sites locales, el <strong>porcentaje de visitas procedentes de dispositivos m\u00f3viles sobrepasa el 50%<\/strong>.<\/p>\n<h3>\u00bfQu\u00e9 importancia le da Google?<\/h3>\n<p>Google decidi\u00f3 hace meses darle mucha importancia a que las p\u00e1ginas web estuvieran optimizadas para dispositivos m\u00f3viles. El pasado 21 de abril decidi\u00f3 ir un poco m\u00e1s all\u00e1 y anunci\u00f3 que <a href=\"http:\/\/www.nbsp.cat\/es\/2015\/03\/31\/google-premiara-les-pagines-web-responsives-o-optimitzades-per-a-mobils\/\" target=\"_blank\"><strong>dar\u00eda m\u00e1s visibilidad en su buscador a los sitios web responsives o adaptados para dispositivos m\u00f3viles<\/strong><\/a>. Si se tiene en cuenta que Google acapara m\u00e1s del 90% de las b\u00fasquedas, uno se puede hacer una idea de la importancia de tener una web bien optimizada para m\u00f3viles.<\/p>\n<p>Adem\u00e1s, Google estren\u00f3 a finales del a\u00f1o 2014 la etiqueta <strong>\u201cMobile-Friendly\u201d<\/strong> para indicar en sus resultados de b\u00fasqueda qu\u00e9 webs disponen de versi\u00f3n m\u00f3vil y cu\u00e1les no.<\/p>\n<h3>\u00bfCu\u00e1l es la mejor opci\u00f3n para optimizar mi p\u00e1gina web para m\u00f3viles?<\/h3>\n<p>Creemos que la mejor soluci\u00f3n para optimizar una p\u00e1gina web para dispositivos m\u00f3viles es la creaci\u00f3n de una p\u00e1gina web con <a title=\"Dise\u00f1o web responsive\" href=\"http:\/\/www.websresponsivas.com\/\" target=\"_blank\"><strong>dise\u00f1o responsive<\/strong><\/a>. Esta t\u00e9cnica permite adaptar la p\u00e1gina web a los diferentes tama\u00f1os de pantalla, ofreciendo el mismo grado de satisfacci\u00f3n a un usuario independientemente del dispositivo con el que est\u00e9 accediendo.<\/p>\n<p><strong>La t\u00e9cnica responsive es la t\u00e9cnica que recomendamos<\/strong>, ya que con una sola versi\u00f3n se cubren todas las resoluciones de pantallas y dispositivos. De este modo, no tendr\u00e1s diferentes versiones de la p\u00e1gina web, evitando m\u00e1s mantenimiento, posibles URLs duplicadas y errores o problemas t\u00e9cnicos frecuentes en alguna de las versiones.<\/p>\n<h3>\u00bfC\u00f3mo puedo saber si la p\u00e1gina web est\u00e1 bien optimizada para m\u00f3viles?<\/h3>\n<p>Para medir si una p\u00e1gina web est\u00e1 bien optimizada para dispositivos m\u00f3viles, podemos <strong>comprobar si un usuario puede realizar la misma tarea accediendo a trav\u00e9s de un ordenador o de un m\u00f3vil con la misma facilidad<\/strong>.<\/p>\n<p>Es importante tambi\u00e9n tener en cuenta la <strong>velocidad de carga de la p\u00e1gina web<\/strong>, ya que los usuarios que est\u00e1n accediendo a trav\u00e9s de dispositivos m\u00f3viles no pueden esperar demasiado tiempo a que se cargue la p\u00e1gina web en el navegador.<\/p>\n<p>Visto todo esto, es importante tener una p\u00e1gina web optimizada para m\u00f3viles que ofrezca a tus visitantes la mejor experiencia posible, accedan desde un ordenador, tablet o smarthpone.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_4&#8243;][et_pb_sidebar admin_label=\u00bbSidebar\u00bb orientation=\u00bbright\u00bb area=\u00bbsidebar-1&#8243; background_layout=\u00bblight\u00bb remove_border=\u00bboff\u00bb header_font_size=\u00bb18&#8243; body_font_size=\u00bb14&#8243;]<br \/>\n[\/et_pb_sidebar][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-1'  data-version='5.12.70'><div class='yuzo_clearfixed yuzo__title yuzo__title'><h3>Articles relacionats<\/h3><\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/pagina-web-responsiva-para-uetus-veterinaris\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2015\/07\/img-uetus-responsiva-150x150.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">P\u00e1gina web responsiva para UETUS Veterinaris<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/por-que-importante-internet-las-cosas-para-las-empresas\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2017\/01\/internet-de-les-coses-150x150.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">\u00bfPor qu\u00e9 es importante el Internet de las cosas para las empresas?<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/minisite-web-presencia-internet\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2017\/04\/pister-destacada-150x150.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">Un minisite web para tener presencia en Internet<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/com-utilizar-la-tipografia-en-nuestras-paginas-web\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2013\/12\/tipografia-web-150x150.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">C\u00f3mo utilizar la tipograf\u00eda en nuestras p\u00e1ginas web<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n<\/div> <style>\n\t\t\t\t\t\t\t\t.yuzo_related_post img{width:210px !important; height:200px !important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb{line-height:16px;background: !important;color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb:hover{background:#fff7f4 !important; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear;;color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb a{color:#ff7900!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb a:hover{ color:}!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb:hover a{ color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .yuzo_text {color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb:hover .yuzo_text {color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb{  margin: 0px  0px  0px  0px;   padding: 2px  10px  10px  10px;  }\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/style> <script>\n\t\t\t\t\t\t  jQuery(document).ready(function( $ ){\n\t\t\t\t\t\t\t\/\/jQuery('.yuzo_related_post').equalizer({ overflow : 'relatedthumb' });\n\t\t\t\t\t\t\tjQuery('.yuzo_related_post .yuzo_wraps').equalizer({ columns : '> div' });\n\t\t\t\t\t\t   })\n\t\t\t\t\t\t  <\/script> <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Cada vez son m\u00e1s los usuarios que navegan por Internet mediante dispositivos m\u00f3viles. Tenemos que preguntarnos: \u00bf\u00c9stos usuarios pueden leer f\u00e1cilmente nuestra p\u00e1gina web y encontrar la informaci\u00f3n que buscan?<\/p>\n","protected":false},"author":1,"featured_media":5547,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[223,198,199],"tags":[227,237,217,239,219,231,221,240,233],"_links":{"self":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts\/3942"}],"collection":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/comments?post=3942"}],"version-history":[{"count":12,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts\/3942\/revisions"}],"predecessor-version":[{"id":7593,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts\/3942\/revisions\/7593"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/media\/5547"}],"wp:attachment":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/media?parent=3942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/categories?post=3942"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/tags?post=3942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}