Vas a construir: Un sitio con los ajustes de búsqueda completos, probado en staging y en línea en producción con tu propio dominio
Lee primero: Inicio rápidoConstruye una landing page
En este tutorial pones en línea un sitio terminado. Completas los ajustes de búsqueda de cada página, pruebas en staging, publicas en producción y conectas tu propio dominio. Necesitas un sitio con al menos una página, acceso de propietario o administrador a él y acceso a los ajustes DNS de un dominio que sea tuyo.
Prepara tus páginas
Abre los ajustes de la página
Abre la página en el editor y haz clic en un espacio vacío del lienzo para que no haya nada seleccionado. El inspector muestra ahora la sección Page con el Title y el Path de la página.
Escribe el título y la descripción para buscadores
Abre la sección SEO que está debajo. Completa Title y Description: los contadores debajo de cada campo te avisan cuando superas la longitud recomendada. La vista previa de búsqueda de abajo muestra cómo se verá la página en los resultados de búsqueda.
Elige una imagen para redes sociales
Elige una imagen en OG image. Es la imagen que se muestra cuando alguien comparte la página. Súbela primero en la pestaña Assets si todavía no está ahí.
Oculta las páginas que no deben encontrarse
Para páginas como una de agradecimiento, activa No index. La vista previa de búsqueda dice entonces "Hidden from search engines (noindex)".
Repite estos pasos para cada página, usando el selector de páginas de la barra de herramientas.
Prueba en staging
Publica en staging
Presiona Publish en la barra de herramientas, deja Staging seleccionado y presiona Publish to staging. Si una lista de la página no mostraría nada en el sitio en línea, el popover la muestra primero, para que puedas corregirla antes de publicar.
Abre el sitio de staging
Cuando el popover diga Live on staging, presiona Open site junto al enlace, o Copy link para enviárselo a alguien para que lo revise.
Recórrelo
Abre cada página, haz clic en cada enlace y botón, y envía un mensaje de prueba con tus formularios. Haz más angosta la ventana del navegador para revisar el layout de teléfono.
La dirección de staging muestra todo tu sitio, y todos los enlaces y formularios funcionan.
Publica en producción
Cambia a producción
Presiona Publish otra vez y selecciona Production. Si la opción aparece en gris y el popover dice "Ask a site admin to publish to production.", pídele a un propietario o administrador del espacio de trabajo que haga este paso.
Publica
Presiona Publish to production. Todo el sitio cambia a la nueva versión en un solo paso, así que los visitantes nunca ven un sitio publicado a medias.
Abre la dirección de producción
Cuando el popover diga Live on production, presiona Open site. Hasta que conectes un dominio, producción responde en su dirección de Malla, que termina en
-prod.
Conecta tu dominio
Abre los ajustes de dominio
Abre el menú del sitio (el nombre del sitio a la izquierda de la barra de herramientas) y elige Site settings. Haz clic en Domains en la lista de secciones.
Agrega el dominio
En Add a domain, escribe el nombre de host, por ejemplo
www.example.com. Deja Production seleccionado, para que el dominio sirva tu sitio de producción, y presiona Add.Agrega los registros DNS
El dominio aparece con el estado Pending y una tabla de registros, cada uno con un Type, un Name y un Value. Inicia sesión en tu proveedor de dominio y agrega cada registro. Usa los botones de copiar junto a cada nombre y valor para evitar errores al escribir.
Los registros cumplen tres funciones: uno apunta el dominio a Malla, otro demuestra que es tuyo y otro emite el certificado HTTPS.
Espera la verificación
La verificación y el certificado suelen tardar unos minutos. El estado se actualiza solo; presiona Check status para comprobarlo ahora. Cuando muestre Active, el dominio está conectado con HTTPS.
Publica otra vez
Publica en producción una vez más. Ahora el dominio responde con tu sitio.
El dominio muestra Active en Site settings → Domains, y al abrirlo en el navegador ves tu sitio con un ícono de candado en la barra de direcciones.
Revisa el sitio en línea
Abre tu dominio
Abre tu dominio en una ventana privada del navegador, para ver lo que ve un visitante nuevo. Revisa también las páginas en tu teléfono.
Revisa la vista previa al compartir
Pega el enlace de una página en una aplicación de chat. Muestra el título, la descripción y la imagen para redes sociales que definiste en la sección SEO.
Corrige errores
¿Encontraste un problema? Corrígelo en el editor, publica en staging para revisarlo y luego publica en producción. Cada publicación reemplaza la versión en línea en un solo paso.
Revierte una publicación defectuosa
Si una publicación rompió el sitio en línea y necesitas recuperar la versión anterior de inmediato, presiona Publish y selecciona Production. Recent publishes lista las últimas publicaciones, con una insignia Live en la que ven los visitantes. Presiona Roll back en una anterior y luego Roll back otra vez en el diálogo Roll back production?. El popover dice Rolled back production y el sitio cambia en un solo paso.
Tu sitio está en línea en tu propio dominio con HTTPS, y cada página tiene su propio título y descripción para buscadores.
Lo que aprendiste
- Cada página tiene su propio título, descripción e imagen para redes sociales en la sección SEO de los ajustes de la página.
- Staging sirve para probar y está oculto para los buscadores; producción es lo que ven los visitantes, y requiere un propietario o administrador.
- Un dominio personalizado necesita registros DNS en tu proveedor, y sirve el sitio después de la siguiente publicación.
- Recent publishes en el popover de publicación revierte un entorno a una publicación anterior en un solo paso.
Lee las guías en las que se basa este tutorial: