TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo agregar hipervínculos en WordPress con atributos?

5

WordPress introdujo el editor de bloques Gutenberg con la versión 5.0. Le permite insertar rápidamente hipervínculos similares a la interfaz del editor clásico anterior. Además, puede agregar fácilmente atributos de enlace como patrocinado y nofollow en el editor de Gutenberg. En este artículo, explicaremos cómo agregar hipervínculos en WordPress con atributos.

Relacionado: ¿Cómo insertar hipervínculos en Weebly?

Agregar hipervínculos en WordPress

Puede agregar enlaces a texto e imágenes en el editor utilizando diferentes métodos.

  • Copiar y pegar desde Microsoft Word y otros editores de texto enriquecido
  • Insertar enlaces de texto
  • Agregar enlaces a imágenes
  • Usar enlaces en botones
  • Insertar enlaces en la tabla

Copiar pegar desde editores de texto

Muchos de nosotros preparamos contenido en editores de texto enriquecido como Microsoft Word o Apple Pages. Esta es una manera fácil de preparar contenido sin conexión y pegarlo en el editor rápidamente. Tanto los editores clásicos como los de Gutenberg conservarán el formato y mantendrán los encabezados e hipervínculos tal como los ha creado sin conexión. Sin embargo, tiene pocos problemas que las imágenes se eliminen en el editor clásico y se reemplacen con un marcador de posición en Gutenberg. Además, no puede agregar atributos como nofollow a los enlaces.

Insertar enlaces de texto en WordPress

Dado que el editor clásico se está alejando, explicaremos cómo insertar enlaces con el editor Gutenberg. Puede insertar un enlace en cualquier elemento de texto como Párrafo y Encabezado. Cuando esté en el editor, haga clic en el icono + y agregue un bloque "Párrafo".

¿Cómo agregar hipervínculos en WordPress con atributos?

Insertar bloque de párrafo

Alternativamente, puede comenzar a escribir directamente, ya que el bloque de párrafo está disponible de forma predeterminada en el editor. Cuando tenga un texto dentro del bloque de párrafo, seleccione el texto en el que desea insertar un hipervínculo.

¿Cómo agregar hipervínculos en WordPress con atributos?

Haga clic en el icono de hipervínculo en la barra de herramientas del bloque en la parte superior. Verá una información sobre herramientas que le pedirá que "Pegue la URL o escriba para buscar". Puede insertar cualquier enlace externo en el cuadro de texto y presionar la tecla Intro o el ícono de flecha.

¿Cómo agregar hipervínculos en WordPress con atributos?

Tipo de enlace externo

Esto agregará un hipervínculo al texto seleccionado en su párrafo. Si desea insertar un enlace del artículo que ya existe en su sitio, escriba la palabra clave en el cuadro de texto.

¿Cómo agregar hipervínculos en WordPress con atributos?

Seleccionar artículo existente como enlace

WordPress comenzará a realizar la búsqueda Ajax y mostrará la lista de publicaciones que se ajustan a sus palabras clave. Seleccione el enlace y haga clic en el icono Intro para insertar el enlace de un artículo existente.

Eliminar o cambiar el hipervínculo

Cuando desee eliminar el enlace, simplemente haga clic en el texto del hipervínculo. Esto resaltará el ícono del enlace de una manera diferente, como romper la cadena. Haga clic en el icono para eliminar el enlace de su texto.

¿Cómo agregar hipervínculos en WordPress con atributos?

Eliminar o editar enlace

Puede hacer clic en el icono de lápiz y seguir el mismo proceso anterior para cambiar el hipervínculo.

Oferta de SEO: Optimice su sitio con la prueba gratuita especial de 14 días de Semrush Pro.

Agregar atributos a hipervínculos

Es una buena idea agregar el atributo "rel =" para indicar el tipo de enlace para fines de SEO. Por ejemplo, según las pautas de Google, debe identificar los enlaces como "rel = patrocinado" si está publicando un enlace patrocinado. Haga clic en el pequeño icono de flecha hacia abajo en la ventana emergente del enlace para ver las opciones de atributos.

¿Cómo agregar hipervínculos en WordPress con atributos?

Agregar atributos a los enlaces de texto

  • Abrir en una nueva pestaña: habilítelo para que el enlace se abra en una nueva ventana. Esto agregará el atributo "target = _blank" a la etiqueta del enlace.
  • Nofollow: use esto para hacer que el enlace sea nofollow para que los motores de búsqueda ignoren el enlace. Esto agregará el atributo "rel =" nofollow "a la etiqueta del enlace.
  • Patrocinado: utilícelo cuando inserte enlaces pagos de sus patrocinadores. Esto agregará el atributo "rel = patrocinado" a la etiqueta del enlace.

Puede hacer clic en el botón de configuración de tres puntos y seleccionar "Editar como HTML" para ver el código de backend.

¿Cómo agregar hipervínculos en WordPress con atributos?

Editar como HTML para ver el código

El código se verá más abajo. Como puede ver, WordPress agregará dos atributos más automáticamente.

¿Cómo agregar hipervínculos en WordPress con atributos?

Código fuente de hipervínculos en WordPress

  • Aria-label = "(abrir en una nueva pestaña)”: esto es para que un lector de pantalla indique que el enlace se abrirá en una nueva pestaña. WordPress agregará esto por motivos de accesibilidad cuando elija la opción "Abrir en una pestaña nueva".
  • Rel = “noreferrer noopener”: WordPress agregará estos atributos automáticamente cuando elija abrir en una nueva ventana. Es por motivos de seguridad deshabilitar el seguimiento de enlaces cuando abre un enlace en una nueva ventana o pestaña del navegador.

Puede volver al modo visual haciendo clic de nuevo en la configuración de los tres puntos y seleccionando "Editar visualmente".

Tenga en cuenta que puede agregar enlaces al elemento de texto dentro del párrafo, encabezado o bloque de lista.

Agregar hipervínculos en imágenes

Ahora que sabe cómo insertar un enlace en el texto, WordPress también le permite insertar enlaces en las imágenes. Primero inserta una imagen en tu publicación usando el bloque "Imagen". Haga clic en la imagen y luego en el icono de enlace.

¿Cómo agregar hipervínculos en WordPress con atributos?

Agregar enlace a la imagen en WordPress

Tiene todas las opciones similares a insertar un enlace de texto.

  • Pegue el enlace externo en el cuadro y presione enter.
  • Escriba una palabra clave para buscar e insertar un enlace interno existente en su sitio.
  • Seleccione la opción "Archivo multimedia" para insertar el enlace al archivo de imagen.
  • Seleccione la opción "Página adjunta" para insertar el enlace de la página adjunta a la imagen.

Después de agregar un hipervínculo a una imagen, vuelva a hacer clic en el icono del enlace y luego en la pequeña flecha hacia abajo. Ahora, puede ver atributos adicionales para configurar el enlace para que se abra en una nueva pestaña y agregar atributos "rel". Puede escribir nofollow patrocinado en el cuadro "Link Rel" para hacer que el enlace sea nofollow y patrocinado.

¿Cómo agregar hipervínculos en WordPress con atributos?

Agregar atributos de enlace en la imagen

Agregar enlaces en el botón

Después de agregar el bloque de botones a su página, haga clic en el icono de enlace. Puede insertar un enlace externo o buscar un enlace interno similar al texto y la imagen.

¿Cómo agregar hipervínculos en WordPress con atributos?

Agregar enlace en el botón

El bloque de botones tiene los atributos en la barra lateral. Seleccione el botón y busque debajo de la sección "Bloquear" de la barra lateral derecha. Aquí puede configurar los atributos para que se abran en una nueva ventana o agregar atributos rel. Como puede ver, la opción "Abrir en una nueva pestaña" está disponible tanto debajo del bloque como en la barra lateral.

Aprenda WordPress: consulte más de 400 tutoriales gratuitos de WordPress.

Insertar enlaces en la tabla de Gutenberg

De manera similar a los elementos de texto e imagen, también puede insertar enlaces al contenido dentro de un bloque de tabla de Gutenberg.

  • Enlace de texto: seleccione el texto e inserte el enlace como se explicó anteriormente.
  • Enlace de imagen: haga clic en la flecha pequeña de la barra de herramientas y seleccione "Imagen en línea". Esto abrirá la "Biblioteca de medios" para seleccionar e insertar una imagen dentro de una celda de la tabla. Haga clic en la imagen y luego en el icono de enlace para agregar un hipervínculo.

¿Cómo agregar hipervínculos en WordPress con atributos?

Insertar enlace en la tabla de Gutenberg

Atajos de teclado para insertar un enlace

WordPress le permite insertar y eliminar fácilmente los enlaces con atajos de teclado.

Atajo Función
Comando + K Insertar enlace en Mac
Mayús + Comando + K Eliminar enlace en Mac
Control + K Insertar enlace en PC con Windows
Mayús + Control + K Eliminar enlace en PC con Windows

Nota: Su tema puede influir en la configuración del enlace en el editor de Gutenberg. Por ejemplo, verá el botón "Editar" en lugar del icono de lápiz y no habrá opción para agregar atributos nofollow / patrocinados. La mejor manera es verificar con el tema predeterminado de WordPress y comunicarse con el desarrollador de su tema si pierde alguna opción. En cualquier caso, puede agregar atributos de enlace en el código HTML de origen alternando la vista "Editar como HTML" o yendo a "Editor de código".

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More