Capítulo 7 de 11

Publicar, dominios y equipo

Sacar la web a internet, apuntar tu dominio y trabajar con más gente.

Hasta aquí has estado trabajando en el borrador: tu web existe, pero solo la ves tú. En esta parte del manual pones la web en internet, le pones tu propio nombre de dominio, aprendes a volver atrás si algo sale mal y le das acceso a las personas que te ayudan.

Publicar tu web

Para qué sirve. Coger todo lo que has hecho en el borrador y ponerlo en internet, para que cualquiera pueda verlo. Mientras no publiques, tus cambios no los ve nadie.

Cómo llegar. Abre tu proyecto (Escritorio → clic en la tarjeta del proyecto). Arriba a la derecha está el botón morado Publicar. Pulsa la flecha pequeña de su derecha y se despliega el menú.

Qué hay en pantalla.

• Copiar enlace del sitio: copia la dirección pública de tu web para pegarla en un correo o en WhatsApp.
• Publicar cambios: lo que buscas el 99% de las veces. Antes de subir nada, Speaksite optimiza las imágenes; puede tardar unos segundos y el botón se queda girando.
• Configurar destino: elegir dónde se publica (ver el siguiente apartado).
• Despublicar: retira la web de internet. Tu trabajo no se borra, pero quien entre en tu dirección dejará de ver la página.

El aviso «Cambios sin publicar». Es la señal de que has tocado algo desde la última vez que publicaste. Si no está, lo que ves en el editor es exactamente lo que hay en internet.

Un ejemplo de principio a fin. Has cambiado el teléfono de la página de contacto y quieres que se vea hoy: entra en el proyecto → comprueba que arriba pone «Cambios sin publicar» → pulsa la flecha junto a Publicar → Publicar cambios → espera a que el botón deje de girar y se ponga verde con un «Publicado» → pulsa Copiar enlace del sitio, pégalo en el navegador y comprueba que el teléfono nuevo está ahí.

Cuidado con…

• Publicar sustituye lo que había. Si te arrepientes, se arregla desde el historial de versiones (más abajo), no volviendo a publicar.
• Despublicar no avisa dos veces: tu web desaparece de internet hasta que vuelvas a publicar.
• Si tienes una tienda, publicar también sube el catálogo tal y como esté en ese momento.

Elegir dónde se publica

Para qué sirve. Decidir si tu web vive en el alojamiento que te da Speaksite (lo normal) o en un servidor tuyo, al que Speaksite sube los archivos por FTP.

Cómo llegar. Flecha junto a Publicar → Configurar destino.

Qué hay en pantalla.

• Publicar en Speaksite: no tienes que configurar nada. Tu web queda en una dirección de Speaksite y el certificado de seguridad va incluido.
• Publicar en servidor externo: para quien ya paga un alojamiento propio. Necesitas cuatro datos que te da tu proveedor de alojamiento: servidor (algo como ftp.midominio.com), usuario, contraseña y carpeta de destino (a menudo /public_html o /www). El botón Probar conexión comprueba que esos datos funcionan antes de publicar nada.

Un ejemplo de principio a fin. Tienes contratado un alojamiento en otra empresa y quieres seguir usándolo: Configurar destino → Publicar en servidor externo → escribe servidor, usuario y contraseña → en carpeta pon la que te haya indicado tu proveedor → Probar conexión → si sale en verde, Guardar → cierra y pulsa Publicar cambios.

Cuidado con…

• El destino se guarda en cuanto lo pulsas, antes incluso de rellenar los datos del servidor.
• Publicar por FTP sobrescribe los archivos que ya haya en esa carpeta. Si ahí tienes otra web, la pisas.
• Lee el apartado siguiente antes de publicar por FTP una web grande.

Cuando la web se sube a tu servidor (y qué mirar si se queda a medias)

Para qué sirve. Publicar en un servidor propio no es instantáneo: Speaksite va subiendo los archivos uno a uno y te enseña una barra de progreso arriba a la derecha.

Cuidado con… (esto es importante si tu web es grande). La subida tiene un tiempo máximo de cinco minutos. Si tu web tiene muchas páginas e imágenes, o tu servidor va lento, la subida puede pasarse de ese tiempo y cortarse por la mitad: parte de los archivos habrán llegado y parte no. El problema es que no te avisa: la barra de progreso se queda parada en el porcentaje al que llegó, sin ponerse en verde ni dar un error.

Cómo reconocerlo y qué hacer:

1. La barra lleva parada varios minutos en el mismo porcentaje (por ejemplo 41%) y no cambia.
2. Abres tu web y ves páginas mezcladas: unas con el diseño nuevo y otras con el viejo, o imágenes que no cargan.
3. Solución: vuelve a pulsar Publicar cambios. La subida empieza otra vez y completa lo que faltaba. Si vuelve a quedarse parada en el mismo punto, escribe a soporte: tu web necesita más tiempo del que el sistema da por defecto.

Para que no te pase: publica por FTP con la web ya optimizada (imágenes ligeras) y evita subir a la vez cientos de fotos nuevas.

Versiones anteriores de tu web

Para qué sirve. Cada vez que publicas, Speaksite guarda una copia de cómo estaba tu web justo antes. Si un cambio te ha estropeado algo, vuelves a una copia anterior y listo.

Cómo llegar. En el editor, el icono de reloj con flecha de la cabecera (a la izquierda del botón Publicar).

Qué hay en pantalla. Una lista de copias, la más reciente arriba. De cada una ves la fecha, la hora y el número de archivos. La flecha circular restaura; la papelera borra esa copia (no tu web).

Un ejemplo de principio a fin. Ayer cambiaste los colores y hoy no te convencen: abre el reloj → busca la copia con la fecha de anteayer → pulsa la flecha circular → confirma → vuelve al editor y comprueba que los colores viejos están de vuelta → pulsa Publicar cambios para que ese cambio llegue también a internet.

Cuidado con…

• Restaurar cambia tu borrador, no lo que hay publicado: hasta que no publiques, en internet sigue lo de antes.
• El historial no es infinito: depende de tu plan (en el plan Pro se guardan las copias de los últimos 30 días).
• Las copias se guardan al publicar. Si nunca has publicado, el historial estará vacío.

Compartir tu web antes de que esté lista

Para qué sirve. Enseñar cómo va la web a un socio o a un cliente sin darle acceso a editar.

Cómo llegar. Icono de compartir (los tres puntos unidos) en la cabecera del editor. Solo aparece si el proyecto es tuyo.

Qué hay en pantalla. Un campo de correo, un desplegable de permiso y el botón Invitar; debajo, la lista de gente. Al pie se explican los dos permisos: Editor (puede editar páginas y publicar cambios) y Lector (solo mira).

Cuidado con… Un Editor puede publicar. Si solo quieres enseñar el resultado, usa Lector.

Invitar a alguien a tu proyecto

Para qué sirve. Trabajar entre varias personas sobre la misma web.

Cómo llegar. Icono de compartir → escribe el correo → elige el permiso → Invitar.

Un ejemplo de principio a fin. Quieres que tu diseñadora retoque las fotos pero no quieres que publique sin avisarte: icono de compartir → escribe rocio.obrador@la-espiga.example → despliega el permiso y elige Lector → Invitar. Le llega un correo con un enlace; cuando lo acepta, pasa de «Pendiente» a aparecer con su permiso. Si más adelante quieres que sí pueda editar, cambias su permiso en el desplegable de su fila.

Cuidado con…

• La invitación va al correo que escribas: si te equivocas de letra, no llega y no hay aviso.
• Si esa persona no tiene cuenta en Speaksite, tendrá que registrarse con ese mismo correo para poder entrar.

Quién tiene acceso y quién tiene la invitación pendiente

Para qué sirve. Saber de un vistazo con quién estás compartiendo tu web.

Cómo llegar. Icono de compartir → la lista de debajo del formulario.

Qué hay en pantalla. Una fila por persona con su correo y su estado. En las que ya aceptaron puedes cambiar el permiso en el desplegable. La papelera roja retira el acceso (o cancela la invitación) al momento.

Cuidado con… La papelera no pide confirmación. Si te equivocas de fila, tendrás que volver a invitar a esa persona.

Cuando la invitación no se puede enviar

Otros motivos habituales: has escrito tu propio correo (no puedes invitarte a ti mismo) o esa persona ya es colaboradora. En todos los casos el mensaje sale sobre el formulario y se cierra con Cerrar.

Copia de seguridad en GitHub (solo modo Avanzado)

Para qué sirve. Guardar el código de tu web en tu propia cuenta de GitHub. Es para quien sabe lo que es GitHub: si no lo usas, no necesitas esta pantalla para nada.

Cómo llegar. En el editor, activa el interruptor Avanzado de la cabecera. Entonces aparece el botón de GitHub, a la izquierda del reloj del historial. En modo Fácil no existe: es la causa número uno de «no lo encuentro».

Qué hay en pantalla y cómo sigue. Al pulsar Conectar GitHub se abre la página de GitHub para que autorices a Speaksite. Cuando vuelves, el botón se convierte en un menú con dos opciones: Crear repositorio nuevo (Speaksite crea el repositorio y sube tu web) o Vincular repositorio existente (si ya tienes uno). Una vez enlazado, en ese mismo sitio aparece el estado del repositorio, la rama, y botones para guardar cambios y crear una propuesta de cambios.

Esta parte del proceso no se puede fotografiar en el manual: exige un permiso real contra github.com con una cuenta viva, y las capturas se hacen en un entorno cerrado sin acceso a GitHub. Lo que ves arriba es el punto de partida.

Cuidado con… Conectar GitHub no sustituye a publicar. Son cosas distintas: GitHub guarda el código; publicar es lo que pone la web en internet.

Mis dominios

Para qué sirve. Un dominio es el nombre de tu web: eso que la gente escribe en el navegador (panaderialaespiga.es). Aquí compras uno nuevo, conectas el que ya tienes y ves los que están a tu nombre.

Cómo llegar. Escritorio → Dominios.

Qué hay en pantalla.

• Buscar dominio: escribe el nombre que quieres (sin www y sin .com) y Speaksite te dice si está libre y cuánto cuesta en cada extensión.
• WHOIS: consulta pública de quién tiene un dominio ya ocupado.
• Transferir dominio: traer a Speaksite uno que compraste en otro sitio.
• Mis dominios: los tuyos. Cada uno con su estado (Activo), su caducidad y el proyecto al que está conectado.

Cuidado con… Un dominio se alquila por años, no se compra para siempre. Si caduca y no lo renuevas, tu web deja de responder por ese nombre y cualquiera puede quedárselo. Mira la fecha de caducidad de vez en cuando y deja la renovación automática activada.

Comprar un dominio

Cómo llegar. Dominios → escribe el nombre → Buscar → en el resultado que esté libre, Comprar.

Speaksite te pide los datos del titular (nombre, dirección, teléfono y correo: son obligatorios por las normas de los dominios, y el correo tiene que ser real porque te mandan una verificación) y el pago. Al terminar, el dominio aparece en Mis dominios en unos minutos.

Esta pantalla no aparece fotografiada en el manual y no es un descuido: la ventana de compra solo se abre cuando el registrador confirma que el nombre está libre y a qué precio, y eso exige una conexión de pago real con el registrador que el entorno donde se hacen estas capturas no tiene. Fotografiarla habría significado dibujar una pantalla de compra falsa.

Cuidado con…

• Comprar un dominio se cobra y no se puede deshacer; los dominios no se devuelven.
• Escribe el nombre con cuidado: se compra tal cual lo escribes, con la falta de ortografía incluida.
• Contesta al correo de verificación que recibirás. Si no lo haces en el plazo, el dominio se suspende.

La ficha de un dominio

Para qué sirve. Todo lo que se puede tocar de un dominio concreto: a qué proyecto apunta, cuándo caduca, cómo va de salud y a dónde manda el tráfico.

Cómo llegar. Dominios → clic en el dominio de la lista.

Qué hay en pantalla (los bloques que más se usan):

• Conexión a proyecto: a qué web de las tuyas responde este dominio. Desconectar lo deja libre para apuntarlo a otra.
• Renovación automática: déjala activada salvo que no quieras conservar el dominio.
• Privacidad WHOIS: oculta tus datos personales de la consulta pública de dominios. Actívala.
• Bloqueo del registrador (EPP): un candado que impide que alguien se lleve tu dominio a otra empresa sin tu permiso. Debe estar bloqueado siempre, excepto los días en que tú mismo estés transfiriéndolo.
• Código EPP: la contraseña que te pedirán si un día te llevas el dominio a otro proveedor.
• Contacto del titular (WHOIS): los datos de quien figura como dueño.
• Subdominios gestionados: direcciones tipo tienda.tudominio.com apuntando a proyectos tuyos.

Cuidado con… Desconectar el dominio de un proyecto deja tu web sin ese nombre en cuanto se propaga el cambio. No es instantáneo ni al desconectar ni al reconectar (ver más abajo).

Si el dominio está bien configurado

Para qué sirve. Un diagnóstico rápido: te dice si tu dominio responde, si tiene el candado de seguridad y si el cambio que hiciste ya ha llegado a internet.

Cómo llegar. Ficha del dominio → primer bloque, Salud del dominio.

Qué hay en pantalla.

• Expiración: días que le quedan al dominio.
• HTTP: si al entrar en tu dominio contesta tu web.
• SSL: el certificado de seguridad, el que hace que salga el candado y el https. Speaksite lo emite solo, pero tarda un rato desde que apuntas el dominio: si ves rojo el primer día, vuelve a mirar unas horas después.
• Propagación DNS: si el cambio que hiciste ya lo ven Google, Cloudflare y el propio servidor. Tres verdes = todo el mundo ve tu web.

Cuidado con… Los cambios de dominio tardan. Lo normal es de unos minutos a unas horas, y en el peor caso hasta 48. Si acabas de tocar algo y sale rojo, espera antes de tocar más: la mayoría de los desastres de dominios son de gente que cambia tres veces seguidas sin dar tiempo a nada.

Apuntar el dominio a Speaksite (y qué es eso del DNS)

Qué es un DNS, en cristiano. Internet no entiende de nombres, entiende de números. El DNS es la agenda de teléfonos de internet: la que dice que panaderialaespiga.es corresponde al servidor número tal. Cuando «apuntas un dominio», lo que haces es cambiar esa ficha de la agenda para que el nombre lleve a la web de Speaksite.

Los nameservers son quién manda esa agenda. Si le das los nameservers a Speaksite, la agenda de tu dominio la lleva Speaksite y tú no tienes que tocar nada más.

Cómo llegar. Ficha del dominio → bloque DNS autorizado por Speaksite.

Un ejemplo de principio a fin. Compraste panaderialaespiga.es en otra empresa y quieres que muestre tu web de Speaksite: abre la ficha del dominio → Usar nameservers de Speaksite → Speaksite te enseña dos direcciones tipo ns1.speaksite.app y ns2.speaksite.app → entra en la web de la empresa donde compraste el dominio, busca «servidores DNS» o «nameservers» y sustituye los que haya por esos dos → guarda → vuelve a la ficha y mira Salud del dominio cada pocas horas hasta que la propagación esté en verde.

Cuidado con… Mientras la agenda cambia de manos, el correo que uses con ese dominio puede dejar de funcionar si no copias antes tus registros de correo (los MX). Si tienes correo profesional con ese dominio, apúntate los registros que tenías antes de tocar nada.

Los registros DNS de tu dominio

Para qué sirve. Editar una a una las fichas de esa agenda. Solo entras aquí si te lo pide algo concreto (tu correo profesional, una herramienta de terceros, una verificación de Google).

Cómo llegar. Ficha del dominio → bloque Registros DNS.

Qué hay en pantalla. Una tabla con Tipo, Subdominio, Valor y TTL. Los que te vas a encontrar:

• A: manda un nombre a un servidor concreto (una dirección IP). Es el registro que hace que tu web se vea.
• CNAME: dice «esto es lo mismo que aquello» (por ejemplo www = tu dominio).
• MX: a dónde va tu correo. No lo toques si no sabes qué estás haciendo.
• TXT: notas sueltas que usan Google o tu proveedor de correo para comprobar que el dominio es tuyo.
• TTL: cuánto tiempo se guarda esa ficha en la memoria de internet, en segundos (3600 = una hora). Cuanto más bajo, más rápido se notan los cambios.

Los botones Plantillas y Presets rellenan de golpe la configuración típica de servicios conocidos (por ejemplo el correo de Google), para que no tengas que escribir seis registros a mano.

Cuidado con…

• Borrar un registro MX deja tu correo sin funcionar, y no lo notarás hasta que alguien te diga que sus correos rebotan. Apunta lo que había antes de cambiarlo.
• Si esta lista sale vacía pero tú sabes que tenías registros, no los vuelvas a crear todavía: puede ser que Speaksite no haya podido leerlos en ese momento. Recarga la página al cabo de un rato y comprueba.

Redirigir el dominio a otra dirección

Para qué sirve. Que quien escriba tu dominio acabe en otra dirección. Es lo que se usa con los dominios «de repuesto»: compras panaderia-la-espiga.com además del .es y haces que lleve al .es.

Cómo llegar. Ficha del dominio → bloque Redirección de URL.

Qué hay en pantalla.

• URL destino: la dirección completa a la que quieres mandar a la gente, con https://.
• 301 (permanente) o 302 (temporal): el 301 le dice a Google que el cambio es definitivo y le pasa el prestigio de búsqueda al destino. El 302 es para algo pasajero (una campaña, unas obras).
• Incluir path original: si alguien entra en tudominio.com/ofertas, con esto marcado acabará en destino.com/ofertas; sin marcar, en la portada del destino.

Cuidado con… Un dominio redirigido no puede enseñar una web a la vez. Si lo tienes conectado a un proyecto y activas la redirección, mandas fuera a tus visitantes.

Traer un dominio de otro proveedor

Para qué sirve. Pasar a Speaksite un dominio que compraste en otra empresa, para tenerlo todo en el mismo sitio y que se renueve solo.

Cómo llegar. Dominios → Transferir dominio.

Un ejemplo de principio a fin. Tienes panaderia-la-espiga.com en otra empresa: entra en el panel de esa empresa → quita el bloqueo del dominio y pide el código de autorización (lo verás como «EPP», «Auth Code» o «código de transferencia»); te llega por correo → en Speaksite: Dominios → Transferir dominio → escribe el dominio y pega el código → confirma → recibirás un correo de aprobación; acéptalo → en 5-7 días el dominio aparece en Mis dominios.

Cuidado con…

• Sin el código de autorización no hay transferencia, y ese código te lo tiene que dar el proveedor que lo tiene hoy.
• No se puede transferir un dominio recién comprado o recién transferido: hay que esperar 60 días. Es una norma de los dominios, no de Speaksite.
• Durante la transferencia tu web sigue funcionando: no se corta nada.

Llevarte tu dominio a otro proveedor

Para qué sirve. Lo contrario: sacar de Speaksite un dominio que compraste aquí. Está aquí a propósito: el dominio es tuyo y puedes llevártelo.

Cómo llegar. Ficha del dominio → abajo, Transferir a otro registrador → Transferir fuera.

Cuidado con…

• Al continuar, tu dominio se queda desbloqueado. Si al final no te lo llevas, vuelve a la ficha y activa Bloquear dominio.
• La transferencia tarda 5-7 días y, mientras tanto, el dominio sigue apuntando donde estaba.
• Si tu web está en Speaksite y te llevas el dominio, acuérdate de configurar el DNS en el proveedor nuevo o tu web dejará de verse por ese nombre.

Sitio satélite

Un sitio satélite es una copia de tu tienda publicada en otra dirección (por ejemplo, tu web principal en Speaksite y la tienda en un dominio aparte). Se configura desde Tienda → Ajustes de sitio satélite, y solo aparece si tu proyecto tiene la tienda activada y tu plan incluye esta función.

No hay captura de esta pantalla: el proyecto de demostración con el que se hacen las capturas de este capítulo no tiene tienda activada, y activarla habría cambiado el resto de las fotos. Al entrar sin tienda, lo que aparece es la pantalla de «Activa la tienda», que es otra cosa y llevaría a engaño.

Resumen de lo que no conviene olvidar