Probar el sitio después de publicarlo

Módulo 5: Publicar y su propio dominio · Tiempo de lectura: 9 minutos

Objetivo de aprendizaje: Después de esta lección podrá probar su sitio de forma sistemática una vez publicado: enlaces, imágenes, formulario, móvil, https y la revisión de seguridad. Además, sabrá cómo reconocer una versión antigua en su navegador y cómo deshacerse de ella.

Conceptos clave: ronda de pruebas, ventana privada, caché del navegador, recarga forzada, enlace roto, revisión de seguridad, Revisar ahora, página de error, mensaje de prueba

Por qué probar en el sitio real

La vista previa del constructor no es exactamente su sitio. Algunas cosas solo funcionan en la versión publicada:

• su formulario de contacto solo envía correo en el sitio real, y solo si su sitio forma parte de un paquete;
• el código propio de Ajustes > Integraciones no se ejecuta en la vista previa, pero sí en su sitio real;
• el banner de cookies y los servicios que solo se cargan tras el consentimiento solo los verá funcionar de verdad en su sitio;
• el https y la redirección de http a https y de www a la dirección principal (lección 5.2) solo existen en su dominio real.

Por eso, después de cada publicación y de cada cambio importante, haga una ronda de pruebas en la dirección real. Le lleva un cuarto de hora y evita que el primer cliente que llame sea quien descubra el error.

Primero: ¿está viendo la versión más reciente?

Su navegador guarda durante un tiempo las páginas, las fotos y el diseño: es la caché del navegador. Eso hace que su sitio cargue rápido, pero por ello, después de Publicar cambios, a veces todavía ve la versión antigua. Por eso, pruebe así:

• abra su sitio en una ventana privada (incógnito); empieza sin páginas guardadas;
• o haga una recarga forzada: Ctrl+F5 en Windows, Cmd+Shift+R en un Mac;
• pruebe también en su teléfono, preferiblemente con datos móviles en lugar de wifi.

Si en la ventana privada ve la versión nueva y en su ventana normal la antigua, su sitio no tiene ningún problema. Si también la ventana privada muestra la versión antigua, compruebe en el constructor si realmente ha publicado: si arriba a la derecha sigue apareciendo Publicar cambios y acaba de modificar algo, su última versión todavía no está en línea.

La ronda de pruebas, paso a paso

Schildersbedrijf Example lo prueba así, en una ventana privada:

1. Todas las páginas a través del menú. Haga clic en cada entrada del menú, también en los elementos de un submenú. ¿Se abre cada página, con el título correcto arriba?
2. Todos los botones y enlaces. Haga clic en cada botón: "Solicitar presupuesto", "Llamar", los enlaces del pie de página. ¿Lleva cada botón a la página o sección correcta? Los enlaces a su número de teléfono y a su dirección de correo abren el teléfono o el programa de correo.
3. Enlaces a otros sitios. Su página de Facebook, un sello de calidad, una indicación de cómo llegar: ¿funcionan y abren la página correcta?
4. Imágenes. ¿Se carga cada foto, también las que están más abajo en páginas largas? Si falta alguna, verá un espacio vacío.
5. El formulario, de verdad. Rellene el formulario de contacto con otra dirección suya. ¿Llega el mensaje a la dirección indicada en Enviar los mensajes a, y aparece el texto o la página de agradecimiento? Consulte la lección 5.3 para los detalles.
6. Móvil. Abra el sitio en su teléfono. ¿Se abre el menú, son los botones lo bastante grandes para tocarlos, no se sale ningún texto de la pantalla? En el constructor puede comprobarlo antes con Móvil en la barra superior, pero su propio teléfono es la prueba real.
7. https y la dirección. Escriba http://example.com y www.example.com. ¿Llega en ambos casos a la misma dirección con https y un candado?
8. Una página que no existe. Escriba una dirección como https://example.com/bestaat-niet. Así verá lo que recibe un visitante que sigue un enlace antiguo o erróneo. Si en su propio sitio todavía hay un enlace a una dirección así, corríjalo.
9. Banner de cookies y widgets. Si usa servicios de terceros (un mapa, un vídeo o estadísticas), ¿aparece el banner y el mapa solo se carga tras el consentimiento (lección 7.2)?
10. Segundo idioma. Si tiene un segundo idioma, ¿funciona el selector de idioma y están los textos nuevos también en ese idioma?

Anote lo que encuentre. Resuélvalo en el constructor, publíquelo con Publicar cambios y después vuelva a probar solo ese punto.

La revisión de seguridad del constructor

El constructor tiene su propia revisión, en el panel Seguridad de la barra de herramientas de la izquierda. Haga clic en Revisar ahora. En aproximadamente medio minuto, el constructor revisa todo lo que viene de fuera: los enlaces de su sitio, los widgets e integraciones, su código propio y el banner de cookies. Visita los enlaces de verdad.

Recibirá una lista Para revisar, por ejemplo:

• "El enlace ya no funciona (404): ...": un enlace roto, a menudo a una página de otro sitio que se ha trasladado;
• "Enlace no seguro sin https: ...": un enlace que empieza por http://; sustitúyalo por la versión https;
• "No se pudo comprobar el enlace automáticamente (el sitio lo bloquea): ...": no es un error, ya que algunos sitios rechazan las comprobaciones automáticas; haga clic en ese enlace usted mismo;
• "Los mensajes de su formulario se envían a ..., no a la dirección de correo de su cuenta. ¿Es correcto?": una pregunta, no un error.

Junto a un punto suele haber un botón, como Preguntar a la IA o Modificar widget. La revisión es gratuita y puede hacerla como máximo 3 veces por hora. No sustituye su propia ronda de pruebas: no comprueba si sus fotos quedan bien ni si su formulario llega.

Errores frecuentes

• Probar en la vista previa en lugar de en su sitio real. Allí no verá funcionar de verdad el formulario ni el código propio.
• Probar solo en su propio ordenador. Allí su navegador está acostumbrado a la versión antigua y a menudo sigue con la sesión iniciada en algunos servicios. Una ventana privada y su teléfono son más fiables.
• Comprobar un enlace externo una vez y nunca más. Los demás sitios cambian. Vuelva a ejecutar la revisión de seguridad de vez en cuando.
• Olvidarse de los mensajes de prueba. Avise a los compañeros que también leen el buzón de que van a llegar mensajes de prueba.
• Sacar conclusiones demasiado rápido tras un cambio de DNS. Si en un dispositivo ve el sitio nuevo y en otro el antiguo, a menudo se debe todavía al DNS (lección 5.2), no a un error del constructor.

En el constructor: así se hace

1. Publique su última versión con Publicar cambios.
2. Abra su sitio en una ventana privada y recorra los diez pasos anteriores.
3. Abra en el constructor el panel Seguridad y haga clic en Revisar ahora.
4. Resuelva cada punto, o decida conscientemente que está bien así.
5. Publique las soluciones y vuelva a probar las partes modificadas.

Resumen

• Pruebe en su sitio real: el formulario, el código propio, el https y el banner de cookies solo funcionan de verdad allí.
• Use una ventana privada o una recarga forzada para asegurarse de ver la versión más reciente.
• Revise el menú, los botones, los enlaces, las imágenes, el formulario, el móvil, el https, la página de error, el banner de cookies y el segundo idioma.
• El panel Seguridad con Revisar ahora encuentra enlaces rotos y no seguros y revisa los widgets y el código propio, gratis y como máximo 3 veces por hora.
• Después de cada solución: publicar y volver a probar ese punto.

Cuestionario

Ejercicio

Ejercicio A5.4: Todos los enlaces e imágenes funcionan. Introduzca la dirección web de su sitio del AI Builder, la dirección gratuita o su propio dominio. El programa lee el mapa del sitio (sitemap), visita todas las páginas que figuran en él como lo haría un visitante y comprueba:

• si cada página es accesible;
• si funcionan todos los enlaces a otras páginas de su propio sitio;
• si se cargan todas las imágenes de esas páginas;
• si http:// redirige a https://.

En cada línea verá verde, naranja o rojo, con la página y el enlace o la imagen que no funciona. El programa hace como máximo 25 solicitudes por comprobación, así que en un sitio grande no lo revisa todo; su propia ronda de pruebas sigue siendo necesaria. Si obtiene rojo, resuélvalo en el constructor, publíquelo con Publicar cambios y vuelva a comprobar.

Para seguir leyendo

• Curso gratuito Que te encuentren en internet 5.3: Probar, mantener y lo que no está permitido
• Curso gratuito Que te encuentren en internet 4.1: https y una buena redirección
• Redirigir obligatoriamente a los visitantes a https
• Curso gratuito de DNS 6.2: 'Propagación': por qué unos ya lo ven y otros todavía no