Acerca de este problema HTML
Una URL válida consta de varias partes: un esquema (como https), seguido de ://, luego el host, y opcionalmente una ruta, cadena de consulta, y fragmento. El separador :// — dos puntos seguidos de dos barras inclinadas — es una parte requerida de la sintaxis de URL para esquemas como http y https. Cuando falta una de estas barras, el navegador puede fallar al navegar al destino previsto, interpretar el valor como una ruta relativa, o comportarse de manera impredecible en diferentes entornos.
Este error comúnmente ocurre debido a errores tipográficos simples, errores de copiar y pegar, o construcción programática de URLs donde la concatenación de cadenas sale mal. Aunque algunos navegadores pueden intentar corregir URLs malformadas, nunca debes depender de este comportamiento. Un href malformado puede romper completamente la navegación, causar advertencias de seguridad, producir redirecciones inesperadas, o confundir tecnologías asistivas como lectores de pantalla que anuncian destinos de enlaces a los usuarios.
Más allá del caso de la barra faltante, este error también puede aparecer cuando otras partes de la URL contienen caracteres que no son válidos sin la codificación adecuada — por ejemplo, espacios o caracteres especiales que deberían estar codificados en porcentajes. Asegúrate siempre de que tus URLs se ajusten al URL Standard.
Cómo solucionarlo
-
Verifica el separador del esquema: Confirma que el protocolo esté seguido de
://(dos puntos y dos barras). Por ejemplo,https://nohttps:/ohttps:. - Valida la URL completa: Pega la URL en la barra de direcciones de un navegador para confirmar que se resuelve correctamente.
-
Codifica caracteres especiales: Si la URL contiene espacios o caracteres especiales, usa la codificación de porcentajes adecuada (por ejemplo, los espacios se convierten en
%20). - Revisa URLs generadas dinámicamente: Si las URLs se construyen mediante concatenación de cadenas o lógica de plantillas, verifica dos veces que todas las partes se unan correctamente.
Ejemplos
Incorrecto: Falta una barra después del esquema
<a href="https:/example.com">Visit Example</a>
El validador reporta esto porque https:/example.com tiene solo una barra después de los dos puntos en lugar de las dos requeridas.
Incorrecto: Faltan ambas barras
<a href="https:example.com">Visit Example</a>
Esto también es inválido — los dos puntos deben estar seguidos de // para URLs https.
Correcto: URL formateada correctamente
<a href="https://example.com">Visit Example</a>Correcto: URL con una ruta
<a href="https://example.com/blog/my-post">Read the Post</a>Correcto: URL con espacios codificados
<a href="https://example.com/search?q=hello%20world">Search</a>Incorrecto: Espacio sin codificar en la URL
<a href="https://example.com/my page">My Page</a>
Los espacios no son válidos en URLs. Usa %20 o + (en cadenas de consulta) en su lugar:
<a href="https://example.com/my%20page">My Page</a>Encuentra problemas como este automáticamente
Rocket Validator escanea miles de páginas en segundos, detectando problemas de HTML en todo tu sitio web.