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

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

13

WordPress introdujo el editor Gutenberg con el lanzamiento de la versión 5.0. Aunque la idea era mejorar la experiencia de edición, no funcionó bien. Ciertas cosas cambian o se vuelven más difíciles con Gutenberg en comparación con el editor clásico anterior. Un ejemplo es agregar un valor nofollow a los hipervínculos. En este artículo, explicaremos cómo agregar nofollow a los enlaces en el editor de WordPress Gutenberg.

Relacionado: Consulte más de 200 artículos tutoriales gratuitos de WordPress.

¿Por qué necesita el valor Nofollow en los enlaces?

Hay muchas situaciones en las que desea vincular una página web externa a su contenido. Agregar enlaces de sitios web reputados y confiables es una buena manera de hacer que su contenido sea atractivo para sus lectores. Por ejemplo, cuando desee mencionar un complemento, puede proporcionar un enlace a la página del complemento en el repositorio de complementos de WordPress.

Los motores de búsqueda como Google considerarán la cantidad de enlaces externos (backlinks) para clasificar la popularidad de una página web. Sin embargo, puede utilizar nofollow en los enlaces para informar a Google que no considere el enlace al calcular los resultados de la búsqueda. A continuación se muestran algunas razones válidas por las que desea agregar un valor nofollow a los hipervínculos:

  • Enlaces pagos: cuando obtenga dinero para publicar un enlace en su contenido, asegúrese de agregarle nofollow.
  • Página web no confiable: deseaba vincular a una página web no confiable.
  • Páginas de inicio de sesión / registro: puede agregar valores nofollow o noindex al inicio de sesión / registro / carrito de compras / pago y otras páginas web relacionadas con la cuenta de usuario.

Consulte la página de asistencia para webmasters de Google para obtener más detalles sobre el uso del enlace nofollow.

Agregar atributo Nofollow en el editor Gutenberg

Siga las instrucciones a continuación para agregar el valor nofollow a los hipervínculos en el editor de WordPress Gutenberg.

  • Cuando esté en el editor de la publicación o la página, haga clic dentro de un bloque y resalte el texto al que desea agregar un enlace.
  • Haga clic en el icono de hipervínculo e inserte un enlace externo o escriba una palabra clave para elegir la página web para enlazar desde su sitio.

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Agregar enlaces al texto

  • Después de agregar un enlace, haga clic en la tecla de flecha para aplicar el enlace al contenido seleccionado. También le recomendamos que configure el enlace nofollow para que se abra en una nueva pestaña. Puede hacer esto haciendo clic en el botón de tres puntos del elemento de enlace y habilitando la opción "Abrir en una pestaña nueva".

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Agregar enlaces al texto con Abrir en una pestaña nueva

  • Ahora, haga clic en el botón de configuración de tres puntos para el bloque como se muestra en la imagen de abajo.

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Editar elementos de bloque como HTML

  • Elija la opción "Editar como HTML". Ahora, el bloque mostrará el contenido HTML y ubicará la etiqueta de anclaje (etiqueta HTML a).
  • Verá el atributo rel con los valores noreferrer y noopener. Simplemente agregue valores nofollow al mismo atributo rel.

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Agregar Nofollow a los enlaces de texto en el editor Gutenberg

  • No verá el atributo rel cuando no haya habilitado el enlace para que se abra en una nueva pestaña. En tal caso, puede agregar manualmente el atributo rel = "nofollow” a la etiqueta de anclaje.
  • Después de agregar nofollow, haga clic en el botón de tres puntos y elija la opción "Editar visualmente" para volver a la vista normal del editor.

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Cambiar a edición visual

Agregar Nofollow en enlaces de imágenes

Puede seguir un proceso similar para agregar un valor nofollow a los enlaces de imágenes. Sin embargo, Gutenberg tiene la opción de agregar fácilmente nofollow para enlaces de imágenes.

  • Haga clic en la imagen y seleccione el enlace debajo de la opción "Enlace a" de la configuración del enlace del bloque.
  • Puede elegir la página adjunta, el archivo multimedia o la opción de URL personalizada para vincular a una imagen.
  • Introduzca la URL si ha elegido la opción "URL personalizada".
  • En el cuadro de texto "Link Rel", escriba "nofollow".
  • Ahora, ha agregado un valor nofollow al enlace de la imagen en Gutenberg.

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Agregar Nofollow a enlaces de imágenes en Gutenberg

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

Adición de varios enlaces Nofollow

Si desea agregar varios enlaces nofollow a un solo artículo con un bloque diferente, le sugerimos que lo haga desde el editor de código.

  • Haga clic en el botón de configuración de tres puntos disponible en la esquina superior derecha del editor (justo debajo de la imagen de su perfil).
  • Seleccione la opción "Editor de código" para cambiar la vista al editor de código.

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Alternar editor de código en Gutenberg

  • Ahora agregue los atributos rel = “nofollow” a los enlaces que desee.
  • Después de agregar enlaces, haga clic en el mismo botón de tres puntos y elija la opción "Editor visual" para cambiar el modo de editor. Alternativamente, haga clic en el botón "Salir del editor de código" para volver al modo visual.

Usar elemento HTML personalizado

La otra opción para insertar un valor nofollow en los hipervínculos es utilizar el bloque " HTML personalizado ".

  • Seleccione un nuevo bloque y agregue un bloque "HTML personalizado" en los bloques " Formateo ".

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Bloque HTML personalizado en WordPress

  • Escriba o pegue su código con el enlace nofollow como se muestra a continuación. De esta manera, puede preparar el contenido fuera del editor y pegarlo fácilmente sin cambiar los modos del editor.

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Agregar enlace Nofollow usando HTML personalizado

Adición del atributo Nofollow en el editor clásico

Aunque Gutenberg es parte del núcleo de WordPress, hay más de 4 millones de instalaciones activas del complemento Classic Editor. Esta es una clara indicación de que la gente no está realmente preparada para mudarse a Gutenberg. Si todavía usa el editor clásico antiguo, aquí se explica cómo insertar nofollow en los enlaces.

  • Primero instale y active el complemento "Editor clásico", si no lo tenía en su sitio.

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Complemento de editor clásico

  • Vaya a "Configuración> Escritura" y seleccione la opción "Sí" para "Permitir a los usuarios cambiar de editor". Seleccione los "Editores predeterminados para todos los usuarios" como "Editor clásico".

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Habilitar el editor clásico en WordPress

  • Desplácese hacia abajo y haga clic en el botón "Guardar cambios".
  • Ahora vaya a "Publicaciones> Todas las publicaciones", verá dos opciones para cada publicación para editar una con el editor clásico y otra con el editor Gutenberg.

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Seleccionar editor para editar

  • Abra la publicación o la página que desea editar con el editor clásico. O crea una nueva publicación con el editor clásico.
  • Agregue el hipervínculo al texto o la imagen seleccionados.
  • Haga clic en la opción del editor "Texto" y agregue el atributo rel = "seguir" como se explicó anteriormente.
  • Después de agregar el atributo, cambie el editor de nuevo al modo "Visual".

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Agregar Nofollow en el editor de texto

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

Agregar Nofollow en imágenes con Classic Editor

Siga las instrucciones a continuación, cuando desee agregar un valor nofollow al enlace de la imagen en el editor clásico.

  • Haga clic en la imagen y seleccione el botón de lápiz que se muestra como "Editar".
  • En la pantalla emergente, escriba nofollow en el cuadro de texto "Link Rel".
  • Haga clic en el botón "Actualizar" para guardar sus cambios.

¿Cómo agregar Nofollow a los enlaces en WordPress Gutenberg Editor?

Agregar atributo Rel Nofollow a las imágenes

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