{"id":329,"date":"2022-01-24T10:26:29","date_gmt":"2022-01-24T09:26:29","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/nuevanormalidad\/?p=329"},"modified":"2022-01-24T10:26:29","modified_gmt":"2022-01-24T09:26:29","slug":"no-uses-click-aqui-en-tus-enlaces-seo","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/tecnologia\/no-uses-click-aqui-en-tus-enlaces-seo\/","title":{"rendered":"No uses \"click aqu\u00ed\" en tus enlaces SEO"},"content":{"rendered":"<p><span style=\"font-weight: 400\">No soy el \u00fanico que escribe sobre esto. De hecho, puede buscar f\u00e1cilmente \" debo hacer clic aqu\u00ed para obtener enlaces \" en Google y encontrar pr\u00e1cticamente toda la informaci\u00f3n que necesita para convencerse de que es una mala pr\u00e1ctica.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">\u201cHaz <\/span><a href=\"https:\/\/saulromanjimenez.com\/porque-enlaces-no-usar-haz-clic-aqui\/\"><b>click aqu\u00ed<\/b><\/a><span style=\"font-weight: 400\">\u201d se ha vuelto viral<\/span><\/h2>\n<p><span style=\"font-weight: 400\">Si hay tanta informaci\u00f3n disponible, \u00bfpor qu\u00e9 sigue siendo tan com\u00fan ver los enlaces \"haga clic aqu\u00ed\" en la web? \u00bfPor qu\u00e9 yo (y probablemente otros) sigo recibiendo una copia de los estrategas y editores de contenido que est\u00e1 plagada de errores bien documentados? \u00bfPor qu\u00e9 parece que la enfermedad todav\u00eda se est\u00e1 propagando?<\/span><\/p>\n<p><span style=\"font-weight: 400\">Este art\u00edculo es <\/span><i><span style=\"font-weight: 400\">otro art\u00edculo m\u00e1s<\/span><\/i><span style=\"font-weight: 400\"> sobre por qu\u00e9 el uso de \"click aqui\" y otros errores comunes de hiperv\u00ednculo son una enfermedad horrible que plaga la web; uno que tenemos que curar lo antes posible.<\/span><\/p>\n<h1><span style=\"font-weight: 400\">Por qu\u00e9 \"haz clic aqu\u00ed\" es tan malo<\/span><\/h1>\n<p><span style=\"font-weight: 400\">El uso de una redacci\u00f3n vaga y poco informativa para los hiperv\u00ednculos tendr\u00e1 varios efectos adversos en su sitio web:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Disminuci\u00f3n de la usabilidad general<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Disminuci\u00f3n de la accesibilidad general<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Disminuci\u00f3n en el rendimiento del motor de b\u00fasqueda y la capacidad de encontrar contenido<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400\">Estos son problemas enormes, por lo que los abordar\u00e9 individualmente antes de brindar mejores opciones.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">C\u00f3mo afecta la redacci\u00f3n vaga de enlaces a la usabilidad<\/span><\/h2>\n<p><span style=\"font-weight: 400\">A trav\u00e9s de muchos estudios sobre c\u00f3mo los usuarios consumen informaci\u00f3n en la web, los expertos en experiencia de usuario han concluido que los usuarios solo leen entre el 20 y el 28 % del contenido de una p\u00e1gina determinada. Este escaneo ocurre en un pat<\/span><span style=\"font-weight: 400\">r\u00f3n F<\/span><span style=\"font-weight: 400\"> ; los usuarios buscan palabras clave como accesos directos a la informaci\u00f3n que est\u00e1n buscando, un proceso llamado b\u00fasqueda de informaci\u00f3n .<\/span><\/p>\n<p><span style=\"font-weight: 400\">Dado que los hiperv\u00ednculos se destacan ( generalmente en azul ) y son representativos de un destino para obtener m\u00e1s informaci\u00f3n, son una parte fundamental de esta b\u00fasqueda de informaci\u00f3n. Por lo tanto, el uso de palabras imprecisas como texto de hiperv\u00ednculo disminuir\u00e1 el impacto, debido a la falta de palabras clave, y crear\u00e1 lo que se conoce como un \"olor de informaci\u00f3n\" deficiente.<\/span><\/p>\n<p><span style=\"font-weight: 400\">En otras palabras, \"haga clic aqu\u00ed\" no le da al usuario una descripci\u00f3n concreta de exactamente qu\u00e9 informaci\u00f3n est\u00e1 a solo un clic de distancia: no tiene significado. Esto obliga al usuario a buscar la frase que rodea el \"haga clic aqu\u00ed\" para reconstruir algo de contexto. \"Hacer clic aqu\u00ed\" puede sonar <\/span><i><span style=\"font-weight: 400\">procesable<\/span><\/i><span style=\"font-weight: 400\"> , pero la investigaci\u00f3n del usuario sugiere que, en cambio, ralentizar\u00e1 al usuario y aumentar\u00e1 la carga cognitiva .<\/span><\/p>\n<p><span style=\"font-weight: 400\">Otro aspecto del efecto sobre la usabilidad es el \u00e9nfasis en la mec\u00e1nica de una acci\u00f3n espec\u00edfica , como \"hacer clic\". Hacer clic es un comportamiento inherente a un mouse y tiene menos sentido en dispositivos t\u00e1ctiles donde el foco est\u00e1 en tocar con un dedo. Si bien este es un factor muy real en la usabilidad, queda un poco en segundo plano con respecto a los requisitos relacionados con la b\u00fasqueda de informaci\u00f3n.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">C\u00f3mo los hiperv\u00ednculos no informativos afectan la accesibilidad<\/span><\/h2>\n<p><i><span style=\"font-weight: 400\">Nota r\u00e1pida:<\/span><\/i><span style=\"font-weight: 400\"> si tiene la opini\u00f3n de que la accesibilidad es una de esas cosas que solo conciernen a los mandatos de la ley (p. ej., organizaciones gubernamentales), es posible que necesite un art\u00edculo separado sobre la relevancia de la accesibilidad web para convencerlo de lo contrario. Pero en aras de la brevedad, solo voy a resaltar c\u00f3mo la accesibilidad se relaciona con los hiperv\u00ednculos.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Esto se ilustra mejor con un ejemplo. Imagina que eres un usuario ciego y llegas a una p\u00e1gina con un mont\u00f3n de enlaces poco informativos...<\/span><\/p>\n<p><span style=\"font-weight: 400\">Ojea o salta la p\u00e1gina usando la tecla [tabulador] mientras su lector de pantalla anuncia cada parada. Llegas a unos pocos enlaces. Esto es lo que te suena:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Enlace \u201chaga clic aqu\u00ed\u201d.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Enlace \u201chaga clic aqu\u00ed\u201d.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Enlace \u201cM\u00e1s informaci\u00f3n\u201d.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Enlace \u201cir aqu\u00ed\u201d.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">\u00bfAd\u00f3nde van esos enlaces? \u00bfQu\u00e9 informaci\u00f3n proporcionan? Dado que el lector de pantalla solo anuncia el texto dentro del hiperv\u00ednculo, el uso de frases vagas como estas crea una barrera que no permite que los usuarios con discapacidades visuales usen su sitio web de manera efectiva.<\/span><\/p>\n<p><span style=\"font-weight: 400\">En cambio, deber\u00edamos esperar proporcionar a nuestros usuarios ciegos lo siguiente:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Enlace \"debo usar haga clic aqu\u00ed para ver los enlaces\".<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Enlace \u201cestudios sobre c\u00f3mo los usuarios consumen informaci\u00f3n\u201d.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\"Los usuarios solo leen entre el 20% y el 28% del contenido\" Enlace.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Enlace \u201cpatr\u00f3n F\u201d.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Esos son m\u00e1s informativos, \u00bfverdad?<\/span><\/p>\n<p><span style=\"font-weight: 400\">Puede probar esto usted mismo f\u00e1cilmente en Chrome instalando Chromevox .<\/span><\/p>\n<h2><span style=\"font-weight: 400\">C\u00f3mo el texto vinculado oscuro afecta la optimizaci\u00f3n del motor de b\u00fasqueda<\/span><\/h2>\n<p><span style=\"font-weight: 400\">Si su clasificaci\u00f3n en Google es m\u00e1s importante para usted que no discriminar a un grupo completo de usuarios, \u00a1est\u00e1 de suerte! Mejorar la accesibilidad de los hiperv\u00ednculos tendr\u00e1 un efecto directo y bastante significativo en la optimizaci\u00f3n de su motor de b\u00fasqueda.<\/span><\/p>\n<p><b><i>\u00bfC\u00f3mo es eso?<\/i><\/b><\/p>\n<p><span style=\"font-weight: 400\">Una de las formas m\u00e1s f\u00e1ciles de pensar en los motores de b\u00fasqueda y sus rastreadores web es considerarlos ciegos, ya que no pueden ver. Recorren su sitio web de forma muy similar a c\u00f3mo los usuarios con discapacidades visuales se orientan en la web.<\/span><\/p>\n<p><span style=\"font-weight: 400\">El valor de una p\u00e1gina (y cualquier p\u00e1gina a la que se vincule) se prioriza primero en torno al contexto provisto en el t\u00edtulo de la p\u00e1gina, los encabezados y el texto en los hiperv\u00ednculos.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Cuando un motor de b\u00fasqueda indexa su p\u00e1gina, une las relaciones de las palabras clave con sus URL. Las palabras clave est\u00e1n determinadas tanto por el texto del enlace como por el contenido de la p\u00e1gina objetivo. Si el texto del enlace es preciso para la p\u00e1gina de destino, entonces el rastreador web sabe que el enlace es leg\u00edtimo e indexa la p\u00e1gina para esa palabra clave. Si usa una frase poco informativa, como \"haga clic aqu\u00ed\", el motor de b\u00fasqueda no establecer\u00e1 una conexi\u00f3n lo suficientemente estrecha entre el texto del enlace y la p\u00e1gina de destino. Esto tendr\u00e1 un impacto negativo en el rendimiento del motor de b\u00fasqueda de su p\u00e1gina, porque el \"olor a la informaci\u00f3n\" es deficiente. De hecho, incluso aplazar la palabra clave hasta el final del enlace (por ejemplo, \"haga clic aqu\u00ed para ver la documentaci\u00f3n del producto\") tiene el mismo inconveniente.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Si est\u00e1 reconociendo que esto est\u00e1 estrechamente relacionado con la forma en que los usuarios videntes buscan informaci\u00f3n, estar\u00eda en lo correcto. Todo est\u00e1 relacionado. En otras palabras:<\/span><\/p>\n<p><span style=\"font-weight: 400\">Ponga a sus usuarios primero<\/span><span style=\"font-weight: 400\"> , y los motores de b\u00fasqueda amar\u00e1n su sitio.<\/span><\/p>\n<h1><span style=\"font-weight: 400\">Otras frases de hiperv\u00ednculo no informativas<\/span><\/h1>\n<p><span style=\"font-weight: 400\">Al crear hiperv\u00ednculos, evite usar frases vagas como las siguientes:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">aqu\u00ed<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">m\u00e1s<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lee mas<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">aprende m\u00e1s<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">enlace a [alg\u00fan destino de enlace]<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">informaci\u00f3n<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">En cambio, se recomienda que los hiperv\u00ednculos cumplan con estos criterios:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Son tan descriptivos y concisos como sea posible.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Comience con una palabra clave<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Contener sustantivos concretos<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u201cNo es una frase verbal\u201d<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Proporcionar \"informaci\u00f3n cuando se lee fuera de contexto\" (recuerde c\u00f3mo los leen los lectores de pantalla)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No discutas mec\u00e1nicas espec\u00edficas.<\/span><\/li>\n<\/ul>\n<h1><span style=\"font-weight: 400\">Otros errores comunes de hiperv\u00ednculo<\/span><\/h1>\n<h2><span style=\"font-weight: 400\">Uso de URL como texto de enlace<\/span><\/h2>\n<p><span style=\"font-weight: 400\">Al igual que la vaguedad de frases como \"haga clic aqu\u00ed\", el uso de URL como texto de hiperv\u00ednculo es una mala pr\u00e1ctica y debe evitarse tanto como sea posible.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><b>Usabilidad: las<\/b><span style=\"font-weight: 400\"> URL no son legibles por humanos, proporcionan poco o ning\u00fan valor en la b\u00fasqueda de informaci\u00f3n y aumentan la carga cognitiva.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Accesibilidad: las<\/b><span style=\"font-weight: 400\"> URL son molestas e imposibles para los usuarios ciegos de obtener el contexto de un enlace. Un lector de pantalla leer\u00e1 literalmente cada uno de los caracteres de la URL. Trate de imaginarse tropezando con una URL vinculada. Escuchar\u00edas esto: \"http-[dos puntos]-[barra inclinada]-[barra inclinada]-www-[punto]-medium-[punto]-com-[barra inclinada]...\" - \u00a1Dios m\u00edo, disp\u00e1rame ahora!<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Motores de b\u00fasqueda: las<\/b><span style=\"font-weight: 400\"> URL como texto de hiperv\u00ednculo no aportan ning\u00fan valor a\u00f1adido a los motores de b\u00fasqueda; una URL no es una palabra clave, por lo tanto, no hay relaci\u00f3n. El motor de b\u00fasqueda \" no le otorgar\u00e1 puntos y que Dios tenga misericordia de su alma\".<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Adem\u00e1s, las URL no contienen espacios y el uso de URL largas como enlaces puede provocar un desplazamiento horizontal no deseado.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Enlaces sin \u00e9nfasis<\/span><\/h2>\n<p><span style=\"font-weight: 400\">La asequibilidad percibida de la capacidad de hacer clic abarca varios errores:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No utilizar un color de enlace que destaque del resto del contenido.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Usando el color de su enlace para texto no enlazado.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No subrayar enlaces y no reservar el estilo de subrayado solo para enlaces.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No usar un color diferente para los enlaces visitados (#3 en los 10 errores principa<\/span><span style=\"font-weight: 400\">les<\/span><span style=\"font-weight: 400\"> ).<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No dise\u00f1ar (o eliminar el estilo) el estado de enfoque en los enlaces.<\/span><\/li>\n<\/ul>\n<h1><span style=\"font-weight: 400\">Podemos hacerlo mejor<\/span><\/h1>\n<p><span style=\"font-weight: 400\">Volver a entrenarnos para redactar los hiperv\u00ednculos correctamente puede requerir un poco de esfuerzo al principio. Pero creo firmemente que podemos hacerlo mejor que frases como \"haga clic aqu\u00ed\" y \"m\u00e1s informaci\u00f3n\", y se lo debemos a nuestros usuarios.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Despu\u00e9s de todo, si los tenemos en cuenta primero, mejorando la experiencia general del usuario, nos beneficiaremos a cambio con un mejor rendimiento del sitio web (motores de b\u00fasqueda incluidos).<\/span><\/p>\n<p><span style=\"font-weight: 400\">Entonces, dejemos el h\u00e1bito y curemos esta enfermedad. <\/span><i><span style=\"font-weight: 400\">\u00bfExtend\u00ed demasiado la met\u00e1fora?<\/span><\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>No soy el \u00fanico que escribe sobre esto. De hecho, puede buscar f\u00e1cilmente \" debo hacer clic aqu\u00ed para obtener enlaces \" en Google y encontrar pr\u00e1cticamente toda la informaci\u00f3n que necesita para convencerse de que es una mala pr\u00e1ctica. \u201cHaz click aqu\u00ed\u201d se ha vuelto viral Si hay tanta informaci\u00f3n disponible, \u00bfpor qu\u00e9 sigue siendo tan com\u00fan ver los<br \/><span class=\"read_more\"><a href=\"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/tecnologia\/no-uses-click-aqui-en-tus-enlaces-seo\/\">Read more...<\/a><\/span><\/p>\n","protected":false},"author":11147,"featured_media":330,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[296],"tags":[],"class_list":["post-329","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/wp-json\/wp\/v2\/posts\/329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/wp-json\/wp\/v2\/users\/11147"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/wp-json\/wp\/v2\/comments?post=329"}],"version-history":[{"count":1,"href":"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/wp-json\/wp\/v2\/posts\/329\/revisions"}],"predecessor-version":[{"id":331,"href":"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/wp-json\/wp\/v2\/posts\/329\/revisions\/331"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/wp-json\/wp\/v2\/media\/330"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/wp-json\/wp\/v2\/media?parent=329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/wp-json\/wp\/v2\/categories?post=329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/nuevanormalidad\/wp-json\/wp\/v2\/tags?post=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}