Cómo enlazar a un capítulo dentro de la misma página

En estos tiempos modernos parece que hemos olvidado cómo enlazar a un capítulo dentro de la misma página, vamos a ver cómo hacerlo de forma muy básica, sin filigranas. Pincha aquí para ver un ejemplo (te mandará al final del artículo).

Enlazar a otra parte de una página web -misma página web igual a misma URL- se puede hacer desde los inicios del HTML, hace algún tiempo pasó de moda y dejó de usarse, para volver de la mano de HTML 5, mucho más trabajo y con efectos más interesantes.

Aquí vamos a ver rápidamente cómo hacerlo “a la antigua”.

El atributo <a name=””>

Es muy sencillo, sólo tenemos que incluir en HTML (si estamos en wordpress tenemos que ir a la pestaña “texto”) un enlace, que en lugar de apuntar a ningún sitio, define un ancla -cabe recordar que la <A> es de anchor, ancla en inglés-, es tan sencillo como incluir en el punto al que queremos poder enlazar un código como este:
<a name="nombre del ancla"></a>


En el código de ejemplo sólo tendrías que sustituir “nombre del ancla” por el texto que quieras, sin espacios.

Una vez hecho esto, podremos enlazar a ese punto creando cualquier enlace, sea interno o externo, que apunte a la URL más el ancla, por ejemplo: “https://googleseo.marketing/como-enlazar-a-un-capitulo-dentro-de-la-misma-pagina/#arriba” apuntaría a un ancla llamada arriba en esta misma página. Al final del artículo tienes un ejemplo.

Google ignora todo más allá de la almohadilla (hash)

Como en los inicios del HTML la almohadilla (# o hash) se utilizaba para enlazar a marcadores concretos, Google ignora todo lo que encuentra en una URL a partir de la almohadilla, por ejemplo:

“https://googleseo.marketing/t/html” para Google es lo mismo que “https://googleseo.marketing/t/html#diecisiete”

Esto puede ser útil si queremos pasar algún parámetro que no nos interesa que indexe en los buscadores.

Mira, aquí tienes el ejemplo de lo que hemos visto hecho realidad, pincha aquí para volver al principio.