Editorial
Editorial
Editorial

Consejos para los enlaces de tus páginas web

Los enlaces (links) en las páginas web son los que realmente le dan la magia a la red de redes. Con este breve artículo comparto algunos consejos para mejorar los enlaces de tu sitio web.

Para aquellos que aún amamos el HTML, la etiqueta <a href="…">…</a> nos da un poder increible al realizar contenidos para el web.  Claro que con editores visuales para trabajar nuestros diseños ahora solo hace falta pulsar un botón y agregar la dirección a referir.

Pero ¿cómo podemos asegurarnos de que nuestro sitio contenga enlaces útiles para los usuarios?  A continuación algunos consejos:

No les digas que "pulsen aquí"

Utilizar el texto "pulsa aquí" para generar links en tu página es uno de los peores errores que aún cometen los creadores de páginas web.  En lo personal me parece de mal gusto que me digan donde debo pulsar y además no ayuda para nada a indexar correctamente los contenidos del Internet.

Cuando generes enlaces de texto, asegúrate de incluir contenidos que expliquen a dónde lleva el enlace.  

Mal uso:

Para conocer al personal de la empresa patito bonito, pulse aquí.

Buen uso:

Conozca al personal de la empresa patito bonito.

Los enlaces deberían ser buenos títulos

Una forma correcta de entender si nuestros enlaces son bien aplicados, es que eliminemos mentalmente el texto a su alrededor y que observemos si la información puede ser comprendida de forma solitaria.

Mal uso:

Más información sobre Firefox.

Buen Uso:

Más información sobre Firefox.

Los links hacia sitios externos siempre deben llevar el protocolo http://

Los navegadores de internet de nuestros tiempos nos ayudan a completar las direcciones de Internet.  Una maravilla moderna para evitar escribir el famoso http:// que va al inicio de cada enlace.  Sin embargo, esto también puede generar el mal hábito de realizar links incorrectos.  Asegúrate de incluir el link completo y mejor si gracias a la mágia del "copiar y pegar" tomas la dirección desde tu navegador hacia tu editor de páginas web para verificar que este completa.

Mal uso:

<a href="www.google.com">Google</a>

Buen uso:

<a href="http://www.google.com">Google</a>

En los ejemplos anteriores, el que no incluye el protocolo, lejos de buscar un sitio externo, se refiere a un documento llamado www.google.com en tu propio sitio.  No generemos errores 404 por gusto! Y no tienen idea los millones de enlaces de este tipo que existen.

Utiliza el atributo title

El atributo title="" es muy importante para todos los enlaces a pesar que aún no se tiene la costumbre de utilizarlo. Su función es la de proveer información sobre los contenidos del enlace, en especial cuando el texto del enlace no es tan descriptivo (aunque como sugerimos anteriormente en otro consejo debería de serlo). Toma en cuenta que en el caso de algunos navegadores, este texto se desplegará al posicionar el cursor sobre el enlace.

Los links son votos de confianza para otros sitios

Los motores de búsqueda toman muy en cuenta los links a la hora de indexar los contenidos del web.   Todos los links que llegues a realizar desde tu sitio web son votos de confianza que le das a otros sitios web.  Parte del algoritmo del Pagerank de Google funciona precisamente por la cantidad de links entrantes que tiene tu sitio web.   Y la mejor forma de mejorar su funcionamiento es participando activamente en la construcción de enlaces útiles.   Siempre que puedas cita otras fuentes en los contenidos de tu sitio y dale tus votos de confianza a los proyectos que admiras.

Cuidado con la repetición de enlaces en la misma página

Se imaginan que escribiéramos un artículo sobre el famoso Google donde mencionáramos el nombre de esta empresa como mínimo unas 200 veces?    Imagina que cada vez que incluyeras el nombrecito se te ocurriera generar un enlace hacia el sitio.  Aunque estarás dando varios votos de confianza, tus lectores te van a odiar con toda razón.   Usa muchos enlaces, pero trata de no repetirlos en la misma página.   La primera vez que lo menciones está bien, pero ya luego deja que el texto se mantenga en paz.

Mal uso:

Google es un motor de búsqueda que surgió en la Universidad de Standford.  Desde su nacimiento hasta hoy Google se ha consolidado como una de las empresas más importantes de la red.  Los creadores de Google

Buen uso:

Google es un motor de búsqueda que surgió en la Universidad de Standford.  Desde su nacimiento hasta hoy Google se ha consolidado como una de las empresas más importantes de la red.  Los creadores de Google…

Las hojas de estilo y los enlaces.

Al inicio eran azules, subrayados y punto.  Hoy en día, utilizar este formato puede darle gran usabilidad a nuestro sitio.  Sin embargo con las hojas de estilo también tenemos mucho poder para modificarlos y darles todo tipo de propiedades.  Aprovecha esta posibilidad, pero ten cuidado en agrupar los enlaces por bloques de tu sitio.  Nunca pongas distintos formatos de enlaces en el mismo parrafo pues confundirás a tus usuarios.

Muy mal ejemplo:

A continuación encontrará información de nuestra empresa, nuestros productos, servicios y fundadores. Gracias por su visita.

Y recuerda que el atributo :hover de los enlaces es un buen amigo. Muchas veces queremos incluir enlaces en los títulos de nuestra página o incluso enlaces que no están subrayados. Haz que este atributo reaccione al cursor y le diga claramente al usuario que está sobre un link!

 

Recuerda que los enlaces le dan vida a la web.  No tengas miedo en enlazar y espero que estos consejos te sean de utilidad.

Christian Van Der Henst S. para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: Twitter @maestros | Facebook Fan page

85 comentarios

Comentarios

  1. TolaWare

    Muy bueno :arriba:

  2. cvander

    Me alegra que te haya gustado. Si alguien quiere agregar algún consejo que se me haya escapado, siempre bienvenido :)

  3. MindPaniC

    Buena información.

    yo creo agregaría que si se trata de links internos siempre es bueno poner el famoso alt=”nombre del link” ya que esto tambien lo leen los navegadores y creo es favorable para su indexación por buscadores.

    saludos

  4. tunait

    MindPaniC, Buena información.

    yo creo agregaría que si se trata de links internos siempre es bueno poner el famoso alt=”nombre del link” ya que esto tambien lo leen los navegadores y creo es favorable para su indexación por buscadores.

    Supongo que te refieres a title y no alt :arriba::-)

  5. MindPaniC

    pues si, ke se me ha ido la pinza con las imagenes… :’( :’(

    gracias por al aclaracion tunait. ;-)

  6. cvander

    Buen consejo el del “title”. Y vaya que lo deje olvidado, pero ya lo incluiré en la nota :)

  7. RBZ

    MindPaniC, Buena información.

    yo creo agregaría que si se trata de links internos siempre es bueno poner el famoso tittle=”nombre del link” ya que esto tambien lo leen los navegadores y creo es favorable para su indexación por buscadores.

    saludos

    Para que es necesario, ¿el nombre no es suficiente?. Por ejemplo:

    code:

    -Iglesias gótico-mudéjares

    Si a este ejemplo le añado un tittle, ¿no sería redundante?.

    Saludos

    —Edito— Por lo demás un artículo muy interesante.

  8. caricatos

    Hola:

    El artículo me ha gustado mucho, y se plantea un tema que se repite mucho en los foros (me lo apuntaré para referirlo en los temas que lo merezcan…)

    Confundir atributos alt y title es otra cosa que se reitera mucho… y aunque no viene al caso, confundir javascript y java… ¡y tantos otros casos…!

    RBZ: Cuando pones un contenido en la página, debes respetar las reglas de sintaxis de los párrafos… y cuando en un párrafo de un texto normal de cualquier libro, hay una cita o algo para destacar, se acostumbra a poner un asterisco o un numerito en superíndice (o tal vez subíndice…:pensando:..) para buscar luego a pie de página o en algún apartado para notas o referencias del libro (o la publicación que sea) alguna aclaración…
    Si esa aclaración merece un enlace, no estaría de más un atributo title indicando que el enlace es hacia una referencia ampliada… y si esa “referencia ampliada” consta de pocas palabras no es necesario un enlace, pero un title creo que viene bien (aunque no se suele usar…)

    Saludos :arriba:

  9. Juan Carlos

    Muy interesante el articulo!

    // http://www.planrural.com //

  10. María Teresa Otero

    Gracias por la información realizo un manual de Marketing Online para una empresa venezolana y necesita unos datos con respecto a los enlaces.

  11. María Teresa Otero

    Fe de erratas: *Necesitaba quise decir !!! :P

  12. sandra

    pense que se hablaria mas del uso de title y los targets.

    saludos

  13. Chaja

    me gustaria que me informaran sobre detalles que pueden hacer a mi web mas “amigable” desde ya, muchas gracias

  14. Nicolas

    MUY Buenos consejos… me vienen al pelo.. ya que de diseño web soy UN PRINCIPIANTE… Hasta AHora solo BLOG..jajaja.. pero estoy estudiando… en la carrera q curso… DISEÑO WEB… asique prontito.. una WEB..jaja..por ahora… conforme con mi BLOG… (NO hay que ser ambiciosos… tiempo al tiempo)…saludos.. y gracias por los consejos

  15. german

    me encanto el tutorial esta completisimo y aprendi muchosimo….los felicto….

  16. Jimena Pons Ganddini

    Creo que las páginas web que utilizan título como el Pulse Aquí, creen que los navegantes o lectores son tontos y que nunca sabrían dónde pulsar… Lo mejor de la página web es poder divertirse en la búsqueda, interactuar con ella, ver con qué cosas nos sorprende la página, qué tan fácil es de usar, etc.
    Los demás consejos me parecieron buenos, sobre todo porque uno comete algunos errores de vez en cuando…

  17. Michelle Guillioli

    Gracias por mandarnos esta información tan útil a la hora de hacer links.
    Las páginas donde rpiten los enlaces a cada rato son un poco deseperantes porque si a uno le interesa saber la información la lee a la primera, no la tiene que estar leyendo a cada rato.

  18. Carolina L

    Gracias por tus consejos. Muy prácticos y útiles a la vez.

    // http://ratoneando.blogspot.com //

  19. Mónica Díaz

    Me parece muy interesante además aprendo bastante y es muy bueno saberlo para no cometer ciertos errores que muchas veces cometemos

  20. Hector

    Gracias por los consejos me van a servir bastante

  21. NIGHT

    muy bueno, llevo muy poco tiempo en esto y tus consejos me sirvieron mucho, gracias.

    // http://night908.blogspot.com/ //

  22. mania

    muy interesany es buno saberlo!!!

  23. Karina de Bejarano

    Vaya que necesitamos saber todo esto para poder generar un sitio web de calidad. Muchas gracias

  24. Barion santos

    pues la verda esta muy interesante el Documental gracias ya que nos servira de mucho para nuestra web

  25. a.N.G.I.e

    de veras, es un buen sitio para aprender!! felicidades

  26. Alex Sosa

    Me parece razonable, muy buena observacion

    // http://usuarios.lycos.es/zacapalegendaria/pagina/tarea3.html //

  27. hugo

    que buenos consejos

  28. Jorge

    Me gusto este pequeño articulo, si todos utilizamos estos consejos vamos a tener mejores web…..Saludos desde Venezuela

  29. Alfredo

    ¿Como hago para que al pulsar el enlace, éste se abra en una ventana nueva y pueda mantener la mía?

    // http://educacionmusicalvenezuela.blogspot.com //

  30. Me parece que yo estaba cometiendo este error en mi página. Vamos a ver si lo podemos solucionar.
    Muchas gracias

    http://www.quecasasrurales.com

  31. Matty

    Muy interesante! la verdad es que necesitaba algunos consejos ya que me estoy adentrando al mundo de los blogs.
    cometía errores como “pincha aquí”, “clica aquí” y gracias a esto lo he solucionado
    muchas gracias!

  32. Muy interesante tus consejos!!! Me lo apunto

  33. Mario

    estos consejos me parecieron muy bacanos y mas cuando djiste como se debia y donde emplear el pulsa aqui estos consejos me parecen my buenos para la gente que le interesa de verdad esto bye muy buena pagina pero le falta un poco mas de vida desde mi criterio chao si tienes alguna sugerencia para mi enviala ha este correo [email protected]

  34. La verdad que no sé cómo publicitar mi blog….está muy pobre…hace dos días que lo he creado y me gustaría escribir para alguien…Saludoss

  35. gracias por los consejos.
    aunque casi a todos los sabia por mi propia experiencia como visitante de paginas webs.
    pero la tuya es una buena explicación los errores mas frecuentes que se cometen al crear links. El que voy a remendar ahora mismo en mi blog es el de tener un mismo link varias veces en la misma pagina.

  36. No está mal recordarlo. La mayoría de los consejos ya me los sabia.

  37. mary

    alguien me puede ayudar necesito poner un menu en una pag web. ejemplo la pag. esta dividida en 3 secciones 1autor 2menu y 3bienvenida, en el menu hay diferentes opciones y necesito que al dar clic en una de ellas me aparesca su contenido en 3bienvenida pero no aparece y se abre otra pagina … me dijeron que usara target pero no funciona alguien me puede ayuda por favor!!!!

  38. muy interesante entrar

  39. Gracias por tu ayuda, me ha venido genial.

  40. ademas deven tener buen contenido y estar escrita la iformacion en parrafos cortos , ya que esta demostrado que la gente en internet , lee mas a los saltos y quizas atravieza parrafos enteros ( esto no tiene que ver con el posicioamiento o los buscadores, sino con la calidad de ifo para la gebte ( que en definitivas es la que decide) buiena ota!!!

  41. LEOBASS

    perdón por lo mal escrito del post anterior
    !!!

  42. Comentarios en verdad interesantes. Un cordial saludo y gracias por los tan útiles consejos. Incluiré un vínculo en mi bitácora a este estupendo sitio.

  43. Gracias muy interesante tus comentarios y me sirvieron de mucho…varias ideas nuevas…
    saludos

  44. He leido todos los consejos y los voy a tomar en cuenta. Pero, me podriais dar un consejo para posicionar una web de cerrajerias? (esta masificado este mundo en internet)
    Un saludo
    Andres

  45. HORACIO

    COMO PUEDO AGREGAR A MI PAGINA UNA SECCION PARA DEJAR MENSAJES?
    GRACIAS Y EL ARTICULO ES MUY BUENO.

  46. Tengo su pagina en prederido, gracias, pero no puedo entender como pego una etiqueta, para hacer conocido mi blog.¿puede guiarme? soy principiante,Saludos

  47. muy bueno consejos en que en realidad no se mucho de los links en que me gustaria que explicara como ponerlo y eso .gracias.

  48. suuuuuuuuuuuuuuuuuupppppppppppeeeeeeeeeeerrrrrrrrrrrrr chida la pagina la mejor q he visitado hasta ahora, lo que le falta es un poco de presentacion, pero en general muy buena felicidades.

  49. Muchas gracias por los consejos, son de gran ayuda

  50. Ha sido leer lo de no poner el tipico “Descarga desde AQUI” y he quitado un par de mi blog… jeje.

    Gracias por los consejos!

    -> http://elcuboderubix.blogspot.com/ <-

  51. Muy interesante, si señor!

  52. Hola muy buen articulo ya he leido varios tuyos..
    Gracias por los consejos los aplire ami blog..
    Si quieres conocerlo visitalo http://www.miamidollars.3a2.com
    Gracias..

  53. Muy buenos estos tips, los voy a utilizar en mi blog

  54. mi blog desde Republica Dominicana, para quienes les interere.
    http/puntualizandoenlared.blogspot.com

  55. Muy Buenos los consejos, me han gustado mucho. No tenía la costumbre de enlazar, pero creo que ahora empesaré a hacerlo. Gracias.

  56. Perdón por mi ignorancia (como decía Borges) con ésta URL ¿Como debería ser mi link para que mis clientes pudieran darse de baja del Boletín que envío periodicamente? Desde mi Blog se pueden suscribir, pero no se pueden dar de baja porque no sé colocar un link. ¿Me ayudarías?

  57. armandocasas xd

    oe.. pero… io kiero mejorar mi web por ejemplo con gifs aun lado con poner cosas para descargar con varias cosas… algo asi como este blog: http://www.runeslatinos.com = muy buena la informacion :D gracias

  58. hola,si alguno me puede ayudar a ponerle cosas a mi web para que la visiten mas seguido por favor,si alguno sabe algun…truco…para que mi pagina se ve mejor por favor diganmelo en mi correo electronico o me lo escriben en mi pagina,

    Gracias de todas formas y espero que me den una buena respuesta :-)

    A y visiten mi web y dejen sus opiniones o consejos,chau y espero que me respondan.

    1. Virginia

      Cual es tu web?????

  59. Gracias por la ayuda, es muy util, de verdad lo es

    Saludos

  60. Interesante artículo.

  61. Muy bueno, me ha sido muy útil. Gracias.

  62. Muy buena data! te felicito. Me ayudó mucho con la creación de mi blog.
    saludos

  63. visita pablomacera.blogspot.com ,excelente blog de historia

  64. Hola amigo puse este post en mi blog pero lo modifique y te cite

  65. Muchisimas gracias por este artículo. Nos ha sido de gran ayuda en el proyecto en el que estamos trabajando. Se trata de una revista independiente de arte y literatura, a la que, por supuesto, te invitamos.

    Una vez más, gracias.

  66. Que Gran Error cometia al repetir enlaces en una misma pagina

    Excelente blog, gracias!!!

  67. Hola amigo estube visitando tu blog y me encanto toda las informaciones que dices en el,tengo un blog creado porque estoy desarrollando un negocio de red de mercadeo impactante que esta cambiando mi vida al igual como lo esta haciendo con otras personas y deseo compartira con otras personas y deseo darme a conocer en muchos lugares del mundo,podrias ayudarme de como lo hago,ya tome varios de tus consejos y lo estoy poniendo en practica muchas gracias.http://4lifeemprende.blogspot.com

  68. Buen consejo es una forma muy util para redactar un buen post

  69. muy buen consejo para redactar cualquier post ayudara a la web a a sus resultados

  70. Muy buen post esta completo e interesante

  71. LIndo pero hay algun codigo que poner antes para que sea enlace???:/
    Me gustaria que visitaras mi blog para decirme que le falta:http://www.todonews221.blogspot.com

  72. Muy buenos consejos, gracias

Los comentarios de este post están cerrados. Si quieres seguir la discusión, debatir, criticar, sugerir o expandir el tema te invitamos a hacerlo en tu propio blog, en twitter o donde puedas publicar. No olvides enlazar a este post para que sigamos la conversación y se genere un trackback.