como crear enlaces internos a la pagina web

con el término todavía HTML nos referimos a los enlaces que conectan diferentes secciones de una misma página web. A diferencia de otros enlaces, no abandona la página sino que permanece en el mismo recurso. Para crear una relación debe utilizar indicar un punto final. Y obviamente uno de partida.

Estos enlaces para crear saltos de página se utilizan para diferentes propósitos. Por ejemplo, puede aprovechar los anclajes para menús internos, útiles para artículos más largos, pero también para la navegación en páginas de destino o sitios de una sola página que utilizan esta solución en el menú principal.

¿Qué es un enlace de anclaje HTML?

Este tipo de hipervínculo se diferencia de los enlaces normales internos o salientes por un desplazamiento que permanece en la página abierto.

Estas soluciones se utilizan para permitir que el usuario navegue fácilmente por un recurso. particularmente exigentequizás largo y difícil de disfrutar.

Si bien es posible que estos elementos no se definan como enlaces completos, el formato del texto no tiene diferencias con respecto a los internos (entre diferentes páginas de un mismo sitio) y salientes (a diferentes recursos).

Para leer: caracteres a evitar en la URL

Cómo insertar un ancla

Para crear un enlace dentro de la misma página, por conectar dos secciones y generar un índice genérico o un atajo, necesitas dos elementos esenciales:

• Un ancla que actúa como llegada.
• Un enlace basado en texto de anclaje.

El primer paso tiene lugar a través del atributo del nombre que forma una especie de etiqueta que se recordará más tarde con el href clásico (Referencia de hipertexto). Entonces, para crear un ancla interna, debe proceder de esta manera con el código HTML, aquí está la solución con las etiquetas relacionadas:

<a href="#arrivo">Partenza</a>
<a name="arrivo">Arrivo</a>

Como puede ver, el enlace href conduce a una sección de la página marcada con una etiqueta dada por el nombre. El vínculo se forma gracias a lainsertando la puerta antes de la palabra elegida para crear el punto final que también se indicará en la URL de la página web. Aquí está el ejemplo de la dirección a un marcador específico.

www.miosito.it/permalink#arrivo

El signo de almohadilla (#) lleva al navegador a un área específica del recurso. Se utiliza, desde un punto de vista técnico, para separar la URI de un identificador para una sección.

Beneficios SEO de los anclajes HTML

La presencia de enlaces internos a la propia página no pasa desapercibida para el rastreador de Google. De hecho, las páginas con menús tienen algunos beneficios en el serp mostrando enlaces de sitio. Los cuales se insertan en la base del snippet y como acceso directo si el encabezado corresponde a una consulta específica.

Esto no tiene ventajas en términos de clasificación pero se ve mejor a los ojos del usuario y aumenta las posibilidades de llamar la atención de quienes buscan en Google.

Seamos realistas, agregar automáticamente una tabla de contenido para cada artículo publicado en el blog no es fácil con esta solución. Por eso es posible, al menos en WordPressinserte anclas internas en cada encabezado (H2, H3 …) automáticamente gracias a complementos como:

Así podrás gestionar los enlaces internos de forma automática. Ciertamente no es adecuado para sitios web pequeños o con publicaciones cortas, es mejor usar complementos solo cuando hay muchos artículos para tratar e insertar un menú solo con Marcadores de posición HTML se convierte en un trabajo complejo y difícil de manejar.

Cómo crear anclas en WordPress

No todo el mundo sabe que el nuevo editor de Gutenberg permite gestionar el trabajo de las cabeceras de forma simplificada. Entonces, además de usar los complementos y el código HTML si lo desea insertar un enlace hacia un punto específico de la página puedes seguir este sencillo paso.

Primero resalte el título de aterrizaje. Luego vaya directamente a la sección de opciones avanzadas y defina el nombre. Es decir, la etiqueta. Luego seleccione el texto de anclaje que desea usar como enlace y agregue solo el hash seguido deletiqueta elegida. De esta forma, puede crear un salto de página sin complementos ni cambios en el código HTML. Aquí está el vídeo:

Obviamente, todo esto también se puede hacer para un menú de navegación en elencabezado del sitio web. Excepto que las anclas precedidas por el asterisco se colocan en las secciones dedicadas a los enlaces personalizados. ¿Ya ha seguido este procedimiento? ¿Tienes alguna pregunta sobre el tema?