¿Qué es Google Sites?
Google Sites es un creador de sitios web gratuito basado en navegador, incluido en el ecosistema de Google Workspace. Permite a particulares, equipos, centros educativos y organizaciones crear sitios web estructurados de varias páginas sin necesidad de escribir código. A diferencia de las herramientas tradicionales de desarrollo web, Google Sites funciona completamente dentro de una cuenta de Google: no hay costes de alojamiento, no se requiere configuración de dominio para empezar ni instalación de software. Los sitios publicados se alojan en la infraestructura de Google en un subdominio de sites.google.com , o bien se pueden vincular a un dominio personalizado.
Técnicamente, existen dos versiones de Google Sites. La versión original, a veces llamada "Google Sites clásico", se lanzó en 2008 y se desarrolló tras la adquisición de JotSpot. Google la reemplazó con un producto completamente rediseñado —el "Nuevo Google Sites"— a partir de 2016, y la versión clásica se desactivó oficialmente en 2021. Este artículo trata exclusivamente sobre la versión actual y moderna de Google Sites.
¿Por qué es importante Google Sites?
Google Sites ocupa un nicho específico y realmente útil en el mundo de la creación de sitios web. No pretende competir con Squarespace para sitios de portafolio ni con WordPress para la publicación de contenido extenso. Su verdadero valor reside en un conjunto más reducido de casos de uso donde la simplicidad, la integración con Google Workspace y el costo cero son más importantes que la flexibilidad de diseño o las funciones avanzadas.
- Sin coste alguno para usuarios particulares: Cualquier titular de una cuenta de Google puede crear y publicar un sitio web en Google Sites sin coste alguno. No hay planes premium, ni plantillas de pago, ni cargos por ancho de banda para un uso normal.
- Integración nativa con Google Workspace: Google Sites permite insertar documentos, hojas de cálculo, presentaciones, formularios, mapas, calendarios, carpetas de Drive y vídeos de YouTube directamente en las páginas. El contenido insertado se mantiene activo y se actualiza automáticamente cuando cambia el archivo de origen, una funcionalidad que ningún creador de sitios web de terceros puede replicar con tanta fluidez.
- Gestionado por la infraestructura de Google: Los sitios se sirven desde la CDN global de Google, lo que significa que se cargan rápidamente y se benefician de la fiabilidad del tiempo de actividad de Google sin necesidad de configuración por parte del propietario del sitio.
- Colaboración integrada: Varias personas pueden editar un sitio de Google simultáneamente, con el mismo modelo de permisos y uso compartido que se utiliza en Google Drive. Esto lo hace práctico para intranets de equipo, proyectos de clase y páginas departamentales.
- Sin necesidad de mantenimiento: No hay complementos que actualizar, ni parches de seguridad que aplicar, ni configuraciones de servidor que gestionar. Google se encarga de todo eso de forma transparente.
Para un profesor que crea un centro de recursos para su clase, un equipo de recursos humanos que publica un portal de políticas internas o una pequeña organización sin ánimo de lucro que necesita una presencia pública básica sin presupuesto, Google Sites suele ser la opción más práctica. Si bien existen desventajas (la personalización del diseño es limitada, no admite comercio electrónico y las herramientas de SEO son mínimas), para su público objetivo, estas limitaciones rara vez importan.
Cómo funciona Google Sites: La arquitectura principal
Comprender cómo funciona técnicamente Google Sites ayuda a establecer expectativas precisas sobre lo que puede y no puede hacer.
La interfaz del editor
Google Sites utiliza un editor WYSIWYG (lo que ves es lo que obtienes) de arrastrar y soltar, al que se accede completamente a través de un navegador web en sites.google.com . El área de edición está dividida en un panel derecho con tres pestañas —Insertar, Páginas y Temas— y un área central que representa la página que se está creando.
El panel Insertar contiene los bloques de construcción disponibles para los creadores de sitios web:
- Cuadro de texto : contenido básico de párrafo y encabezado
- Imágenes : subidas desde un dispositivo, obtenidas de Google Drive o mediante la Búsqueda de imágenes de Google.
- Incrustar : URL sin formato o código de incrustación de iframe para contenido externo.
- Elementos de Drive : documentos, hojas de cálculo, presentaciones, formularios y carpetas integrados directamente desde Google Drive.
- YouTube : inserción de vídeos por URL o búsqueda
- Calendario, Mapa, Gráficos : integraciones directas de productos de Google.
- Texto plegable, tabla de contenido, botón, divisor y carrusel de imágenes : elementos de diseño estructural.
El contenido se organiza en secciones en cada página. Las secciones se apilan verticalmente y se pueden reordenar arrastrándolas. Dentro de cada sección, un sistema de diseño basado en cuadrícula permite a los creadores colocar varios bloques de contenido uno al lado del otro. La cuadrícula de diseño es relativamente simple en comparación con herramientas como Webflow o incluso Wix, pero es suficiente para crear páginas limpias y legibles.
Páginas y navegación
Un sitio de Google se organiza en páginas que se gestionan a través de la pestaña Páginas. Las páginas se pueden anidar para crear una jerarquía sencilla: una página principal con páginas secundarias debajo. El sitio genera automáticamente un encabezado de navegación basado en esta estructura de páginas, aunque los creadores pueden controlar qué páginas aparecen en la navegación y en qué orden. No hay un megamenú ni un sistema de navegación en el pie de página integrados; la navegación consiste en una única barra horizontal en la parte superior de cada página.
Temas y diseño visual
La pestaña Temas ofrece un pequeño conjunto de temas visuales predefinidos, cada uno de los cuales controla las fuentes, la paleta de colores y el estilo del encabezado. Dentro de un tema seleccionado, los creadores pueden ajustar los colores primario y secundario y elegir entre una selección limitada de fuentes. No hay acceso a CSS sin procesar, no se pueden cargar fuentes personalizadas ni editar HTML directamente. Esta limitación es intencionada: Google Sites prioriza la simplicidad y la coherencia sobre la libertad de diseño.
Publicación y alojamiento
Cuando un sitio está listo, al hacer clic en el botón Publicar, se activa. Google Sites ofrece dos opciones de publicación:
- Subdominio de Google: El sitio se publica en una URL con el formato sites.google.com/view/nombre-de-tu-sitio . Es instantáneo, gratuito y no requiere configuración.
- Dominio personalizado: Los propietarios de sitios web pueden vincular un dominio de su propiedad a su sitio de Google agregando un registro CNAME a través de su registrador de dominios. Google proporciona el valor CNAME específico que se debe usar. El dominio debe comprarse y renovarse por separado; Google Sites no vende ni administra dominios.
Todos los sitios de Google publicados se sirven automáticamente a través de HTTPS. No existe la opción de servir un sitio de Google a través de HTTP sin cifrar, lo cual es una configuración predeterminada sensata desde el punto de vista de la seguridad.
Control de acceso y visibilidad
Google Sites admite tres configuraciones de visibilidad para los sitios publicados:
| Configuración de visibilidad | Quién puede ver | Caso de uso típico |
|---|---|---|
| Público (cualquier persona en la web) | Todos los usuarios de internet, no se requiere iniciar sesión. | Sitios web públicos, páginas de organizaciones sin fines de lucro, recursos para clases |
| Cualquiera que tenga el enlace | Cualquier persona que tenga la URL, no se requiere iniciar sesión. | Páginas de proyectos compartidas, sitios de eventos con distribución limitada |
| Personas o grupos específicos | Solo las cuentas de Google a las que se les ha otorgado acceso explícitamente | Portales internos de equipos, intranets escolares, documentación privada |
Para las organizaciones que utilizan Google Workspace para la Educación o Google Workspace para Empresas, una opción adicional restringe la visualización únicamente a los miembros del dominio de la organización; una función fundamental para las bases de conocimiento internas y los portales de recursos humanos que nunca deberían ser accesibles al público.
Cómo funcionan los permisos de edición
Google Sites utiliza el mismo modelo de permisos que Google Drive. El propietario del sitio puede compartir el acceso de edición con otros usuarios de Google en tres niveles: Lector, Editor y Propietario. Los Editores pueden modificar el contenido y publicar los cambios. Los Propietarios pueden cambiar la configuración de uso compartido y eliminar el sitio. Este modelo simplifica la creación colaborativa de sitios para equipos que ya trabajan en Google Workspace, ya que el flujo de trabajo es idéntico al de compartir un documento de Google.
La relación entre los estados borrador y los estados publicados
Google Sites mantiene una clara separación entre la versión preliminar (no publicada) de un sitio y la versión publicada. Los cambios realizados en el editor no aparecen en el sitio web hasta que el propietario hace clic explícitamente en Publicar. Esto significa que un equipo puede trabajar en cambios importantes —como reestructurar páginas, actualizar contenido o añadir nuevas secciones— sin que estos cambios sean visibles para los visitantes del sitio. Se trata de una función de flujo de trabajo sencilla pero importante que evita la publicación accidental de trabajos incompletos.
Sin embargo, no existe un historial de versiones integrado para los estados publicados, como sí lo ofrecen WordPress u otras plataformas CMS. Si bien el editor mantiene un historial de deshacer dentro de una sesión, no hay forma de revertir un sitio publicado a un estado anterior. Esta limitación es importante para sitios donde la precisión del contenido es fundamental.
Adaptabilidad a dispositivos móviles
Todos los sitios de Google son responsivos por defecto. El diseño se adapta automáticamente a pantallas más pequeñas sin necesidad de configuración adicional por parte del creador del sitio. Los creadores pueden previsualizar cómo se verá un sitio en ordenadores de escritorio, tabletas y móviles mediante la opción de vista previa en el editor. El comportamiento responsivo lo gestiona completamente el motor de renderizado de Google; los creadores de sitios no pueden escribir consultas de medios personalizadas ni modificar manualmente el diseño responsivo, lo que refleja la filosofía de la plataforma de priorizar la simplicidad sobre el control.
Cómo crear un sitio web de Google: Proceso completo paso a paso
Para crear un sitio web en Google, ve a sites.google.com, haz clic en el botón + para crear un sitio nuevo, elige una plantilla o empieza desde cero, añade páginas y contenido con el editor de arrastrar y soltar, configura la navegación y los ajustes para compartir, y luego publica. Todo el proceso tarda menos de una hora para un sitio web básico.
Paso 1: Acceda a Google Sites y elija su punto de partida.
Acceda a sites.google.com e inicie sesión con su cuenta de Google. Si utiliza Google Workspace a través de su empresa o centro educativo, inicie sesión con esa cuenta; le ofrece controles de uso compartido y almacenamiento adicionales vinculados a su organización.
Verás dos opciones para empezar:
- Sitio web en blanco: Control creativo total desde cero. Ideal cuando se tiene una visión de diseño clara o necesidades de maquetación específicas.
- Galería de plantillas: Diseños prediseñados para portafolios, sitios de proyectos, intranets de equipo, páginas de eventos y sitios web para aulas virtuales. Las plantillas ahorran mucho tiempo y son fáciles de personalizar.
Haz clic en el icono grande de "+ " debajo de "Crear un sitio nuevo" para abrir un lienzo en blanco, o desplázate por la galería de plantillas y haz clic en cualquiera para abrirla en el editor. Puedes cambiar de plantilla más adelante, pero al hacerlo se reemplazará tu diseño actual, así que elige con cuidado desde el principio.
Paso 2: Nombra tu sitio y establece el título de la página.
En la esquina superior izquierda, haz clic en "Introducir nombre del sitio" y escribe el nombre de tu sitio web. Este nombre aparecerá en la pestaña del navegador y en los resultados de búsqueda de Google si tu sitio es público, así que asegúrate de que sea descriptivo y preciso. Por otro lado, haz clic en el encabezado grande del lienzo de la página para establecer el título visible de tu primera página; esto es independiente del nombre del sitio.
La elección del nombre es crucial para la visibilidad del sitio. Si se trata de un sitio público, incluya una palabra clave relevante en el nombre. Para sitios internos de equipos, utilice un nombre que el equipo reconozca de inmediato al buscar en Google Drive.
Paso 3: Crea la estructura y la navegación de tu página.
En el panel derecho, haz clic en la pestaña Páginas (el icono de páginas apiladas). Google Sites crea automáticamente una página de inicio. Añade páginas adicionales haciendo clic en el botón + en la parte inferior del panel Páginas.
Planifica la navegación antes de añadir contenido. Un sitio web bien estructurado suele seguir uno de estos patrones:
- Estructura plana: Todas las páginas están al mismo nivel. Funciona bien para sitios con cinco páginas o menos (portafolio, sitio de eventos, currículum personal).
- Estructura jerárquica: Páginas principales con subpáginas anidadas. Ideal para intranets de equipo, centros de proyectos o sitios de documentación con muchas secciones.
- Estructura de una sola página: Una página larga con desplazamiento vertical y enlaces de anclaje. Eficaz para páginas de destino sencillas o anuncios de eventos.
Para crear una subpágina, arrastra una página debajo de una página principal en el panel Páginas hasta que veas que se indentan. Google Sites la añade automáticamente al menú desplegable de navegación. También puedes hacer clic con el botón derecho en cualquier página del panel para duplicarla, ocultarla de la navegación o establecerla como página de inicio.
Paso 4: Agregar y organizar bloques de contenido
Google Sites utiliza un diseño basado en secciones. Cada página se compone de secciones apiladas, y dentro de cada sección se colocan bloques de contenido. Haga clic en cualquier parte del lienzo para abrir el panel Insertar a la derecha, que contiene:
- Cuadro de texto: Encabezados, texto principal y párrafos con formato.
- Imágenes: Súbelas desde tu ordenador, búscalas en Google Imágenes o descárgalas desde Google Drive o Fotos.
- Insertar: Pegue cualquier URL o código de inserción para mostrar contenido externo en línea.
- Drive: Inserta documentos, hojas de cálculo, presentaciones, formularios o mapas de Google directamente desde tu Drive.
- YouTube: Busca e inserta vídeos sin salir del editor.
- Calendario: Integra un Calendario de Google en las páginas de eventos o en los horarios de los equipos.
- Mapa: Añade un mapa de Google con una ubicación específica marcada.
- Tabla de contenido: Generada automáticamente a partir de los encabezados de la página, útil para páginas de documentación extensas.
- Botón: Enlaces de llamada a la acción con formato de botón
- Divisor: Separador visual entre secciones
- Texto desplegable: Secciones de preguntas frecuentes en formato acordeón
- Carrusel de imágenes: galería giratoria de varias imágenes
Para añadir una nueva sección, coloca el cursor entre dos secciones existentes y haz clic en el signo + que aparece. A continuación, puedes elegir el diseño para esa sección: ancho completo, dos columnas, tres columnas o una imagen destacada con texto superpuesto. Arrastra las secciones hacia arriba o hacia abajo para reordenarlas.
Paso 5: Personalizar el tema visual
Haz clic en la pestaña Temas (el icono de la paleta de colores) en el panel derecho. Google Sites ofrece una serie de temas predefinidos, cada uno con una combinación de fuentes y una paleta de colores distintas. Selecciona cualquier tema para previsualizarlo al instante en todas las páginas.
Dentro de cada tema, puedes ajustar:
- Color: Elija entre colores de acento preestablecidos o ingrese un código hexadecimal personalizado para que coincida con su marca.
- Fuente: Seleccione una de una lista predefinida de combinaciones de fuentes (Google Sites no admite la carga de fuentes arbitrarias).
- Tipo de encabezado: Banner (encabezado con imagen grande), solo título o portada (imagen a pantalla completa con texto superpuesto).
Para añadir una imagen de encabezado personalizada, haz clic en el área del encabezado en cualquier página y selecciona «Cambiar imagen». Utiliza una imagen de alta resolución de al menos 1600 píxeles de ancho para evitar la pixelación en pantallas grandes. También puedes establecer un logotipo para todo el sitio web haciendo clic en el área del nombre del sitio y subiendo un archivo de imagen.
Paso 6: Configurar el uso compartido y los permisos antes de publicar.
Antes de publicar, decide quién puede ver y editar tu sitio. Haz clic en el botón Compartir (icono de persona con un +) en la barra de herramientas superior derecha. Hay dos niveles de permisos distintos:
| Tipo de permiso | Qué controla | Opciones |
|---|---|---|
| Acceso de editor | ¿Quién puede editar el sitio en el constructor? | Personas específicas, cualquier persona con enlace (editar), su organización |
| Acceso para el espectador (sitio publicado) | ¿Quién puede ver el sitio web publicado en directo? | Cualquier persona en Internet, cualquier persona que haya iniciado sesión, personas específicas, solo su organización |
Para sitios web internos de equipo, restrinja el acceso a los usuarios de su organización. Para sitios web públicos, configure el acceso a "Cualquier persona en internet". Estas dos configuraciones son independientes: su lista de editores no afecta quién puede ver el sitio publicado.
Paso 7: Establecer una dirección web personalizada
Por defecto, tu sitio publicado tendrá una URL con el formato sites.google.com/view/nombre-de-tu-sitio . Puedes personalizar la ruta (la parte que aparece después de /view/) haciendo clic en el botón Publicar y editando el campo de dirección web antes de publicar por primera vez.
Si tienes un dominio personalizado (por ejemplo, tuempresa.com), puedes vincularlo a tu sitio de Google. En el menú Publicar, haz clic en "Dominio personalizado" y sigue los pasos de verificación de DNS. Deberás agregar un registro CNAME en tu registrador de dominios que apunte a ghs.googlehosted.com . Este proceso tarda entre unos minutos y 48 horas en propagarse, dependiendo de tu registrador.
Paso 8: Publica y prueba tu sitio web.
Haz clic en el botón azul «Publicar» en la esquina superior derecha. Google Sites te pedirá que confirmes la dirección web y los permisos de visualización. Una vez publicado, visita la URL en una nueva pestaña del navegador (no en la vista previa del editor) para ver exactamente lo que verán los visitantes.
Realiza pruebas sistemáticas antes de compartir el enlace:
- Comprueba todos los enlaces de navegación y confirma que llevan a la página correcta.
- Visualice el sitio en un dispositivo móvil o utilice el modo de diseño adaptable de su navegador para comprobar la versión móvil.
- Haz clic en cada botón y enlace incrustado para verificar que se abran correctamente.
- Prueba cualquier formulario de Google integrado enviando una respuesta de prueba.
- Confirma que los archivos de Drive incrustados se compartan con la audiencia adecuada (un documento incrustado en un sitio público aún necesita que se le haya configurado la opción de compartir en "Cualquier persona con el enlace").
Tras la publicación, el editor muestra un indicador de "Cambios publicados" cada vez que realices modificaciones. Los cambios que hagas en el editor no se publicarán hasta que vuelvas a hacer clic en Publicar, lo que te proporciona un entorno de redacción seguro.
Tácticas prácticas que mejoran los resultados de Google Sites
Las siguientes tácticas producen sistemáticamente mejores resultados para los usuarios de Google Sites en diferentes casos de uso.
Utiliza Google Drive como tu centro de contenido.
En lugar de subir archivos estáticos a tu sitio web, inserta documentos, hojas de cálculo y presentaciones de Google directamente desde Drive. Cuando actualices el documento original, la versión insertada en tu sitio se actualizará automáticamente, sin necesidad de volver a publicarlo. Esto resulta especialmente útil para las intranets de equipo, donde las políticas, las listas de precios o el seguimiento de proyectos cambian con frecuencia.
Integrar formularios de Google para la interacción
Google Sites no incluye formulario de contacto, sistema de registro ni herramienta de encuestas. Para solucionar esto, crea un formulario de Google e insértalo en una página dedicada. Las respuestas se envían directamente a una hoja de cálculo de Google, lo que te proporciona un sistema de CRM o de recopilación de datos ligero y gratuito.
Utilice estratégicamente los fondos de sección
Cada sección puede tener su propio color o imagen de fondo. La alternancia entre un fondo blanco y uno gris claro o del color de la marca crea un ritmo visual que guía al lector por la página sin necesidad de CSS personalizado. Haz clic en cualquier sección y, a continuación, en el icono de configuración de la sección (el lápiz o el engranaje) para acceder a las opciones de fondo.
Enlaces de anclaje para páginas largas
En sitios web largos de una sola página, añade un bloque de Tabla de Contenidos en la parte superior. Google Sites genera automáticamente enlaces de anclaje a partir de los elementos de encabezado, lo que permite a los visitantes acceder directamente a secciones específicas. También puedes crear manualmente enlaces de anclaje copiando la URL del bloque de Tabla de Contenidos y utilizándola en un botón o enlace de texto en cualquier otra parte del sitio.
Optimiza las imágenes antes de subirlas.
Google Sites no comprime las imágenes automáticamente. Si subes imágenes demasiado grandes, tu sitio cargará lentamente, sobre todo en dispositivos móviles. Ajusta el tamaño de las imágenes al ancho máximo de visualización (normalmente 1600 píxeles para banners de ancho completo y 800 píxeles para imágenes en columna) y comprímelas con una herramienta como Squoosh o TinyPNG antes de subirlas. Este paso es el que más influye en el rendimiento del sitio.