{"id":27,"date":"2005-07-14T09:46:19","date_gmt":"2005-07-14T07:46:19","guid":{"rendered":"http:\/\/www.webposible.com\/blog\/?p=27"},"modified":"2009-01-28T09:27:07","modified_gmt":"2009-01-28T08:27:07","slug":"mobi-el-nuevo-dominio-para-sitios-webs-optimizados-para-telefonos-moviles-o-celulares","status":"publish","type":"post","link":"http:\/\/www.webposible.com\/blog\/2005\/mobi-el-nuevo-dominio-para-sitios-webs-optimizados-para-telefonos-moviles-o-celulares\/","title":{"rendered":"Mobi: el nuevo dominio para sitios webs optimizados para tel\u00e9fonos m\u00f3viles (o celulares)."},"content":{"rendered":"<p>Comento una noticia que he le\u00eddo en el peri\u00f3dico El Pa\u00eds, en la secci\u00f3n de \u00abCiberp@is\u00bb: <cite>&#8216;Mobi&#8217; el dominio para los tel\u00e9fonos m\u00f3viles.<\/cite><br \/>\nDonde nos cuenta que el <acronym title=\"Internet Corporation for Assigned Names and Numbers\" lang=\"en\">ICANN<\/acronym> ha aprobado este dominio para el verano del a\u00f1o 2006. Los requisitos que deben cumplir estos sitios, como ya hemos comentado antes, es que el contenido debe ser apto para dispositivos con  pantallas peque\u00f1a y memoria limitada. Este dominio ha sido solicitado por un grupo de operadoras y fabricantes de tel\u00e9fonos m\u00f3viles, para potenciar el dise\u00f1o de p\u00e1ginas webs adaptadas a estos terminales.<\/p>\n<h3>Optimizando nuestras p\u00e1ginas para los tel\u00e9fonos m\u00f3viles que soportan <acronym title=\"eXtensible Hyper Text Markup Language\" lang=\"en\">XHTML<\/acronym><\/h3>\n<p>Hasta aqu\u00ed, m\u00e1s o menos comentada el contenido de la noticia. Y ahora hablaremos de algunas recomendaciones, que son v\u00e1lidas, por experiencia propia:<\/p>\n<ul>\n<li>Sigamos los est\u00e1ndares, y utilicemos el c\u00f3digo apropiado para este tipo de dispositivos:  <a href=\"http:\/\/www.sidar.org\/recur\/desdi\/traduc\/es\/xhtml\/xhtml-basic.html\" title=\"Traducci\u00f3n al castellano de la especificaci\u00f3n de XHTML b\u00e1sico del W3C alojada en SIDAR\"><acronym title=\"eXtensible Hyper Text Markup Language\" lang=\"en\">XHTML<\/acronym> b\u00e1sico<\/a>, y nada de <acronym title=\"Compact HTML\" lang=\"en\">cHTML<\/acronym>: a pesar de lo que digan algunos, ya est\u00e1 desfasado.<\/li>\n<li>El peso, lo m\u00e1s importante. Aunque algunos terminales permitan paginar documentos extensos (en bloques de contenidos adecuados para la memoria del dispositivo en cuesti\u00f3n), debemos de conseguir p\u00e1ginas muy ligeras. Yo recomiendo no superar 2 <abbr title=\"Kilobites\" lang=\"en\">Kbs.<\/abbr>, pero todav\u00eda tengo (o tenemos, como comunidad internauta) que ajustar el tama\u00f1o \u00f3ptimo adecuado para los terminales. Hay que tener en cuenta las limitaciones de estos dispositivos.<\/li>\n<li>Esto va a suponer un redacci\u00f3n donde se impondr\u00e1 la <strong>brevedad<\/strong> como requisito fundamental.<\/li>\n<li>Y sobre los estilos&#8230; puede que algunos terminales los interpreten correctamente, otros los ignorar\u00e1n. Esto es un argumento m\u00e1s para separar el contenido de la presentaci\u00f3n. Y para no olvidarnos que las p\u00e1ginas webs deben ser accesibles si desactivamos los estilos. Recordar que los estilos para peque\u00f1os dispositivos se vinculan con una etiqueta similar a esta: <code \/><\/li>\n<li><strong>Imagenes<\/strong>: Algunos dispositivos las soportar\u00e1n. Otros no. Algunos usuarios desactivar\u00e1n las im\u00e1genes para ir m\u00e1s r\u00e1pido (y navegar m\u00e1s barato). Por tanto, es fundamental mostrar una alternativa textual descriptiva de las im\u00e1genes. Y por cierto, conviene no abusar de ellas, ni de su tama\u00f1o, ni de su peso. De incluirlas, deben ser muy pocas, con pocos colores (ligeras) y peque\u00f1o tama\u00f1o.<\/li>\n<li>Indiquemos que nuestra p\u00e1gina es <em>amigable<\/em> con los peque\u00f1os dispositivos mediante la siguiente etiqueta <code>&lt;meta name=\"HandheldFriendly\" content=\"true\" \/&gt;<\/code><\/li>\n<li>Etiquetas nada recomendables: <code>frame, table, tr, td<\/code>,... en poco m\u00e1s de 100 pixels de ancho no podemos pretender que se vean correctamente p\u00e1ginas con frames o tablas. Utilicemos el sentido com\u00fan.<\/li>\n<li>Estructurar adecuadamente la web (t\u00edtulos, parrafos, listas). Aunque  por su limitaci\u00f3n, algunos dispositivos no diferencien visualmente t\u00edtulos de p\u00e1rrafos, siempre es bueno hacer lo correcto (y otros dispositivos lo interpretar\u00e1n correctamente).<\/li>\n<li><strong>V\u00ednculos de navegaci\u00f3n<\/strong>: Considerar el repetir el \"men\u00fa de navegaci\u00f3n\", coloc\u00e1ndolo al principio y al final del documento. No todos los terminales tienen la posibilidad de desplazarse r\u00e1pidamente de arriba a abajo.<\/li>\n<\/ul>\n<p>Supongo que estas recomendaciones merecen tratarse con m\u00e1s profundidad. Lo dejaremos para otro post.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comento una noticia que he le\u00eddo en el peri\u00f3dico El Pa\u00eds, en la secci\u00f3n de \u00abCiberp@is\u00bb: &#8216;Mobi&#8217; el dominio para los tel\u00e9fonos m\u00f3viles. Donde nos cuenta que el ICANN ha aprobado este dominio para el verano del a\u00f1o 2006. Los requisitos que deben cumplir estos sitios, como ya hemos comentado antes, es que el contenido [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,4,7],"tags":[],"class_list":["post-27","post","type-post","status-publish","format-standard","hentry","category-accesibilidad","category-noticias","category-web-en-moviles"],"_links":{"self":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":1,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/27\/revisions"}],"predecessor-version":[{"id":386,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/27\/revisions\/386"}],"wp:attachment":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/media?parent=27"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/categories?post=27"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/tags?post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}