Generador de texto ancla
Código de enlace que se lee bien
Este generador de texto ancla escribe código de enlace que se lee bien: el valor rel correcto, una pestaña nueva que no puede volver a tu página y, además, una comprobación de si el texto le dice al lector adónde va.
- GratisPrecio
- 3Formatos
- NingunoRegistro
- NingunoSubidas
Generador de texto ancla
Código de enlace con el rel correcto y el texto correcto
Tu texto ancla aparece aquí.
Los lectores de pantalla leen el texto de los enlaces fuera de contexto, así que "haz clic aquí" no les dice nada a esos lectores.
Listo. Pega una dirección y escribe el texto que debe ver un lector.
Lo que tiene que hacer un texto ancla
El texto de un enlace hace tres trabajos a la vez. Le dice al lector adónde va el enlace, le dice lo mismo fuera de contexto a quien usa un lector de pantalla y, además, le dice a un buscador de qué trata la página de destino.
Una sola frase tiene que servir a los tres. "Haz clic aquí" no sirve a ninguno, porque describe la acción y no el destino.
Los usuarios de lectores de pantalla pueden listar todos los enlaces de una página y moverse entre ellos. En esa lista, doce enlaces que dicen "leer más" son doce filas idénticas.
Así que escribe el destino. La referencia del elemento a dice lo mismo, y lleva años diciéndolo.
Los tres valores rel
nofollow dice que el enlace no es un respaldo. sponsored dice que se pagó, con dinero o con productos. ugc dice que lo escribió otra persona, en un comentario o un foro.
Google trata ahora los tres como pistas y no como órdenes, y además su guía sobre cómo calificar los enlaces salientes explica cuál usar en cada caso.
El que importa comercialmente es sponsored. De hecho, omitirlo en un enlace de pago es lo que provoca una acción manual, y nadie lo nota hasta que llega.
Pestañas nuevas y la palabra noopener
Un enlace con target="_blank" le da a la página abierta una referencia de vuelta a la tuya. Entonces esa página puede llevar tu pestaña a otro sitio.
rel="noopener noreferrer" lo cierra. Los navegadores modernos añaden la protección solos para target="_blank" y, en cambio, los antiguos no, así que el atributo sigue mereciendo la pena.
Esta herramienta añade ambas palabras por ti cuando el interruptor de pestaña nueva está activado, porque recordarlo cada vez es justo lo que nadie hace.
Escribir textos ancla que la gente pueda usar
Di adónde va el enlace, con las palabras que usaría el lector. Con cuatro o cinco suele sobrar.
Olvídate de «haz clic aquí» y «leer más». Fuera de contexto no dicen nada y, además, un usuario de lector de pantalla a menudo oye los enlaces como una lista.
Usa poco la frase de coincidencia exacta. Una página enlazada cuarenta veces con la misma frase comercial parece comprada, porque normalmente lo fue.
En cambio, varíala. Las citas reales usan tu marca, el título de tu página, la dirección sin más y alguna frase descriptiva, más o menos en ese orden.
Cuándo una pestaña nueva es un error
Abrir una pestaña nueva le quita una decisión al lector y rompe el botón de atrás. Por eso resérvala para un formulario que alguien tiene a medias, y evítala en todo lo demás.
Los enlaces internos son donde el texto ancla rinde
Nadie controla las palabras que usan otros sitios para enlazarle. En cambio, tu propio sitio es lo contrario: cada enlace interno es una frase que escribiste tú.
Así que describe la página de destino como la pediría un lector. Un enlace que dice "nuestros precios" vale más que uno que dice "aquí".
Varía la redacción en lugar de repetir la misma cadena exacta cuarenta veces. De hecho, la variación natural se lee mejor y parece menos un intento de manipulación.
Dónde se lee el texto de un enlace fuera de contexto
Quien usa lector de pantalla puede oír la lista de enlaces sueltos, sin el texto de alrededor. Así, doce enlaces que dicen "leer más" se convierten en doce filas idénticas.
Los buscadores leen el texto ancla como una descripción de la página de destino, y por eso un sitio entero de enlaces "haz clic aquí" no describe nada.
Las personas que ojean una página hacen lo mismo con la vista. Saltan entre las palabras azules y leen solo esas.
Los tres públicos quieren el mismo arreglo. Nombra el destino en el texto del enlace y, además, la frase que lo rodea seguirá leyéndose con normalidad.
Enlaces relativos y enlaces absolutos
Dentro de tu propio sitio, un enlace relativo es más corto y sobrevive al paso de pruebas a producción.
En cualquier otro sitio falla. Un email, un feed, un PDF y un mensaje de foro no tienen página contra la que resolverlo.
Por eso el panel de comprobaciones avisa cuando una dirección relativa no encaja con lo que estás creando. La regla es simple: salir de tu sitio significa usar la dirección completa.
El atributo title hace muy poco
Muestra una ayuda al pasar el ratón, algo que las pantallas táctiles no tienen, y la mayoría de los lectores de pantalla lo ignoran. Por lo tanto, si la información importa, ponla en el texto del enlace.
El generador de texto ancla, paso a paso
Tres pasos, y el panel de comprobaciones te dice cuál de ellos necesita otra mirada.
- 1
Pega la dirección
Absoluta para todo lo que pegues en otro sitio, relativa para un enlace dentro de tu propio sitio. Además, el panel avisa cuando la elección parece equivocada.
- 2
Escribe el texto que ve el lector
Nombra el destino. Si la frase no significaría nada por sí sola, el panel de comprobaciones lo dice en lugar de dejarla pasar.
- 3
Elige la relación
Normal para la mayoría de los enlaces, sponsored para todo lo pagado, ugc para contenido de usuarios y nofollow cuando simplemente no quieres respaldarlo.
- 4
Quédate con la versión que te sirva y cópiala
HTML para una página, Markdown para un readme o un CMS, BBCode para un foro. Además, el menú cambia entre los tres al instante.
Lo que distingue a este generador de enlaces HTML
Escribir una etiqueta a es una línea. En cambio, aquí las diferencias son los cuatro criterios que la rodean.
Lee el texto de tu enlace
Las frases débiles como "haz clic aquí" y "leer más" se señalan, porque son las que más le cuestan a un usuario de lector de pantalla.
noopener añadido automáticamente
Activa el interruptor de pestaña nueva y aparecen los dos valores de protección. Olvidarlos es el error más común en esta única línea.
Tres formatos, un formulario
HTML, Markdown y BBCode desde los mismos campos, con una nota cuando un formato no puede llevar lo que pediste.
Enlaces de afiliado señalados
Una dirección que parece un enlace de afiliado sin el valor sponsored recibe un aviso, ya que ese es el que tiene consecuencias reales.
Todo escapado correctamente
Las comillas y los signos de ángulo de tu texto se codifican, así que el fragmento que pegas no puede romper la página que lo rodea.
Las imágenes nunca salen de esta pestaña de Denwix
Por aquí pasan direcciones sin publicar y trabajos de clientes. Por eso la página no descarga nada ni guarda nada.
Reglas para escribir enlaces
Ocho hábitos, y ninguno lleva más tiempo que la frase que lo describe.
- Nombra el destino. El texto debe tener sentido leído solo, porque así es exactamente como lo encuentra un usuario de lector de pantalla.
- Mantenlo corto. Entre dos y seis palabras basta. Una frase entera como enlace es difícil de ojear y difícil de pulsar con precisión en un móvil.
- Usa sponsored en todo lo pagado. Dinero, producto gratis, una comisión de afiliado: todo cuenta. Este es el valor rel con consecuencias reales.
- Añade noopener a cada pestaña nueva. Los navegadores nuevos lo hacen por ti y los antiguos no. Una palabra cierra el hueco para todos.
- Varía tu texto ancla interno. Cuarenta enlaces idénticos a una página parecen escritos por una máquina. Nombra la página de destino como lo harías hablando.
- Evita una dirección sin más como texto del enlace. Los lectores de pantalla la leen carácter a carácter. Una frase se oye más rápido y se ojea mucho mejor.
- No dependas del atributo title. Las pantallas táctiles no muestran ayuda emergente y la mayoría de los lectores de pantalla lo saltan. Lo importante va en el texto.
- Escribe el texto antes que la dirección. Decide qué necesita saber el lector y luego engancha el enlace a eso. Escribir el href primero es como una frase acaba envuelta alrededor de "aquí".
- Avisa cuando un enlace sale de la página. Una descarga, un PDF o un formulario en una pestaña nueva sorprenden a alguien. Una o dos palabras en el texto del enlace quitan la sorpresa.
- Prueba el enlace antes de ponerlo en línea. Pega una vez la dirección terminada en un navegador. Una errata en un href es invisible hasta que alguien hace clic.
Seis errores de enlaces en páginas reales
Cada uno pasa una revisión porque el enlace funciona. El coste recae en otra persona.
El típico «haz clic aquí» en el enlace
Describe la acción, no el destino, y una lista de enlaces que dicen "haz clic aquí" no le dice nada a nadie.
Un enlace de pago sin sponsored
El único error de aquí con una penalización asociada. Los enlaces de afiliado y las colocaciones pagadas lo necesitan.
target="_blank" sin noopener
La página abierta obtiene un control sobre la tuya. Los navegadores nuevos te protegen, los antiguos no, y tú no eliges el navegador.
Un enlace relativo en un email
No hay página contra la que resolverlo, así que el enlace simplemente falla. Todo lo que sale de tu sitio necesita la dirección completa.
El mismo texto ancla cuarenta veces
Una frase exacta repetida por todo un sitio se lee como un intento de manipulación y no como escritura.
Detalles importantes escondidos en un title
Las ayudas emergentes no existen en pantallas táctiles. Si el lector necesita saberlo, el texto del enlace tiene que decirlo.
Preguntas frecuentes sobre enlaces
¿Qué hace bueno a un texto ancla?
Una frase corta que nombra el destino y se entiende fuera de contexto. Lo normal, por cierto, es moverse entre dos y seis palabras.
¿Cuándo debo usar nofollow?
Cuando enlazas algo que no quieres respaldar. En cambio, para enlaces de pago usa sponsored, y para comentarios o foros usa ugc.
¿Este generador de enlaces HTML admite Markdown?
Sí, y también BBCode. Markdown no lleva rel ni target, así que la herramienta dice cuáles de tus interruptores no puede expresar ese formato.
¿Sigo necesitando rel="noopener"?
Los navegadores actuales lo aplican solos con target="_blank". Sin embargo, los antiguos no, y escribirlo cuesta una palabra, así que sigue escribiéndolo.
¿Es arriesgado el texto ancla de coincidencia exacta?
En cantidad, sí. Un puñado de frases exactas es escritura normal; en cambio, cientos de frases idénticas hacia una página son un patrón que los buscadores vigilan.
¿Deben abrirse los enlaces externos en una pestaña nueva?
Normalmente no. Rompe el botón de atrás y le quita una decisión al lector. Por eso conviene reservarlo para formularios y documentos a mitad de una tarea.
¿El atributo title ayuda al SEO?
No. Es una ayuda emergente, ignorada en pantallas táctiles y por la mayoría de los lectores de pantalla. Por lo tanto, pon lo importante en el texto del enlace.
¿Puedo usar una imagen como enlace?
Sí, y entonces el texto alternativo se convierte en el texto ancla. Además, el generador de backlinks de este sitio escribe esa versión por ti.
¿Cuánto debe medir un texto ancla?
Lo normal es que basten entre dos y seis palabras. Lo bastante largo para nombrar el destino, lo bastante corto para ojearlo y fácil de pulsar con precisión en un móvil.
¿Se sube algo de lo que escribo aquí?
No. El fragmento se escribe en tu navegador y la dirección nunca se descarga. Por eso no se guarda ni se registra nada.
Herramientas para enlaces
Un enlace es el principio. Estas tres cubren el resto del trabajo.
Generador de backlinks
El mismo enlace en seis formatos, listo para pegar en cualquier sitio.
Abrir herramienta →Extractor de enlaces
Lista todos los enlaces de una página, con su rel y su destino.
Abrir herramienta →Escapa o desescapa los %20 de una URL
Escapa un valor antes de meterlo en una dirección.
Abrir herramienta →
¿Listo para escribir un enlace?
Pega la dirección, nombra el destino y lee las comprobaciones. El generador de texto ancla es gratis, no necesita cuenta y funciona en tu navegador.