Enlazar cualquier zona de una web

Me temo que el título no es lo suficientemente acertado pero la idea es sencilla: imagina que quieres dirigir a alguien a una zona concreta de una web donde se explica algo que le interesa.

Si el apartado no se encuentra al principio de la web es probable que tengamos que incluir explicaciones para que localice la información (“…en la mitad de la página, debajo de la captura de pantalla, verás que aparece un texto…”)

Incómodo, ¿verdad?

¿Qué te parecería que al pinchar sobre la url que el envíes en el correo (o en un artículo de tu blog ;)) automáticamente accediese a dicha información sin explicaciones innecesarias?

Pues éso es lo que trataremos en el presente artículo

Puesta en antecedentes

Y es que lo ideal sería que todos (yo el primero) incluyésemos en los distintos apartados de la web identificadores (anchors) que permitiesen referenciarlos al resto de internautas.

Es más, sería ideal que los grandes gestores de contenidos (WordPress, Blogspot, DotNetNuke, Joomla, …) incluyesen dichos IDs automáticamente en los distintos encabezados de un texto (que el usuario mete en el texto una etiqueta h1… el CMS le mete un anchor name si o si)

Pero como de momento eso no es así vamos a tener que buscar una alternativa ¿no os parece?

Citebite

Tras dedicar más tiempo del que pensaba a buscar una solución y probar varias de las existentes finalmente he adoptado a Citebite el cual cuenta con

Como no quiero tener más extensiones de la cuenta instaladas en el navegador he decidido que el bookmarklet es el que más me interesa.

Instalar el bookmarklet

Imagino que muchos sabéis instalar un bookmarklet de todos modos podéis consultar cómo instalamos el bookmarklet de Readability (arrastrando el bookmarklet que podéis encontrar en la web de Citebite)

null

A modo de resumen os indico los pasos:

  • Mostar la barra de marcadores (Ver > Barras de herramientas > Barra de herramientas de marcadores) si no está visible todavía en tu navegador.
  • Abrir la página de Citebite
  • Arrastrar el botón de la captura anterior hasta la barra de marcadores.

Enlazar cualquier web

Con el bookmarklet ya instalado

  1. nos iremos a la web que nos interese
  2. seleccionaremos el comienzo del texto que queremos destacar
  3. y pulsamos sobre el bookmarklet

null

una vez realizados los pasos anteriores se abrirá una ventana emergente donde podréis

  • obtener el enlace url a enviar
  • ver la zona apuntada por el enlace que enviarás

null

Si queréis un ejemplo no tenéis más que pulsar el siguiente enlace que os redigirá al interior del artículo sobre cómo modificar desde la terminal el registro de Gnome.

Conclusión

Interesante y útil forma de referenciar el contenido de cualquier página web independientemente de que su autor haya tenido en cuenta dicha posibilidad.

Personalmente me gusta más la solución propuesta por Antimatter: Xpath Bookmark Bookmarklet pero, desgraciadamente, no he conseguido hacer funcionar los enlaces generados por él.

¿Por qué me gusta más? porque la solución no afecta al posicionamiento (CiteBite si lo hace al sustituir la url original por una propia) lo cual permite agradecer (via pagerank) cuando se enlaza desde un blog (mucho mejor posicionado que el mio ;)) el esfuerzo para generar la información enlazada.

8 comentarios en “Enlazar cualquier zona de una web

  1. Pingback: BlogESfera.com
  2. Por desgracia he encontrado una pega a ésta página.

    Cuando marcamos un texto para que haga referencia a él, enlazará a la primera palabra que encuentre en la página web.

    Por ejemplo, si quiero enlazar la explicación de “serial” en éste enlace: http://www.marblestation.com/?p=543

    enlazará a la primera palabra que sea “serial” en la página.

    Realmente quiero enlazar “Serial: es un identificador del archivo, puede tener un valor arbitrario pero se recomienda que tenga la fecha con una estructura AAAA-MM-DD y un consecutivo.”

    sin embargo, enlazará a:

    @ IN SOA marblestation.homeip.net. root.marblestation.homeip.net. (
    1 ; Serial

    Para no tener éste error, simplemente puedes probar marcando la explicación entera, siempre y cuando no haya un texto igual antes en la página.

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s