Generador de enlaces HTML

Generador de enlaces HTML: etiquetas a con rel y target | We.Inc

Generador gratis de enlaces HTML. Introduce una URL y el texto del enlace, elige nueva pestaña, nofollow, sponsored o ugc, y copia una etiqueta a limpia con los atributos rel correctos.

Generador de enlaces HTML

Escribe la dirección y las palabras en las que la gente hará clic, elige si el enlace se abre en una pestaña nueva y cómo deben tratarlo los buscadores, y esta herramienta escribe la etiqueta a con los valores rel correctos. Escapa los caracteres especiales, para que un texto con comillas o ampersands no rompa tu página.

Pega la dirección completa a la que debe llevar el enlace, con https://.
Escribe el texto del enlace. Describe adónde lleva en lugar de escribir haz clic aquí.
Elige si se abre en una pestaña nueva y márcalo como patrocinado, generado por usuarios o nofollow si corresponde.
Si quieres, añade un título o una clase y copia la etiqueta en tu página, artículo o email.

Marca los enlaces de pago y de afiliado como sponsored. Los buscadores lo piden, y omitirlo puede perjudicar a un sitio.
Usa ugc para los enlaces que añaden los visitantes en comentarios o foros, para no avalarlos.
Los enlaces editoriales normales a fuentes de confianza no necesitan ningún valor rel. No hace falta poner nofollow en todas partes.
Abrir todos los enlaces en una pestaña nueva puede molestar. Resérvalo para enlaces que interrumpirían una tarea, como una página de ayuda dentro de un formulario.
Escribe textos de enlace que se entiendan por sí solos. Quienes usan lectores de pantalla suelen saltar de enlace en enlace y solo oyen el texto.

Preguntas frecuentes

¿Cuál es el código HTML de un enlace?

Un enlace es una etiqueta a: <a href="https://example.com">Example</a>. El href contiene la dirección y el texto entre las etiquetas es lo que la gente pulsa.

¿Cómo hago que un enlace se abra en una pestaña nueva?

Añade target="_blank". La herramienta también añade rel="noopener", que impide que la página nueva tome el control de la página que la abrió. Los navegadores actuales ya lo hacen por defecto, pero añadirlo no cuesta nada y protege a los antiguos.

¿Qué diferencia hay entre nofollow, sponsored y ugc?

sponsored marca enlaces de pago o de afiliado, ugc marca enlaces añadidos por usuarios y nofollow es la indicación general para enlaces que no quieres avalar. Puedes combinarlos, por ejemplo rel="sponsored nofollow".

¿nofollow impide que los buscadores visiten la página?

No necesariamente. Los buscadores tratan estos valores como indicaciones sobre el enlace, no como un bloqueo. Para mantener una página fuera de los resultados, usa una etiqueta noindex en esa página.

¿Por qué la herramienta cambia & por &?

En HTML, & inicia una referencia de carácter, así que un & suelto en una dirección o un texto puede malinterpretarse. Escribir & es la forma segura, y los navegadores lo convierten de nuevo en & al seguir el enlace.

Qué dice el atributo rel a los buscadores

Un enlace normal es un voto de confianza: estás diciendo a lectores y buscadores que merece la pena visitar esa página. El atributo rel matiza ese voto. sponsored dice que el enlace existe por un pago, ugc dice que lo añadió un visitante y nofollow dice que prefieres no transmitir confianza.
Usarlos bien protege tu sitio. Vender enlaces sin marcarlos va contra las directrices de los buscadores, y los enlaces sin marcar en las secciones de comentarios atraen spam. Marca lo que haya que marcar y deja limpios los enlaces editoriales normales.

Enlaces que funcionan para todos

Un buen texto de enlace es corto y concreto: descargar la lista de precios es mejor que haz clic aquí, porque dice qué pasará antes del clic. También da a los buscadores una idea clara de la página que enlazas.
Usa direcciones completas con https:// cuando pegues enlaces en emails o en otros sitios, ya que una dirección relativa solo funciona en tus propias páginas. Si el enlace lleva a un archivo, indica el formato y el tamaño en el texto, como lista de precios (PDF, 200 KB), para que la descarga no sorprenda a nadie.

Generador de enlaces HTML