{"id":39618,"date":"2019-02-19T07:24:16","date_gmt":"2019-02-19T07:24:16","guid":{"rendered":"https:\/\/wp.lvh.me\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/"},"modified":"2022-05-08T15:44:38","modified_gmt":"2022-05-08T15:44:38","slug":"diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google","status":"publish","type":"post","link":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/","title":{"rendered":"Dise\u00f1o web optimizado para UX siguiendo las reglas de google"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21406 size-full\" title=\"Dise\u00f1o web optimizado para UX siguiendo las reglas de google\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png\" alt=\"Dise\u00f1o web optimizado para UX siguiendo las reglas de google\" width=\"630\" height=\"340\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux-300x162.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux-110x59.png 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>El UX Design (User Experience Design) o \u201c<strong>Dise\u00f1o de Experiencia de Usuario\u201d<\/strong> es\u00a0una metodolog\u00eda de dise\u00f1o web que tiene por objetivo la creaci\u00f3n de productos que\u00a0resuelvan necesidades concretas de los usuarios.<\/p>\n<p>Actualmente los dise\u00f1adores web que tienen inter\u00e9s en la experiencia del usuario se\u00a0ofrecen como profesionales de <strong>dise\u00f1o UX.<\/strong><\/p>\n<p>Desde unos a\u00f1os hasta hoy, la <strong>creaci\u00f3n de p\u00e1ginas web<\/strong> como modelo de negocio\u00a0se ha incrementado considerablemente, y esto repercute en la necesidad creciente\u00a0de encontrar desarrolladores o dise\u00f1adores web.<\/p>\n<p>Incluso existen <strong>CMS<\/strong> espec\u00edficos para crear webs que est\u00e1n optimizadas\u00a0exclusivamente para obtener mejores ratios de clics en anuncios de PPC o\u00a0<strong>Adsense<\/strong>.<\/p>\n<p>Hoy en d\u00eda en el <a href=\"https:\/\/blog.mailrelay.com\/es\/2019\/01\/22\/tendencias-seo-2019\" target=\"_blank\" rel=\"noopener\">mundo <strong>SEO<\/strong><\/a> se habla mucho de la calidad de los contenidos, de la\u00a0calidad de las im\u00e1genes, de la calidad t\u00e9cnica de la web y de la calidad o <strong>relevancia\u00a0global de un sitio web en general.<\/strong><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/N3QB6gOKldE\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n<p><a href=\"https:\/\/promo.mailrelay.com\/email-marketing-gratis\/?utm_source=blog&amp;utm_campaign=alta&amp;utm_medium=post\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-13411 size-full\" title=\"\u00a1Env\u00eda hasta 80.000 emails gratis!\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2020\/07\/Envia-tu-newsletter-gratis.png\" alt=\"\u00a1Env\u00eda hasta 80.000 emails gratis!\" width=\"630\" \/><\/a><\/p>\n<h2>\u00b7 Aprovecho para mostrar aqu\u00ed una conversaci\u00f3n de <strong>Gary Illyes<\/strong><\/h2>\n<p>De hace solo unos\u00a0dias intentando explicar como miden ellos la relevancia de una web.<\/p>\n<p><strong>La pregunta<\/strong> era la siguiente:<\/p>\n<p><em>\u00bfc\u00f3mo saber si la p\u00e1gina proporciona valor o es original o es exhaustiva o intuitiva?<\/em><\/p>\n<p><strong>La respuesta de Gary<\/strong> fu\u00e9 esta:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21390\" title=\"La respuesta de Gary fu\u00e9 esta:\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/relevancia-web-gary-illyes.png\" alt=\"La respuesta de Gary fu\u00e9 esta:\" width=\"631\" height=\"285\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/relevancia-web-gary-illyes.png 863w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/relevancia-web-gary-illyes-300x136.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/relevancia-web-gary-illyes-768x347.png 768w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/relevancia-web-gary-illyes-110x50.png 110w\" sizes=\"auto, (max-width: 631px) 100vw, 631px\" \/><\/p>\n<p>Otra de las preguntas que le realizaron en esta conversaci\u00f3n a Gary, fu\u00e9\u00a0sobre la <a href=\"https:\/\/blog.mailrelay.com\/es\/2018\/02\/15\/reducir-imagenes\" target=\"_blank\" rel=\"noopener\">optimizaci\u00f3n de im\u00e1genes<\/a>.<\/p>\n<p><strong>Pregunta:<\/strong><\/p>\n<p><em>\u00bfHay alg\u00fan cambio importante en la b\u00fasqueda de im\u00e1genes este a\u00f1o\u00a0desde un punto de vista transaccional o educativo? <\/em><\/p>\n<p><strong>Respuesta: <\/strong><\/p>\n<p>Simplemente sabemos que la b\u00fasqueda de medios es demasiado ignorada\u00a0por lo que es capaz de hacer para los editores, por lo que le estamos\u00a0lanzando <strong>m\u00e1s ingenieros y m\u00e1s divulgaci\u00f3n.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21392\" title=\"\u00bfHay alg\u00fan cambio importante en la b\u00fasqueda de im\u00e1genes este a\u00f1o\u00a0desde un punto de vista transaccional o educativo?\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/medios-google-gary-illyes.png\" alt=\"\u00bfHay alg\u00fan cambio importante en la b\u00fasqueda de im\u00e1genes este a\u00f1o\u00a0desde un punto de vista transaccional o educativo?\" width=\"630\" height=\"272\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/medios-google-gary-illyes.png 838w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/medios-google-gary-illyes-300x130.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/medios-google-gary-illyes-768x332.png 768w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/medios-google-gary-illyes-110x48.png 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Algunas veces el silencio o este tipo de respuestas nos dan pistas de d\u00f3nde es\u00a0posible que google est\u00e9 realizando un mayor esfuerzo dentro de su <strong>algoritmo\u00a0central. <\/strong><\/p>\n<p>Y otra pregunta relacionada con el dise\u00f1o web y la optimizaci\u00f3n de los archivos\u00a0multimedia fu\u00e9 esta:<\/p>\n<p><strong>Pregunta:<\/strong><\/p>\n<p><em>\u00bfHay algo que la mayor\u00eda de los SEO tienden a pasar por alto \/ no prestar\u00a0atenci\u00f3n?<\/em><\/p>\n<p><strong>Respuesta:<\/strong><\/p>\n<p>La b\u00fasqueda de im\u00e1genes y videos de Google a menudo se pasa por alto,\u00a0pero tienen un potencial enorme.<\/p>\n<p>Por esta raz\u00f3n creo que realizar un an\u00e1lisis en profundidad de como google\u00a0rastrea el dise\u00f1o de una p\u00e1gina web para comprenderlo mejor, puede ser de\u00a0mucha utilidad.<\/p>\n<p>Hoy quiero explicar <strong>una patente de google<\/strong> que profundiza en los documentos que aparecen dentro de una p\u00e1gina web, incluyendo el dise\u00f1o, el texto, las im\u00e1genes y\u00a0los posibles anuncios.<\/p>\n<p>Creo que puede ser de inter\u00e9s conocer como ve y organiza el contenido de una\u00a0p\u00e1gina un <strong>motor de b\u00fasqueda<\/strong> y a raiz de la informaci\u00f3n recogida, otorgar\u00e1 un\u00a0ranking org\u00e1nico.<\/p>\n<h2>\u00b7\u00a0El dise\u00f1o UX siguiendo las reglas de google<\/h2>\n<p>En agosto de 2017 <strong>Cinthya Yukari Urasaki<\/strong>, dise\u00f1adora de UX Design en Google di\u00f3\u00a0una conferencia sobre el dise\u00f1o UX y como el motor de b\u00fasqueda lo utiliza en\u00a0diversos sectores como la investigaci\u00f3n, la educaci\u00f3n y en los productos de\u00a0innovaci\u00f3n como la <a href=\"https:\/\/blog.mailrelay.com\/es\/2017\/10\/05\/realidad-aumentada-y-virtual\" target=\"_blank\" rel=\"noopener\">realidad virtual<\/a>.<\/p>\n<p><strong>Yukari afirm\u00f3 que la clave del UX Design no s\u00f3lo es tener en mente a los usuarios, sino\u00a0involucrarlos en el proceso recibiendo su informaci\u00f3n y feedback.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21394 size-full\" title=\"Cinthya Yukari Urasaki\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/yukari-urasaki-google.png\" alt=\"Cinthya Yukari Urasaki\" width=\"695\" height=\"438\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/yukari-urasaki-google.png 695w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/yukari-urasaki-google-300x189.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/yukari-urasaki-google-110x69.png 110w\" sizes=\"auto, (max-width: 695px) 100vw, 695px\" \/><\/p>\n<h2>\u00b7\u00a0El dise\u00f1o UX llega al buscador<\/h2>\n<p>Google Discover es una nueva forma de mostrar el contenido, m\u00e1s original,\u00a0creativo y atractivo para los usuarios. Una adaptaci\u00f3n m\u00e1s a mejorar la experiencia\u00a0de usuario dentro del propio buscador.<\/p>\n<p>Gracias a la <strong>Inteligencia Artificial<\/strong> el motor de b\u00fasqueda es capaz de permitir a los\u00a0usuarios explorar mejor sus intereses prediciendo lo que les interesa .<\/p>\n<p><strong>Discover<\/strong> incluir\u00e1 m\u00e1s im\u00e1genes y contenido visual as\u00ed que el dise\u00f1o web\u00a0proporcionando <strong>im\u00e1genes de alta calidad<\/strong> y <a href=\"https:\/\/www.joseargudo.com\/incluir-videos-en-tu-estrategia-de-contenidos\/\" target=\"_blank\" rel=\"noopener\">contenido en v\u00eddeo<\/a> puede marcar una\u00a0buena diferencia.<\/p>\n<p>Discover tambi\u00e9n proporciona contenido de hoja perenne que es relevante para lo\u00a0que est\u00e9 buscando el usuario, por eso es necesario trabajar la autoridad y\u00a0relevancia de la marca.<\/p>\n<h2>\u00b7\u00a0Diferenciaci\u00f3n de las distintas regiones de una p\u00e1gina<\/h2>\n<p><a href=\"http:\/\/patft.uspto.gov\/netacgi\/nph-Parser?Sect1=PTO2&amp;Sect2=HITOFF&amp;p=1&amp;u=%2Fnetahtml%2FPTO%2Fsearch-adv.htm&amp;r=1&amp;f=G&amp;l=50&amp;d=PALL&amp;S1=07913163&amp;OS=PN\/07913163&amp;RS=PN\/07913163\" target=\"_blank\" rel=\"noopener\">Esta patente de google<\/a> determina las regiones sem\u00e1nticamente distintas dentro de\u00a0de un documento ( p\u00e1gina web ).<\/p>\n<p>La patente muestra como Google puede realizar una representaci\u00f3n ( UX ) de una\u00a0p\u00e1gina web cuando rastrea la p\u00e1gina para determinar \u00abla posici\u00f3n y el tama\u00f1o\u00a0aproximado de cada elemento del documento\u00bb para <strong>identificar sem\u00e1nticamente\u00a0distintas partes de un documento.<\/strong><\/p>\n<p>Estas partes sem\u00e1nticas relacionadas son las secciones representadas a nivel de dise\u00f1o, texto, t\u00edtulos, men\u00fa o footer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21395 size-full\" title=\"Diferenciaci\u00f3n de las distintas regiones de una p\u00e1gina\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-ux-google.png\" alt=\"Diferenciaci\u00f3n de las distintas regiones de una p\u00e1gina\" width=\"457\" height=\"517\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-ux-google.png 457w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-ux-google-265x300.png 265w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-ux-google-110x124.png 110w\" sizes=\"auto, (max-width: 457px) 100vw, 457px\" \/><\/p>\n<p>Cada una de estas secciones pueden desempe\u00f1ar un papel diferente para el motor\u00a0de b\u00fasqueda, seg\u00fan donde se encuentren y el contenido que tengan se le otorgar\u00e1\u00a0un peso diferente.<\/p>\n<p>[su_box title=\u00bbLa patente lo expone de la siguiente manera:\u00bb box_color=\u00bb#27334d\u00bb title_color=\u00bb#38aaf8&#8243;]Un documento que se muestra en un monitor de computadora generalmente\u00a0comprende varias regiones sem\u00e1nticamente distintas, como un encabezado, un pie\u00a0de p\u00e1gina o una barra lateral, cada regi\u00f3n incluye uno o m\u00e1s elementos sem\u00e1nticos\u00a0como p\u00e1rrafos de texto, im\u00e1genes, bloques de anuncios o enlaces de navegaci\u00f3n,\u00a0etc.[\/su_box]<\/p>\n<p>Un motor de b\u00fasqueda necesita un m\u00e9todo para <strong>dividir un documento estructurado<\/strong>\u00a0para poder traducir el documento en una estructura de datos jer\u00e1rquica, de acuerdo\u00a0con los elementos sint\u00e1cticos definidos en el propio documento (p\u00e1gina web )&#8230;<\/p>\n<h3><strong>Ejemplo de p\u00e1gina: <\/strong><\/h3>\n<p>En la imagen de ejemplo aparece una p\u00e1gina web con varias secciones o bloques\u00a0dentro de ella bien diferenciados.<\/p>\n<p>Por un lado esta <strong>el bloque<\/strong> de la cabecera que corresponde al <a href=\"https:\/\/blog.mailrelay.com\/es\/2017\/06\/01\/crear-logotipos-gratis\" target=\"_blank\" rel=\"noopener\">logo<\/a> y el men\u00fa\u00a0principal.<\/p>\n<p>Por otro lado aparece en el lateral izquierdo un <strong>bloque de enlaces<\/strong> que pueden ser\u00a0enlaces de navegaci\u00f3n a diferentes categor\u00edas.<\/p>\n<p>Luego aparece el bloque principal, situado en el centro y donde hay unas columnas\u00a0de imagen y texto debajo de ellas.<\/p>\n<p>En el lateral derecho aparecen bloques de anuncios o publicidad que est\u00e1n\u00a0separados verticalmente.<\/p>\n<p>Y por \u00faltimo aparece un bloque de enlaces en el pie de p\u00e1gina.<\/p>\n<p>Por tanto, esta p\u00e1gina pertenece a un arbol ( Raiz ), y es una rama que consta de 5\u00a0trozos cada uno de los cuales corresponde a una <strong>regi\u00f3n sem\u00e1nticamente distinta.<\/strong><\/p>\n<p>Despu\u00e9s de esto, cada uno de los \u201cbloques\u201d se etiquetan y se les da <strong>un atributo<\/strong>\u00a0incluyendo otros par\u00e1metros como en el caso del logo puede ser el ancho y altura de\u00a0la imagen en p\u00edxeles.<\/p>\n<p>Al dividir una p\u00e1gina en bloques o secciones, un motor de b\u00fasqueda puede\u00a0determinar con mayor precisi\u00f3n la relevancia entre la p\u00e1gina web y un <strong>t\u00e9rmino de\u00a0consulta de b\u00fasqueda<\/strong> en funci\u00f3n de qu\u00e9 regi\u00f3n sem\u00e1nticamente distinta contiene\u00a0ese t\u00e9rmino de consulta.<\/p>\n<h3><strong>Por ejemplo:<\/strong><\/h3>\n<p>Si el t\u00e9rmino de consulta del usuario se encuentra en los bloques de imagen\u00a0centrales, a la p\u00e1gina web de ejemplo generalmente se le debe otorgar una\u00a0<strong>puntuaci\u00f3n m\u00e1s alta<\/strong> que otra p\u00e1gina web en la que el t\u00e9rmino de consulta se\u00a0encuentra en uno de los bloques de publicidad.<\/p>\n<p>A\u00fan as\u00ed a veces es dificil para un motor de b\u00fasqueda determinar la jerarqu\u00eda de una\u00a0p\u00e1gina web a trav\u00e9s del HTML.<\/p>\n<p>Por esta raz\u00f3n, tener una estructura de datos jer\u00e1rquica a nivel de dise\u00f1o web\u00a0sem\u00e1ntico es interesante porque puede ser utilizada por un motor de b\u00fasqueda para\u00a0mejorar los resultados de b\u00fasqueda.<\/p>\n<p>El dise\u00f1o sem\u00e1ntico determina diferentes enlaces que se encuentran en diferentes\u00a0regiones sem\u00e1nticamente distintas, a los cuales se les pueden asignar diferentes\u00a0pesos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21397 size-full\" title=\"dise\u00f1o sem\u00e1ntico\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/segmentacion-pagina-bloques.png\" alt=\"dise\u00f1o sem\u00e1ntico\" width=\"624\" height=\"407\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/segmentacion-pagina-bloques.png 624w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/segmentacion-pagina-bloques-300x196.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/segmentacion-pagina-bloques-110x72.png 110w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/p>\n<p>Por lo tanto, un enlace de un documento a otro puede considerarse de acuerdo con\u00a0la regi\u00f3n en la que se encuentra el enlace, para determinar mejor la popularidad del\u00a0documento web.<\/p>\n<p>De manera similar, un m\u00f3dulo de an\u00e1lisis de texto puede asignar pesos diferentes a\u00a0textos id\u00e9nticos cuando ese texto se encuentra en diferentes regiones sem\u00e1nticas\u00a0de un documento.<\/p>\n<p>Siguiendo con el dise\u00f1o de la p\u00e1gina de ejemplo, si un t\u00e9rmino de consulta\u00a0encuentra su coincidencia en el bloque de imagen central en lugar del bloque de pie\u00a0de p\u00e1gina, a esta p\u00e1gina web se le debe dar <strong>una puntuaci\u00f3n de consulta m\u00e1s alta<\/strong>\u00a0que si el t\u00e9rmino se encontrara en el pie de p\u00e1gina.<\/p>\n<p>La raz\u00f3n es que el contenido que coincide con la consulta se encuentra en un lugar\u00a0que suele coincidir con el objetivo de un usuario.<\/p>\n<p>Esto nos puede dar una buena pista para dise\u00f1ar la p\u00e1gina para <strong>ofrecer una mejor\u00a0experiencia usuario.<\/strong><\/p>\n<h3><strong>V\u00eddeo explicativo<\/strong><\/h3>\n<p>Si lo prefieres puedes ver un v\u00eddeo explicando este concepto.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/VmTVi7cAXaI\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>\u00b7\u00a0 Las im\u00e1genes dentro de una p\u00e1gina<\/h2>\n<p>En general, el texto m\u00e1s cercano a una imagen es m\u00e1s relevante para la imagen que\u00a0el texto que se encuentra m\u00e1s alejado de la imagen.<\/p>\n<p>El motor de b\u00fasqueda es capaz de identificar el texto que est\u00e1 cerca de una imagen\u00a0y, por lo tanto, crear un t\u00edtulo para la imagen, que posteriormente se puede usar en\u00a0otras aplicaciones como <strong>la b\u00fasqueda de im\u00e1genes.<\/strong><\/p>\n<p>Una buena idea puede ser otorgar <strong>un fragmento de texto<\/strong> representativo de la\u00a0imagen.<\/p>\n<h2>\u00b7\u00a0Relaci\u00f3n sem\u00e1ntica entre im\u00e1genes, texto y publicidad<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21399 size-full\" title=\"Relaci\u00f3n sem\u00e1ntica entre im\u00e1genes, texto y publicidad\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/vision-microsoft-1.png\" alt=\"Relaci\u00f3n sem\u00e1ntica entre im\u00e1genes, texto y publicidad\" width=\"593\" height=\"322\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/vision-microsoft-1.png 593w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/vision-microsoft-1-300x163.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/vision-microsoft-1-110x60.png 110w\" sizes=\"auto, (max-width: 593px) 100vw, 593px\" \/><\/p>\n<p>La publicidad dentro de un documento web puede formar parte del propio sitio en\u00a0general, como lo puede hacer un medio de comunicaci\u00f3n o un blog de noticias que\u00a0utiliza <strong>Adsense<\/strong> para monetizarse.<\/p>\n<p>La sem\u00e1ntica entre en contenido de una p\u00e1gina y los anuncios que aparecen en ella,\u00a0puede determinar tambi\u00e9n su ranking org\u00e1nico.<\/p>\n<p>Es probable que las webs que aparecen en los resultados de b\u00fasqueda donde las\u00a0consultas est\u00e1n relacionadas con el contenido principal de esas p\u00e1ginas,\u00a0proporcionen una <strong>experiencia de usuario mejor<\/strong> que las p\u00e1ginas que aparecen en\u00a0resultados en los que el ruido <strong>(publicidad)<\/strong> en la p\u00e1gina est\u00e1 relacionado con la\u00a0consulta buscada por alguien.<\/p>\n<p>Tanto google como <strong>Microsoft<\/strong> tienen patentes que tratan de segmentar una p\u00e1gina\u00a0en bloques con el objetivo de determinar la importancia de cada bloque.<\/p>\n<p>En alguna ocasi\u00f3n me he encontrado con una p\u00e1gina web que <strong>utiliza Asense<\/strong> que ha\u00a0perdido mucho tr\u00e1fico org\u00e1nico de forma constante.<\/p>\n<p>Muchas veces a este tipo de problemas se les asigna la etiqueta <strong>\u201cha sido por una\u00a0nueva actualizaci\u00f3n de google\u201d<\/strong>, sin embargo, no se sabe muy bien el por qu\u00e9.<\/p>\n<p>En esta ocasi\u00f3n la web de noticias no hab\u00eda incurrido en <strong>malas pr\u00e1cticas de SEO<\/strong>, y a\u00a0simple vista cumpl\u00eda con todos los requerimientos de google, sin embargo, <a href=\"https:\/\/ginesmayol.com\/porque-no-mejora-posicionamiento-seo\/\" target=\"_blank\" rel=\"noopener\">segu\u00eda y\u00a0segu\u00eda perdiendo tr\u00e1fico sin saber por qu\u00e9.<\/a><\/p>\n<p>Despu\u00e9s de analizarlo todo, nos dimos cuenta de que los <strong>anuncios de Adsense<\/strong> que\u00a0aparec\u00edan en el bloque central ( y m\u00e1s importante ) de la web no ten\u00edan ninguna\u00a0relaci\u00f3n con la tem\u00e1tica de la p\u00e1gina.<\/p>\n<p>Decidimos realizar los ajustes necesarios para que los Ads fuesen lo m\u00e1s parecidos\u00a0a la tem\u00e1tica que ofrec\u00eda la web y el resultado fu\u00e9 que en 8 semanas la p\u00e1gina\u00a0<strong>recuper\u00f3 el 80% del tr\u00e1fico org\u00e1nico<\/strong> perdido.<\/p>\n<p>Este tipo de detalles son importantes cuando se intenta <strong>monetizar una p\u00e1gina con\u00a0Adsense.<\/strong><\/p>\n<p>Como siempre, hay una f\u00f3rmula para determinar la relevancia de cada uno de los\u00a0bloques del dise\u00f1o de una p\u00e1gina web.<\/p>\n<p>Aqu\u00ed voy a compartir la f\u00f3rmula de Microsoft que utiliza a trav\u00e9s de un proyecto\u00a0llamado <strong>VIPS<\/strong>: algoritmo de segmentaci\u00f3n de p\u00e1gina basado en <strong>VISION<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21401\" title=\"algoritmo de segmentaci\u00f3n de p\u00e1gina basado en VISION.\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/formula-vision-microsoft.png\" alt=\"algoritmo de segmentaci\u00f3n de p\u00e1gina basado en VISION.\" width=\"630\" height=\"430\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/formula-vision-microsoft.png 674w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/formula-vision-microsoft-300x205.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/formula-vision-microsoft-110x75.png 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<h2>\u00b7\u00a0Herramienta de UX y SEO<\/h2>\n<p>Es posible que necesitemos algo de ayuda para determinar la mejor opci\u00f3n de\u00a0dise\u00f1o basada en la experiencia de usuario.<\/p>\n<p><strong>Dareboost<\/strong> es una herramienta de SEO para an\u00e1lisis de rendimiento de sitios web y\u00a0tambi\u00e9n realiza mediciones relacionadas con la experiencia del usuario (UX), como\u00a0Start Render, <strong>Visually Complete y Speed Index.<\/strong><\/p>\n<p>Dareboost puede ayudar en este examen t\u00e9cnico de UX.<\/p>\n<h2>\u00b7\u00a0Conclusi\u00f3n<\/h2>\n<p>El <strong>dise\u00f1o UX<\/strong> est\u00e1 basado en mejorar la experiencia de usuario, pero tambi\u00e9n debe\u00a0estar enfocado en que un motor de b\u00fasqueda comprenda mejor la estructura y\u00a0jerarqu\u00eda de ese dise\u00f1o.<\/p>\n<p>Los motores de b\u00fasqueda seccionan las p\u00e1ginas en \u201cbloques\u201d para ayudarles a\u00a0determinan donde se encuentra la informaci\u00f3n que coincide con la consulta del\u00a0usuario.<\/p>\n<p>Un bloque ubicado en el centro de una p\u00e1gina puede considerarse m\u00e1s importante\u00a0que otro bloque en la parte inferior de una p\u00e1gina.<\/p>\n<p>Las im\u00e1genes tambi\u00e9n deben estar relacionadas con el contenido principal y el texto\u00a0alrededor de ellas es importante, as\u00ed como tama\u00f1o y n\u00famero.<\/p>\n<p>La publicidad dentro de la p\u00e1gina tambi\u00e9n obtiene un peso o puntaje que puede\u00a0afectar m\u00e1s o menos al ranking de esta p\u00e1gina.<\/p>\n<p>El an\u00e1lisis de estas patentes puede darnos buenas pistas de como podemos\u00a0organizar el contenido dentro de una p\u00e1gina a nivel de dise\u00f1o y <strong>obtener un mejor\u00a0puntaje en los resultados de b\u00fasqueda org\u00e1nicos.<\/strong><\/p>\n<p>Espero que esta informaci\u00f3n te sea de utilidad para trabajar mejor el dise\u00f1o de tu\u00a0web.<\/p>\n<p><a href=\"https:\/\/ginesmayol.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21403 size-full\" title=\"Gin\u00e9s Mayol\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/gines-mayol.png\" alt=\"Gin\u00e9s Mayol\" width=\"630\" height=\"250\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/gines-mayol.png 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/gines-mayol-300x119.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/gines-mayol-110x44.png 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El UX Design (User Experience Design) o \u201cDise\u00f1o de Experiencia de Usuario\u201d es\u00a0una metodolog\u00eda de dise\u00f1o web que tiene por objetivo la creaci\u00f3n de productos que\u00a0resuelvan necesidades concretas de los usuarios. Actualmente los dise\u00f1adores web que tienen inter\u00e9s en la experiencia del usuario se\u00a0ofrecen como profesionales de dise\u00f1o UX. Desde unos a\u00f1os hasta hoy, la [&hellip;]<\/p>\n","protected":false},"author":100,"featured_media":21406,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[21],"tags":[],"class_list":["post-39618","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1o web optimizado para UX siguiendo las reglas de google - Mailrelay<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o web optimizado para UX siguiendo las reglas de google - Mailrelay\" \/>\n<meta property=\"og:description\" content=\"El UX Design (User Experience Design) o \u201cDise\u00f1o de Experiencia de Usuario\u201d es\u00a0una metodolog\u00eda de dise\u00f1o web que tiene por objetivo la creaci\u00f3n de productos que\u00a0resuelvan necesidades concretas de los usuarios. Actualmente los dise\u00f1adores web que tienen inter\u00e9s en la experiencia del usuario se\u00a0ofrecen como profesionales de dise\u00f1o UX. Desde unos a\u00f1os hasta hoy, la [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/\" \/>\n<meta property=\"og:site_name\" content=\"Mailrelay\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Mailrelay\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-19T07:24:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-08T15:44:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png\" \/>\n\t<meta property=\"og:image:width\" content=\"630\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gin\u00e9s Mayol\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mailrelay\" \/>\n<meta name=\"twitter:site\" content=\"@mailrelay\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gin\u00e9s Mayol\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/\"},\"author\":{\"name\":\"Gin\u00e9s Mayol\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#\\\/schema\\\/person\\\/62addd1ab78c553bb9a1304ea07a727a\"},\"headline\":\"Dise\u00f1o web optimizado para UX siguiendo las reglas de google\",\"datePublished\":\"2019-02-19T07:24:16+00:00\",\"dateModified\":\"2022-05-08T15:44:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/\"},\"wordCount\":2306,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/diseno-web-orientado-a-ux.png\",\"articleSection\":[\"Marketing\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/\",\"name\":\"Dise\u00f1o web optimizado para UX siguiendo las reglas de google - Mailrelay\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/diseno-web-orientado-a-ux.png\",\"datePublished\":\"2019-02-19T07:24:16+00:00\",\"dateModified\":\"2022-05-08T15:44:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/diseno-web-orientado-a-ux.png\",\"contentUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/diseno-web-orientado-a-ux.png\",\"width\":630,\"height\":340},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/02\\\/19\\\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o web optimizado para UX siguiendo las reglas de google\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/\",\"name\":\"Mailrelay\",\"description\":\"Mailrelay.com\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#organization\",\"name\":\"Mailrelay\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/logo.png\",\"width\":190,\"height\":49,\"caption\":\"Mailrelay\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Mailrelay\\\/\",\"https:\\\/\\\/x.com\\\/mailrelay\",\"https:\\\/\\\/www.youtube.com\\\/mailrelay-email-marketing\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#\\\/schema\\\/person\\\/62addd1ab78c553bb9a1304ea07a727a\",\"name\":\"Gin\u00e9s Mayol\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2ecaa3b42d693e0a1604bcc5e8a8b17c91a2a3a6624d8b745350806ff1a5ce67?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2ecaa3b42d693e0a1604bcc5e8a8b17c91a2a3a6624d8b745350806ff1a5ce67?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2ecaa3b42d693e0a1604bcc5e8a8b17c91a2a3a6624d8b745350806ff1a5ce67?s=96&d=mm&r=g\",\"caption\":\"Gin\u00e9s Mayol\"},\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/author\\\/ginesmayol\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o web optimizado para UX siguiendo las reglas de google - Mailrelay","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o web optimizado para UX siguiendo las reglas de google - Mailrelay","og_description":"El UX Design (User Experience Design) o \u201cDise\u00f1o de Experiencia de Usuario\u201d es\u00a0una metodolog\u00eda de dise\u00f1o web que tiene por objetivo la creaci\u00f3n de productos que\u00a0resuelvan necesidades concretas de los usuarios. Actualmente los dise\u00f1adores web que tienen inter\u00e9s en la experiencia del usuario se\u00a0ofrecen como profesionales de dise\u00f1o UX. Desde unos a\u00f1os hasta hoy, la [&hellip;]","og_url":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/","og_site_name":"Mailrelay","article_publisher":"https:\/\/www.facebook.com\/Mailrelay\/","article_published_time":"2019-02-19T07:24:16+00:00","article_modified_time":"2022-05-08T15:44:38+00:00","og_image":[{"width":630,"height":340,"url":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png","type":"image\/png"}],"author":"Gin\u00e9s Mayol","twitter_card":"summary_large_image","twitter_creator":"@mailrelay","twitter_site":"@mailrelay","twitter_misc":{"Escrito por":"Gin\u00e9s Mayol","Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/#article","isPartOf":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/"},"author":{"name":"Gin\u00e9s Mayol","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#\/schema\/person\/62addd1ab78c553bb9a1304ea07a727a"},"headline":"Dise\u00f1o web optimizado para UX siguiendo las reglas de google","datePublished":"2019-02-19T07:24:16+00:00","dateModified":"2022-05-08T15:44:38+00:00","mainEntityOfPage":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/"},"wordCount":2306,"commentCount":6,"publisher":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/#organization"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/#primaryimage"},"thumbnailUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png","articleSection":["Marketing"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/","url":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/","name":"Dise\u00f1o web optimizado para UX siguiendo las reglas de google - Mailrelay","isPartOf":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/#primaryimage"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/#primaryimage"},"thumbnailUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png","datePublished":"2019-02-19T07:24:16+00:00","dateModified":"2022-05-08T15:44:38+00:00","breadcrumb":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/#primaryimage","url":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png","contentUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png","width":630,"height":340},{"@type":"BreadcrumbList","@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/02\/19\/diseno-web-optimizado-para-ux-siguiendo-las-reglas-de-google\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpstaging.mailrelay.com\/es\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o web optimizado para UX siguiendo las reglas de google"}]},{"@type":"WebSite","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#website","url":"https:\/\/wpstaging.mailrelay.com\/es\/","name":"Mailrelay","description":"Mailrelay.com","publisher":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpstaging.mailrelay.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#organization","name":"Mailrelay","url":"https:\/\/wpstaging.mailrelay.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2021\/12\/logo.png","contentUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2021\/12\/logo.png","width":190,"height":49,"caption":"Mailrelay"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Mailrelay\/","https:\/\/x.com\/mailrelay","https:\/\/www.youtube.com\/mailrelay-email-marketing"]},{"@type":"Person","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#\/schema\/person\/62addd1ab78c553bb9a1304ea07a727a","name":"Gin\u00e9s Mayol","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/2ecaa3b42d693e0a1604bcc5e8a8b17c91a2a3a6624d8b745350806ff1a5ce67?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2ecaa3b42d693e0a1604bcc5e8a8b17c91a2a3a6624d8b745350806ff1a5ce67?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2ecaa3b42d693e0a1604bcc5e8a8b17c91a2a3a6624d8b745350806ff1a5ce67?s=96&d=mm&r=g","caption":"Gin\u00e9s Mayol"},"url":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/author\/ginesmayol\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png",630,340,false],"thumbnail":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux-150x150.png",150,150,true],"medium":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux-300x162.png",300,162,true],"medium_large":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png",630,340,false],"large":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png",630,340,false],"1536x1536":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png",630,340,false],"2048x2048":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png",630,340,false],"testimonials":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux-110x59.png",110,59,true],"author-image":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png",60,32,false],"yarpp-thumbnail":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/02\/diseno-web-orientado-a-ux.png",120,65,false]},"uagb_author_info":{"display_name":"Gin\u00e9s Mayol","author_link":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/author\/ginesmayol\/"},"uagb_comment_info":6,"uagb_excerpt":"El UX Design (User Experience Design) o \u201cDise\u00f1o de Experiencia de Usuario\u201d es\u00a0una metodolog\u00eda de dise\u00f1o web que tiene por objetivo la creaci\u00f3n de productos que\u00a0resuelvan necesidades concretas de los usuarios. Actualmente los dise\u00f1adores web que tienen inter\u00e9s en la experiencia del usuario se\u00a0ofrecen como profesionales de dise\u00f1o UX. Desde unos a\u00f1os hasta hoy, la&hellip;","_links":{"self":[{"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/posts\/39618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/users\/100"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/comments?post=39618"}],"version-history":[{"count":2,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/posts\/39618\/revisions"}],"predecessor-version":[{"id":46873,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/posts\/39618\/revisions\/46873"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/media\/21406"}],"wp:attachment":[{"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/media?parent=39618"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/categories?post=39618"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/tags?post=39618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}