¿Qué son los enlaces HTML?

Los enlaces HTML, creados con la etiqueta <a> (anchor), son la base de la navegación web. Conectan páginas, documentos y recursos en toda internet. Cada enlace puede contener múltiples atributos: href (la URL de destino), title (texto al pasar el ratón), rel (relación con el destino) y target (dónde abrir el enlace). Comprender la estructura de enlaces de una página web es esencial para análisis SEO, auditorías de sitios y desarrollo web.

Los enlaces se categorizan por su tipo de destino. Los enlaces externos apuntan a otros sitios web usando URLs completas. Los enlaces internos navegan dentro del mismo sitio usando rutas relativas. Los enlaces de anclaje saltan a secciones específicas en la misma página. Protocolos especiales como mailto: y tel: activan clientes de correo electrónico y marcadores telefónicos respectivamente.

Descripción de la herramienta

Esta herramienta analiza código HTML y extrae todos los hipervínculos con sus atributos completos. Clasifica automáticamente cada enlace por tipo (externo, interno, anclaje, mailto, tel o javascript) y los muestra en una tabla ordenable. Las estadísticas muestran el desglose de tipos de enlaces de un vistazo, facilitando el análisis del perfil de enlaces de cualquier página web.

Ejemplos

HTML de entrada:

<nav>
  <a href="https://example.com">Sitio Externo</a>
  <a href="/about" title="Acerca de Nosotros">Acerca de</a>
  <a href="#contact">Sección de Contacto</a>
  <a href="mailto:info@example.com">Envíanos un Email</a>
</nav>

Enlaces extraídos:

URL Texto Tipo Título
https://example.com Sitio Externo externo
/about Acerca de interno Acerca de Nosotros
#contact Sección de Contacto anclaje
mailto:info@example.com Envíanos un Email mailto

Características

  • Extrae todos los atributos de enlaces: URL, texto, título, rel y target
  • Clasificación automática de enlaces en seis tipos
  • Estadísticas en tiempo real mostrando la distribución de tipos de enlaces
  • Tabla de resultados ordenable para análisis fácil
  • Soporte de URL base para hacer enlaces internos clickeables
  • Opciones de filtro para ocultar enlaces vacíos o mostrar solo enlaces externos

Casos de uso

  • Auditorías SEO: Analiza el perfil de enlaces de una página para identificar enlaces rotos, atributos rel faltantes o enlaces externos excesivos que podrían afectar el posicionamiento en buscadores.
  • Migración de sitios web: Extrae todos los enlaces internos del HTML para asegurar que no se pierdan páginas al cambiar a un nuevo dominio o reestructurar la navegación del sitio.
  • Análisis competitivo: Examina páginas de competidores para entender su estrategia de enlaces, incluyendo qué recursos externos referencian y cómo estructuran la navegación interna.

Opciones explicadas

Opción Descripción
URL Base Ingresa la URL base del sitio web para hacer que los enlaces internos sean clickeables en la tabla de resultados
Mostrar enlaces vacíos Incluye enlaces que no tienen atributo href o valores href vacíos
Mostrar solo externos Filtra resultados para mostrar solo enlaces que apuntan a dominios externos

Tipos de enlaces

Tipo Descripción Ejemplo
Externo URLs completas que apuntan a otros sitios web https://example.com
Interno Rutas relativas dentro del mismo sitio /about, contact.html
Anclaje Enlaces de fragmento a secciones de página #section-name
Mailto Enlaces de dirección de correo electrónico mailto:user@example.com
Tel Enlaces de número telefónico tel:+1234567890
JavaScript Enlaces activados por script javascript:void(0)

Consejos

  • Pega el código fuente HTML completo de una página para resultados precisos—HTML parcial puede perder enlaces en secciones omitidas
  • Usa el campo de URL base al analizar enlaces internos para verificar rápidamente que se resuelven correctamente
  • Ordena por la columna "tipo" para agrupar enlaces similares juntos para una revisión más rápida
  • Habilita "Mostrar solo externos" cuando verificas enlaces salientes no deseados o verificas la colocación de enlaces de afiliados