{"id":98,"date":"2005-10-14T12:35:29","date_gmt":"2005-10-14T10:35:29","guid":{"rendered":"http:\/\/www.webposible.com\/blog\/?p=98"},"modified":"2020-02-06T16:07:06","modified_gmt":"2020-02-06T15:07:06","slug":"oh-no-otro-vinculo-pinche-aqui","status":"publish","type":"post","link":"http:\/\/www.webposible.com\/blog\/2005\/oh-no-otro-vinculo-pinche-aqui\/","title":{"rendered":"\u00a1Oh no!, otro v\u00ednculo pinche aqu\u00ed"},"content":{"rendered":"<p>Parece incre\u00edble, pero todav\u00eda nos encontramos v\u00ednculos del tipo \u00abpinche aqu\u00ed\u00bb y similares.<br \/>\nDigo yo que tuvo que ser una moda en su momento, y que tuvo mucho \u00e9xito. Pero una vez que se ha demostrado que <strong>este tipo de v\u00ednculos son los peores<\/strong> que se pueden colocar en un documento, no entiendo como se sigue obstinado como si fuesen los mejores textos que pueden aparecer en un v\u00ednculo. Como si realmente fuesen los mejores, o tuviesen alguno ventaja. \u00bfPero tiene alguna ventaja realmente?<\/p>\n<h4>Los v\u00ednculos y los buscadores<\/h4>\n<p>No pretendo demostrar lo evidente, pero si este peque\u00f1o art\u00edculo llega a las manos de alguien que cambia de opini\u00f3n y deja de utilizarlos (carcajadas entre el reducido y respetable p\u00fablico de esta bit\u00e1cora), me dar\u00e9 por satisfecho.<br \/>\nNo se ni por donde empezar. Bueno, s\u00ed, una prueba irrefutable de que el texto que se incluye en los v\u00ednculos (el texto que aparece subrayado y en azul por defecto), es importante. Basta con <a href=\"https:\/\/www.google.es\/search?hl=es&amp;q=aqu%C3%AD&amp;btnG=B%C3%BAsqueda+en+Google&amp;meta=&amp;gws_rd=ssl\">poner en el buscador <span xml:lang=\"en\" lang=\"en\">Google<\/span> la palabra \u00abaqu\u00ed\u00bb<\/a>, y de entre los m\u00e1s de ochenta millones de resultados que obtiene (no creo que la calidad de los mismos sea brillante), nos encontramos en primer lugar (tach\u00e1n tach\u00e1n, redoble de tambor y solo de corneta)&#8230;<br \/>\nEfectivamente, <a href=\"https:\/\/get.adobe.com\/reader\/\">Descarga de Adobe Reader &#8211; Todas las versiones<\/a>.<br \/>\n\u00bfEl motivo? Creo que est\u00e1 claro. A ver, una pregunta que me hago en voz alta \u00bfCu\u00e1ntas veces hemos visto una frase similar a <q>Para descargar <span xml:lang=\"en\" lang=\"en\">acrobat reader<\/span>, pulse aqu\u00ed<\/q>? S\u00ed, y en el <strong>pulse aqu\u00ed<\/strong>, o en <strong>aqu\u00ed<\/strong>, un precioso v\u00ednculo. Da igual el color y el estilo. Puede ser subrayado y en azul, o sin subrayar y en negro, pero un v\u00ednculo.<br \/>\nY <span xml:lang=\"en\" lang=\"en\">Google<\/span>, cuyas bondades y defectos conocemos todos, tiene entre sus caracter\u00edsticas, el hacer caso a las p\u00e1ginas webs. Normal, es un buscador, \u00bfno? S\u00ed, pero hace caso a todas las p\u00e1ginas, sean buenas o malas, sean accesibles o no&#8230; y teniendo en cuenta que esas p\u00e1ginas est\u00e1n hechas por personas (de forma directa o indirecta),  y que muchas de esas personas todav\u00eda siguen anclados en la moda de usar los v\u00ednculos \u00abpinche aqu\u00ed\u00bb porque era la \u00faltima moda cuando las empresas punto-com era el tema de conversaci\u00f3n en la pescader\u00eda, con el panadero y subiendo en el ascensor. Y ocurre lo que vemos.<br \/>\n<span xml:lang=\"en\" lang=\"en\">Google<\/span>, como otros muchos buscadores, da una especial importancia a los v\u00ednculos. \u00bfPorqu\u00e9? Porque <strong>se supone que los v\u00ednculos tienen que tener un texto significativo<\/strong> del lugar al que se dirigen. Y porque los v\u00ednculos, al igual que los t\u00edtulos (<code>h1<\/code>, <code>h2<\/code>, <code>h3<\/code>,&#8230;), las palabras con \u00e9nfasis (ya sab\u00e9is que es m\u00e1s correcto <code>em<\/code> que <code>i<\/code>), las que destacamos  (recordemos, hay que usar <code>strong<\/code> en lugar de <code>b<\/code>), y bueno, as\u00ed con un etc\u00e9tera no tan largo.<br \/>\nYa sab\u00e9is que de momento los buscadores no son demasiado inteligentes, a ver si les ayudamos un poquito, que hacen una importante labor, je je.<\/p>\n<h4>Los v\u00ednculos y la accesibilidad<\/h4>\n<p>Sigamos con otro factor importante: la accesibilidad web. Un usuario que accede a un documento web, no tiene porqu\u00e9 hacerlo a trav\u00e9s de un navegador gr\u00e1fico. Puede hacerlo desde un lector de pantalla o navegador parlante. Y estos programas, tienen la opci\u00f3n de listar t\u00edtulos, y v\u00ednculos. Teniendo en cuenta que esos textos tienen mucha importancia (los t\u00edtulos nos muestran la estructura, y los v\u00ednculos nos dirigen a otras p\u00e1ginas), es una forma de tener un resumen del documento como otra cualquiera. Adem\u00e1s, los v\u00ednculos a veces se puden ordenar por orden alfab\u00e9tico. Por eso es importante que no se repitan v\u00ednculos con el mismo texto y diferentes destinos (como por ejemplo en esta bit\u00e1cora, con los v\u00ednculos a los comentarios&#8230; estoy en ello, de verdad, o en el t\u00edpico v\u00ednculo de \u00abm\u00e1s\u00bb, \u00abampliar noticia\u00bb, etc\u00e9tera), porque es un incordio para el usuario y bastante molesto.<br \/>\nPodemos ver que la recomendaci\u00f3n de usar textos significativos en los v\u00ednculos es una de las pautas de accesibilidad:<\/p>\n<blockquote cite=\"http:\/\/www.discapnet.es\/web_accesible\/wcag10\/WAI-WEBCONTENT-19990505_es.html#tech-meaningful-links\">\n<dl class=\"checkpoints\">\n<dt class=\"checkpoint\"><span class=\"checkpoint\"><a id=\"tech-meaningful-links\">13.1<\/a> Identifique claramente el objetivo de cada v\u00ednculo.  <\/span><span class=\"priority2\">[Prioridad 2]<\/span><\/dt>\n<dd class=\"checkpoint\">El <a href=\"https:\/\/www.discapnet.es\/areas-tematicas\/tecnologia-inclusiva\/observatorio-de-accesibilidad-tic\/la-accesibilidad-web#link-text\" title=\"Definici\u00f3n de texto del v\u00ednculo\"><span class=\"dfn-instance\">texto del v\u00ednculo<\/span><\/a> tiene que tener significado suficiente cuando sea le\u00eddo fuera de contexto (por s\u00ed mismo o como parte de una secuencia de v\u00ednculos). Tambi\u00e9n debe ser conciso.<\/dd>\n<dd class=\"checkpoint\">Por ejemplo, en HTML, escriba \u00abinformaci\u00f3n sobre la versi\u00f3n 4.3\u00bb en lugar de \u00abpincha aqu\u00ed\u00bb. Adem\u00e1s de textos de v\u00ednculos claros, los desarrolladores de contenidos deben aclarar el objetivo de un v\u00ednculo con un t\u00edtulo informativo del mismo (por ejemplo, en HTML, el atributo \u00abtitle\u00bb),<\/dd>\n<dd><a title=\"Identifique claramente el objetivo de cada v\u00ednculo.\" href=\"https:\/\/www.discapnet.es\/areas-tematicas\/tecnologia-inclusiva\/observatorio-de-accesibilidad-tic\/la-accesibilidad-web#tech-meaningful-links\">T\u00e9cnicas para el punto de verificaci\u00f3n 13.1<\/a>.<\/dd>\n<\/dl>\n<\/blockquote>\n<p><cite><a href=\"https:\/\/www.discapnet.es\/areas-tematicas\/tecnologia-inclusiva\/observatorio-de-accesibilidad-tic\/la-accesibilidad-web\">Traducci\u00f3n de las Pautas de Accesibilidad al Contenido en la Web 1.0<\/a>, realizada por Carlos Egea, Alicia Sarabia, Alan Chuter y alojada en <a href=\"https:\/\/www.discapnet.es\/\">discapnet<\/a><\/cite><br \/>\nY voy terminando ya&#8230; si alguien tiene curiosidad, le recomiendo que lea, en ingl\u00e9s, algo de los siguientes v\u00ednculos:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.w3.org\/QA\/Tips\/noClickHere\" xml:lang=\"en\" lang=\"en\" hreflang=\"en\">Don&#8217;t use \u00abclick here\u00bb as link text<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/Provider\/Style\/ReadableText\" xml:lang=\"en\" lang=\"en\" hreflang=\"en\">Make your (hyper)text readable<\/a> por <cite xml:lang=\"en\" lang=\"en\">Larry Masinter<\/cite><\/li>\n<li><a href=\"http:\/\/www.w3.org\/Provider\/Style\/\" xml:lang=\"en\" lang=\"en\" hreflang=\"en\">Style Guide for online hypertext<\/a> por el \u00fanico y aut\u00e9ntico <cite xml:lang=\"en\" lang=\"en\">Tim Berners-Lee<\/cite><\/li>\n<\/ul>\n<p>Pero sobre todo, nunca utilic\u00e9is un v\u00ednculo con el texto \u00abaqu\u00ed\u00bb, por favor. Y si v\u00e9is alguno, denunci\u00e1dles a las autoridades competentes, y si no es posible, a uno de mis superh\u00e9roes favoritos de la web El hombre del marcado sem\u00e1ntico.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Parece incre\u00edble, pero todav\u00eda nos encontramos v\u00ednculos del tipo \u00abpinche aqu\u00ed\u00bb y similares. Digo yo que tuvo que ser una moda en su momento, y que tuvo mucho \u00e9xito. Pero una vez que se ha demostrado que este tipo de v\u00ednculos son los peores que se pueden colocar en un documento, no entiendo como se [&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,9],"tags":[],"class_list":["post-98","post","type-post","status-publish","format-standard","hentry","category-accesibilidad","category-usabilidad"],"_links":{"self":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/98","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=98"}],"version-history":[{"count":9,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/98\/revisions"}],"predecessor-version":[{"id":884,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/98\/revisions\/884"}],"wp:attachment":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/media?parent=98"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/categories?post=98"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/tags?post=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}