Construye Tu Sitio Web en Google Sites

 Tecnologia-Diseño web

CEO Nestor Barillas

24/9/25 9:07 a.m.

Google Sites es una herramienta gratuita y muy intuitiva para crear sitios web sencillos y profesionales sin necesidad de saber programar.Te proporcionaré una guía detallada paso a paso con indicaciones claras de dónde encontrar cada función, como si vieras las capturas de pantalla.

Guía Detallada para Construir un Sitio Web en Google Sites

Asegúrate de tener una cuenta de Google (Gmail) activa antes de comenzar.

1. Acceder y Crear un Sitio Nuevo

1. Accede a Google Sites: Abre tu navegador y ve a sites.google.com.

2. Iniciar un Nuevo Proyecto:

En la parte superior, haz clic en el botón "En blanco" (un círculo con un signo de más +).

Opcionalmente, puedes elegir una plantilla de la "Galería de plantillas" para empezar con un diseño predefinido.

Nombrar tu Sitio:

En la esquina superior izquierda, haz clic en "Escribe el nombre del sitio web" y escribe un nombre (esto es el título interno para ti).

En la parte central superior, edita el texto que dice "Título de la página" (este será el título principal que verán los visitantes).

2. Personalizar la Página Principal (Home)

Al crear un sitio nuevo, ya estás en tu Página de inicio (Home).Encabezado y Banner

Cambiar el Título y el Tipo de Encabezado:Haz clic en la imagen de encabezado. Verás opciones como "Tipo de encabezado" (puedes elegir "Portada", "Banner grande", "Banner" o "Solo título").

Cambiar la Imagen del Banner:Haz clic en "Imagen" y luego "Subir" (para usar una imagen de tu ordenador) o "Seleccionar imagen" (para elegir de la galería de Google, tus álbumes o Google Drive).
El botón "Ajustar la lectura" (parecido a unas estrellas) mejora la visibilidad del texto sobre el fondo.

B. Añadir Secciones de Contenido

En el panel lateral derecho, utiliza la pestaña "Insertar" para agregar elementos a tu página:

1. Cuadro de texto: Para añadir títulos, párrafos o descripciones.

   • Tip: Una vez insertado, haz clic en el texto y usa el menú flotante para cambiar el estilo (Título, Encabezado, Texto normal, etc.).

2. Imágenes: Para subir o seleccionar fotos.

3. Bloques de contenido: Son diseños prediseñados (por ejemplo, una imagen a la izquierda con texto a la derecha). Arrastra el que quieras a la página y haz clic en los iconos + para añadir la imagen/texto correspondiente.

4. Botón: Para crear enlaces a otras páginas de tu sitio o a sitios externos. Escribe el texto del botón y pega el enlace.

5. Divisor: Para agregar una línea horizontal y separar secciones de forma limpia.

6. Otros elementos de Google: Puedes insertar directamente elementos de Drive (Documentos, Hojas de cálculo), vídeos de YouTube, Mapas y más.

3. Crear y Organizar Páginas

Para que tu sitio web tenga varias secciones (ej. "Acerca de nosotros", "Servicios", "Contacto"), necesitas crear páginas adicionales.

1. Accede al Panel de Páginas: En el panel lateral derecho, haz clic en la pestaña "Páginas" (el icono que parece una hoja apilada).

2. Crear una Nueva Página:

   • En la parte inferior de este panel, haz clic en el signo "Nueva página" (+).

   • Escribe el nombre de la página (ej. "Servicios") y haz clic en "Listo". La nueva página se añade automáticamente al menú de navegación principal.

3. Organizar el Menú (Subpáginas):

   • Para crear una subpágina (un elemento que aparece al pasar el ratón sobre un elemento del menú principal): haz clic y arrastra la nueva página sobre la página principal a la que quieres que pertenezca. El nombre se indentará (se moverá ligeramente a la derecha) para indicar que es una subpágina.

4. Elegir un Tema y Personalizar el Diseño

Para darle estilo a todo tu sitio, usa la pestaña "Temas".

1. Accede al Panel de Temas: En el panel lateral derecho, haz clic en la pestaña "Temas" (el icono de la paleta de colores).

2. Selecciona un Tema Base: Elige uno de los temas predeterminados (Sencillo, Aristóteles, Diplomático, etc.).

3. Personaliza Color y Fuente:

   • Debajo del tema, puedes elegir una paleta de colores diferente.

   • También puedes seleccionar un estilo de fuente distinto (Clásico, Ligero, o Ancho).

4. Crear un Tema Personalizado: Si quieres más control, haz clic en el signo + en la sección "Personalizado" para elegir tus propias fuentes y colores.

5. Vista Previa y Publicación

Cuando estés satisfecho con el diseño y el contenido, es hora de publicarlo.

1. Vista Previa:

   • En la parte superior de la pantalla, haz clic en el icono de "Vista previa" (un ordenador y un teléfono).

   • Esto te permite ver cómo se verá tu sitio en una computadora, una tableta o un teléfono móvil.

   • Haz clic en la "X" para salir de la vista previa.

2. Publicar el Sitio:

   • En la esquina superior derecha, haz clic en el botón "Publicar".

   • Dirección Web: Se abrirá un cuadro donde debes elegir la dirección web de tu sitio (ej. sites.google.com/view/nombredetusitio). Escribe la parte final que quieres que aparezca (el nombre de tu sitio).

   • Configuración: Revisa la configuración de privacidad. Si quieres que cualquiera lo vea, deja la opción predeterminada.

   • Haz clic en "Publicar".

¡Felicidades! Tu sitio web está ahora en línea. Puedes hacer clic en "Ver" en el cuadro de confirmación para ver tu sitio publicado. Cada vez que hagas un cambio, recuerda hacer clic en "Publicar" de nuevo para que los visitantes vean la versión actualizada.

---

Consejos Adicionales para un Mejor Sitio

• Favicon: Ve a la rueda de "Configuración" (esquina superior derecha) > "Imágenes de marca" y sube un logo pequeño y cuadrado para usarlo como icono de la página (favicon).

• Colaboración: Si quieres que otra persona te ayude a editar, usa el icono de "Compartir con otros" (el que tiene una figura humana con un signo + al lado) junto al botón "Publicar".

• Organización: Usa los Divisores y los diferentes bloques de contenido para estructurar tu información de forma clara y espaciosa, haciendo el sitio más fácil de leer.