Como crear un enlace ancla en wordpress

Anchor.fm wordpress

No siempre hay que instalar un plugin de inmediato si se quiere implementar una cosa muy pequeña en WordPress. A la larga, esto hace que su instalación de WordPress sea tan lenta como un caracol en una caja de arena. Por lo tanto, te muestro en este artículo, cómo establecer enlaces de anclaje en WordPress y llevarse bien sin un plugin.

Un ancla, enlace de anclaje, o ancla si te gusta la fantasía, es un enlace que vincula el contenido dentro de un documento. A diferencia de un enlace normal, lleva al lector a otra sección dentro del mismo artículo. También se puede llamar a un ancla un marcador de salto.

Si quieres poner un enlace ancla en WordPress, no necesitas un https:// antes del enlace, ni un www. ni nada más. El signo de almohadilla delante de su enlace es suficiente para indicar a un navegador a dónde debe saltar.

Sin embargo, una desventaja de los enlaces de anclaje es que sus visitantes ya no leen todo el artículo, sino que simplemente consumen fragmentos. Esto también puede tener un efecto negativo en el tiempo de permanencia en su sitio web. Un aspecto que puede ser relativamente importante para su SEO.

Plugin de anclaje de WordPress

El salto de página, también conocido como enlaces de anclaje o enlaces de salto, es cuando usted hace clic en un enlace y al instante se mueve a algún lugar más arriba o abajo de una página larga. La tabla de contenidos de abajo es un ejemplo de salto de página.

Por ejemplo, digamos que tienes una lista de nombres en la parte superior de un post. Puede enlazar cada nombre a un punto diferente más abajo en el artículo, de modo que los visitantes puedan ir directamente a la información sobre el nombre concreto que les interesa. A continuación, puede enlazar a los lectores directamente con la lista de nombres.

También puede crear una cabecera vacía y añadirle un anclaje HTML. Esto es útil si no quiere mostrar ningún texto. Para ello, añada el bloque Encabezado y el Ancla HTML en la configuración del bloque, pero no escriba ningún texto para el encabezado en sí. Este proceso se muestra en el siguiente GIF:

Cuando veas la versión en vivo de la página que creaste con el salto de página, puedes hacer clic en el enlace que creaste, y verás que la dirección de la página en la barra del navegador se anexa con el texto del enlace del salto.

Hipervínculo wordpress

Probablemente me estoy perdiendo algo, pero no entiendo por qué se desplaza la cabecera a la parte superior cuando se hace clic en el icono, en lugar de copiar el enlace anclado correspondiente (es decir, "pageurl/#header-title)" al portapapeles. Al fin y al cabo, la cabecera ya tiene que estar a la vista para poder hacer clic en el icono junto a la cabecera.

Add Anchor Links añade un bonito icono de enlace SVG incrustado en la parte superior izquierda de los encabezados, oculto por defecto y que se muestra cuando el puntero del ratón pasa por encima de la caja del encabezado (que se extiende a todo lo ancho).

Gracias a Add Anchor Links, los autores de entradas y páginas de cualquier sistema de escritura no necesitan añadir manualmente IDs e hipervínculos a los encabezados, ni reglas CSS adicionales para eliminar el estilo de enlace estándar de los encabezados.

Al ser un SVG codificado en línea, el icono de enlace es estable y muy ligero. Se puede copiar y pegar fácilmente junto con el título cuando se incluye el salto de párrafo anterior y (al menos) un carácter antes (este último puede eliminarse después). En lugar de copiar y pegar simplemente la URL, podemos enviar el enlace en el icono con el encabezamiento, por ejemplo, en un correo electrónico HTML.

Enlaces de anclaje

The phrase “Anchor Links” in the modern web usually refers to making a link to a specific section of a page, but this isn’t entirely accurate. Technically, all links are anchors— the <a> HTML element that creates a link actually originally stood for the word “anchor.”

When Tim Berners-Lee first conceived of the web, he envisioned links would be like a ship’s anchor for a floating piece of information, keeping it moored to the right location instead of drifting in the cloud.

Links are more than just a way to move from one web page to another, or even for moving from one part of a page to another part. They are vital for SEO because they inform search engines which pieces of information are related to others. This is why the “Anchor Text” you use for links is such a strong factor in your WordPress website’s SEO rankings.

This tutorial focuses on creating anchor links in WordPress so you can link to different sections of a page. There are two main parts required— creating ID’s for your anchor links to target, and then creating a link with the anchor in it.