Empezar a utilizar Google Sites

¿Quieres guardar una versión en PDF de esta guía? En el navegador Chrome, imprime esta página y selecciona la opción Guardar como PDF. Si usas otros navegadores o herramientas de PDF de terceros, consulta las instrucciones correspondientes para saber cómo guardar páginas web como archivos PDF.

¿Qué puedes hacer con la versión nueva de Google Sites?

Crea espacios para proyectos internos, sitios web de equipo, sitios web públicos, etc. Y todo sin la ayuda de diseñadores, programadores ni especialistas en informática. Con la versión nueva de Google Sites, crear sitios web es muy fácil: solo tienes que arrastrar el contenido donde lo necesites.

Cuando creas un sitio web, se añade automáticamente a Drive, del mismo modo que cualquier otro archivo almacenado en Drive. Puedes editar un sitio web de Google Sites junto con otra persona en tiempo real y ver los cambios que vayáis introduciendo en directo. Una vez terminado, publica el sitio web para que todo el mundo pueda verlo, o restringe el acceso y permite que solo puedan acceder a él las personas con las que quieras compartirlo, como proveedores.

Los sitios web de Google Sites son adaptables; es decir, están optimizados para mostrarse en tablets y smartphones.

Qué necesitas:

account_circle Una cuenta de G Suite. ¿No tienes una? Regístrate.

schedule 10 minutos

Nota: Aunque puedes ver la versión nueva de Google Sites en la mayoría de los navegadores de ordenadores y dispositivos móviles, por el momento solo puedes editar contenido de esta versión en ordenadores que dispongan de los navegadores Chrome o Mozilla® Firefox®.

1.1

Crear un sitio web

Elige una de estas opciones:

Nota: Todos los sitios creados con Google Sites se guardan en Drive. Para obtener más información sobre cómo utilizar Drive para organizar tus archivos, consulta la página Empezar a utilizar Drive.

crear un sitio web
1.2

Dar un nombre al sitio web

Cuando creas un sitio web, se añade a Drive, del mismo modo que cualquier otro archivo de Drive. Todos los cambios que hagas se guardarán automáticamente en Google Sites, pero el sitio web no será público hasta que lo publiques.

Dar un nombre a las distintas partes del sitio web:

  1. Nombre del documento del sitio web: indica un nombre único para llevar un seguimiento de tu sitio web. Solo tú puedes ver el nombre del documento del sitio web.
  2. Nombre del sitio web: cuando publicas el sitio web, su nombre aparece en el encabezado y en la barra de título de la ventana de la aplicación web o móvil. Para que aparezca el nombre, el sitio web debe tener como mínimo dos páginas.
  3. Título de la página: cada página de tu sitio web tiene un título en su parte superior. El título de la página también aparece en el menú de navegación.
name your site
1.3

Seleccionar un diseño

En la parte derecha, haz clic en Diseños y elige otro diseño para aplicarlo a tus secciones.

1.4

Seleccionar una imagen de fondo, un tipo de encabezado y un tema

Elige el aspecto que quieres darle al sitio web. Cada tema incluye un fondo, una fuente y una combinación de colores predeterminados. Puedes ajustar las fuentes, los colores y el fondo más adelante. También podrás cambiar el tema en cualquier momento una vez que hayas creado el sitio web. Si necesitas hacer algún cambio, haz clic en Deshacer undo o en Rehacer redo.

  1. Cambiar la imagen de fondo:
    1. Ve a Google Sites y abre tu sitio web.
    2. Coloca el cursor sobre la imagen de fondo y haz clic en
      Cambiar imagen image.
    3. Elige una opción:
      • Para subir una imagen de tu ordenador, haz clic en Subir.
      • Para elegir una imagen de la galería u otra ubicación, haz clic en Seleccionar imagen.
    4. (Opcional) Para volver a la imagen de fondo original, haz clic en Restablecer refresh.
  2. Cambiar el tipo de encabezado:
    1. Coloca el cursor sobre la imagen de fondo y haz clic en Tipo de encabezado Encabezado de Google Sites.
    2. Elige una opción:
      • Portada
      • Encabezado grande
      • Encabezado
      • Solo título
  3. Cambiar el tema y el estilo de fuente:
    1. En la esquina superior derecha, haz clic en Temas.
    2. Selecciona un tema y elige un color.
    3. Haz clic en Estilo de fuente y selecciona un estilo.
select background and theme
1.5

Añadir, reorganizar y anidar páginas

Añade páginas al sitio web para incluir más contenido o anida páginas para agrupar la información que esté relacionada. Las páginas anidadas aparecen como subapartados de una página diferente.

1 Añadir páginas:

  1. En la esquina superior derecha, haz clic en Páginas > Crear add.
  2. Elige una opción:
    • Para añadir una página, haz clic en Añadir página Sites add page, asígnale un nombre y haz clic en Listo.
    • Para añadir una URL, haz clic en Añadir enlace insert_link.

2 Reordenar o anidar páginas:

  1. Haz clic en Páginas.
  2. Arrastra una página hacia arriba o hacia abajo en la lista para cambiarla de orden.
  3. Arrastra una página y suéltala encima de otra para anidarla.
  4. (Opcional) Para deshacer la anidación de una página, arrástrala hacia la parte inferior de la lista.

Nota: Las páginas solo pueden anidarse en cinco niveles, y no se puede anidar la página que se haya definido como principal.

3 Seleccionar opciones de página:

En Páginas, selecciona una página y, junto a ella, haz clic en Más more_vert. A continuación, elige una opción:

  • Definirla como página principal.
  • Duplicarla.
  • Cambiarle el nombre.
  • Crear una subpágina.
  • Ocultar una página o subpágina. No se puede ocultar la página que se haya definido como principal.
  • Quitar la página del sitio web. No se puede quitar la página que se haya definido como principal.
add reorder nest pages
1.6

Configurar la navegación del sitio web

Si tu sitio web tiene más de una página, los visitantes pueden ir de una página a otra con el menú de navegación que se encuentra de forma predeterminada en la parte superior del sitio web. En la esquina superior derecha, haz clic en la página principal para ver el menú.

Puedes mover el menú de navegación al lado izquierdo, pero para cambiarlo de ubicación el sitio web debe tener al menos una página.

Seleccionar un modo de navegación:

  1. Coloca el cursor sobre el nombre del sitio web y haz clic en Configuración de la navegación settings.
  2. Selecciona un modo de navegación.
  3. Para ver el menú de la izquierda, haz clic en Menú menu.
  4. (Opcional) Para mover las páginas del menú de navegación, consulta el apartado Añadir, reorganizar y anidar páginas.
configurar la navegación del sitio web
2

Actualizar y personalizar tu sitio web

2.1

Añadir contenido a un sitio web

En la parte derecha, selecciona la página a la que quieras añadir contenido y elige una opción:

  1. Haz doble clic en la página donde quieres añadir contenido.
  2. O bien haz clic en Insertar y elige el contenido que quieres añadir.

Insertar contenido en sitios web

format_size

Añadir títulos y texto.

code

Añadir contenido directamente desde la Web, como música y vídeos.

image

Añadir fotos, diseños y otras imágenes.

drive

Insertar cualquier archivo (Desde Drive) o el contenido de una carpeta guardada en Drive. Los cambios que hagas en tus archivos de Drive se aplicarán automáticamente en Google Sites.

crop_7_5

Añadir botones que enlazan a otro contenido dentro del sitio web o a una URL externa.

maximize

Añadir una línea divisoria horizontal a una página.

video_youtube

Añadir vídeos de YouTube, como tráileres de productos o anuncios de tu empresa.

event

Añadir calendarios, como calendarios de equipo o de eventos.

location_on

Añadir mapas, como ubicaciones de oficinas, direcciones de eventos o mapas personalizados.

drive_document drive_presentation drive_spreadsheet drive_form drive_chart

Añadir cualquier archivo de Documentos, Presentaciones, Hojas de cálculo, Formularios o Gráficos al sitio web. El contenido que modifiques en el archivo original se actualizará automáticamente en el sitio web.

2.2

Editar texto

Para editar el texto o el título de una página, solo tienes que hacer clic en el cuadro y escribir. También puedes seleccionar otra opción en la barra de herramientas situada más arriba.

Opciones de edición:

Títulos y encabezados

Títulos y encabezados

Título arrow_drop_down

Seleccionar un encabezado predeterminado. Seleccionar Texto normal para ver más opciones de formato.

Títulos y encabezados

format_align_left

Cambiar la alineación del texto.

Títulos y encabezados

link

Insertar un enlace en el texto seleccionado.

Títulos y encabezados

delete

Eliminar un título o un cuadro de texto.

Títulos y encabezados

Texto normal

Títulos y encabezados

format_bold format_italic

Seleccionar texto y ponerlo en negrita o cursiva.

Títulos y encabezados

format_list_bulleted format_list_numbered

Añadir listas numeradas o con viñetas.

Títulos y encabezados

more_vert

Ver más opciones.

Títulos y encabezados

code

Utilizar el estilo de texto de código.

Títulos y encabezados

strikethrough_s

Seleccionar texto y tacharlo.

Títulos y encabezados

format_clear

Seleccionar el texto y quitarle el formato aplicado.

2.3

Editar secciones

Coloca el cursor sobre la sección que quieras editar.

  • Cambiar el fondo de cada sección: haz clic en Estilo palette y selecciona un estilo. También puedes seleccionar Imagen image para añadir una imagen de fondo.
  • Mover una sección: cuando insertas nuevo contenido, se añade a una sección nueva o ya creada. Para mover esa sección hacia arriba o hacia abajo, haz clic en Mover sección drag_indicator y arrástrala a la posición que quieras.
  • Duplicar una sección: haz clic en Duplicar sección content_copy. También puedes copiar y pegar una sección en otra página del sitio web.
  • Añadir un pie de página: desplázate al final de la página y haz clic en
    Añadir pie de página add_circle. El pie de página aparece en todas las páginas de tu sitio web. Para editarlo, coloca el cursor sobre él y haz clic en Editar create. Para ocultarlo en una página, coloca el cursor sobre él y haz clic en Ocultar el pie de esta página remove_red_eye.
2.4

Editar imágenes

Cambiar el tamaño de una imagen:
Selecciona la imagen y, a continuación, arrastra sus lados o esquinas. Mantén pulsada la tecla Mayús para conservar su proporción.

Mover una imagen:
Arrastra la imagen a otra parte de la sección o a una sección nueva. Puedes colocar la imagen en cualquier parte resaltada que veas.

Nota: Por el momento, no es posible colocar imágenes en cuadros de texto.

Recortar una imagen:

  1. Selecciona la imagen y, a continuación, Recortar crop.
  2. Para ampliar o reducir la imagen con el zoom, desliza el punto.
  3. Arrastra la imagen para cambiar la parte visible.
  4. Haz clic en Listo done.
  5. (Opcional) Para anular el recorte de una imagen, haz clic en Anular recorte crop_free.

Sustituir una imagen:

  1. Selecciona la imagen.
  2. Haz clic en Más more_vert > Sustituir imagen > Subir o Seleccionar imagen y elige una nueva imagen.

Añadir texto alternativo a una imagen:
El texto alternativo aparece cuando un usuario coloca el cursor sobre una imagen de tu sitio web.

  1. Selecciona la imagen y haz clic en Más more_vert > Añadir texto alternativo.
  2. Escribe una descripción y haz clic en Aplicar.
2.5

Añadir un logotipo

Los logotipos se muestran en la barra de navegación de la parte superior, junto al nombre del sitio web.

  1. Coloca el cursor sobre el encabezado, situado en la parte superior de la página, y haz clic en Añadir logotipo image.
  2. Haz clic en Subir file_upload o en Seleccionar image.
  3. Selecciona el logotipo y haz clic en Abrir o en Seleccionar.
  4. (Opcional) Para cambiar el color del encabezado de la página, debajo de Fondo, haz clic en la flecha hacia abajo arrow_drop_down y selecciona un color.
  5. (Opcional) Para seleccionar un color de tema basado en tu logotipo, en la ventana Editar logotipo, selecciona un color de tema.

Nota: Los archivos del logotipo pueden tener formato .jpg, .png o .gif. Para lograr un resultado óptimo, la altura del logotipo debe ser 112 px como mínimo.

2.6

Añadir contenido de otro sitio web

Puedes insertar:

  • Sitios web
  • Aplicaciones web que utilicen Google Apps Script o App Maker
  • Informes de Google Data Studio

En función del sitio web que añadas, quizá puedas personalizar cómo aparecerá en el tuyo. Algunos incluyen funciones de vista previa o una opción que permite ver cómo se actualiza el contenido de forma dinámica. Una vez que hayas añadido contenido, es posible que tengas que volver a iniciar sesión para ver los cambios.

Añadir contenido de otro sitio web:

  1. Abre tu sitio web y, en la parte derecha, haz clic en Insertar > Insertar.
  2. Elige una opción:
      • Desde URL: pega la URL (enlace) que quieres insertar. Selecciona Página entera o Vista previa y haz clic en Insertar.
      • Insertar código: pega o introduce el código HTML del sitio web que quieres insertar y haz clic en Siguiente > Insertar.

    Nota: Si no puedes añadir contenido ni obtener una vista previa, ponte en contacto con el propietario del sitio web.

move content
2.7

Mover y cambiar el tamaño del contenido

Todo lo que insertes se añadirá como un mosaico de contenido en la cuadrícula del diseño. Los mosaicos se ajustan a la cuadrícula para poder moverlos, alinearlos y editarlos fácilmente.

Mover contenido del sitio web:

  1. Coloca el cursor sobre el contenido que quieras mover hasta que aparezca el icono Mover open_with.
  2. Arrastra el contenido a una zona resaltada.

Cambiar el tamaño del contenido del sitio web:

  1. Selecciona el contenido que quieras cambiar de tamaño.
  2. Arrastra los círculos azules para cambiar el tamaño.

Agrupar objetos:

Puedes asociar los cuadros de texto y las imágenes en grupos verticales.

  1. Añade una foto y un cuadro de texto a una página del sitio web.
  2. Arrastra el cuadro de texto a la mitad superior o inferior del objeto hasta que aparezca una línea azul.
  3. Para cambiar el orden de los objetos agrupados, haz clic en el grupo que quieras cambiar.
  4. Haz clic en el objeto que quieres cambiar de posición y pulsa las teclas de flecha hacia arriba o hacia abajo del teclado.

Desagrupar objetos:

  1. Para desagrupar los cuadros de texto y las imágenes, haz clic en el grupo que quieras separar.
  2. Haz clic en el objeto que quieras quitar del grupo y arrástralo fuera de él.
3

Compartir y colaborar

En cualquier momento mientras trabajas en tu sitio web, podrás compartirlo con otras personas de tu organización y colaborar en su contenido.

En esta sección, aprenderás a:

3.1

Compartir y colaborar en Google Sites

  1. Elige una de estas opciones:

    • Para compartir un sitio web desde Google Sites, haz clic en Añadir personas person_add.
    • Para compartir un sitio web desde Drive, selecciona el archivo del sitio web en Drive y haz clic en Compartir person_add.
  2. Elegir las personas con quienes quieres compartir el sitio web:

    • Para definir permisos en tu organización: en Quién tiene acceso, haz clic en Cambiar, selecciona una opción para compartir y haz clic en Guardar. A continuación, puedes copiar y pegar un enlace al sitio web en un correo electrónico o en un mensaje de chat.
    • Para definir permisos para usuarios específicos: en el cuadro Invitar a personas, introduce los nombres o las direcciones de correo electrónico de los miembros de tu organización con los que quieres compartir tu sitio web y, a continuación, haz clic en Enviar > Listo.
  3. Cambiar los permisos de los usuarios:

    • Para dar permisos, haz clic en la flecha hacia abajo arrow_drop_down situada junto al nombre de la persona y selecciona un nivel de permiso.
    • Para eliminar permisos, haz clic en la flecha hacia abajo arrow_drop_down situada junto al nombre de la persona y, a continuación, en Eliminar close.
  4. (Opcional) Para impedir que los editores puedan publicar, cambiar el acceso al sitio web o añadir a más personas, haz clic en la casilla que se encuentra junto a Evitar que los editores publiquen el sitio web, cambien el acceso y añadan a nuevos usuarios. Haz clic en Guardar cambios > Listo.

Dejar de compartir un sitio web:

  1. Abre un sitio web y, en la parte superior, haz clic en Compartir person_add .
  2. En Quién tiene acceso, encuentra la persona que quieres eliminar.
  3. Junto al nombre de la persona, haz clic en Eliminar clear > Guardar cambios > Listo.

Compartir contenido
4

Ver cómo ha quedado un sitio web y publicarlo

Antes de publicar un nuevo sitio web, puedes ver cómo ha quedado. Cuando esté todo listo, podrás publicarlo de manera que solo puedan acceder a él personas de tu organización o todo el mundo.

En esta sección, aprenderás a:

4.1

Obtener una vista previa del sitio web

Si ves un sitio web en un dispositivo móvil, el contenido se ajusta automáticamente al tamaño de la pantalla. Puedes obtener una vista previa de cómo se muestra tu sitio web en diferentes dispositivos.

Obtener una vista previa del sitio web:

  1. Haz clic en Vista previa visibility.
  2. Para ver cómo se muestra tu sitio web en diferentes dispositivos, elige una opción:
    • Teléfono
    • Tablet
    • Pantalla grande
  3. Haz clic en Cerrar close para salir de la pantalla de vista previa.
obtener una vista previa del sitio web
4.2

Publicar el sitio web por primera vez

Cuando publiques tu sitio web por primera vez, añade su nombre a la URL para completarla. Solo puedes utilizar letras, números y guiones. El principio de la URL incluye el dominio de tu organización y no puede cambiarse. Puedes seguir editando tu sitio web después de publicarlo. Sin embargo, debes volver a publicarlo para que se vean los cambios que realizas.

Publicar un sitio web:

  1. Haz clic en PUBLICAR.
  2. Añade un nombre al final de la URL. Hay ciertos términos que no se pueden utilizar, como "support" o "admin". Si el nombre está disponible, verás una marca de verificación de color morado junto a él.
  3. Debajo de Quién puede ver mi sitio web, haz clic en Administrar.
  4. En la ventana Compartir con otros, elige una opción:
    • Borrador: si quieres que los usuarios de tu dominio o algunas personas concretas puedan editar el borrador de tu sitio web, haz clic en Cambiar.
    • Versión publicada: si quieres que los usuarios de tu dominio o algunas personas concretas puedan ver tu sitio web publicado, haz clic en Cambiar.
  5. Haz clic en PUBLICAR. Accede a la URL de tu sitio web para comprobar que se haya publicado correctamente.

Nota: Una vez que hayas publicado un sitio web, puedes hacer clic en Copiar el enlace insert_link > COPIAR ENLACE y, a continuación, pegar el enlace en un mensaje de chat o de correo electrónico para compartirlo con otras personas.

publicar el sitio web
4.3

Cambiar la URL del sitio web

Puedes modificar la URL del sitio web en cualquier momento. Sin embargo, si lo haces, los marcadores guardados de la URL antigua ya no enlazarán con el sitio.

Para modificar la URL del sitio web, sigue estos pasos:

  1. Junto a PUBLICAR, haz clic en la flecha hacia abajo arrow_drop_down > Configuración de publicación.
  2. Introduce una URL nueva.
  3. Haz clic en GUARDAR.
configuración de publicación
4.4

Anular la publicación del sitio web

Si quieres que el sitio web deje de estar disponible en la Web, puedes anular la publicación. Podrás seguir accediendo a él y actualizando su contenido, y también volver a publicarlo con la misma URL o una URL diferente en cualquier momento. Si alguien intenta visitar un sitio web cuya publicación hayas anulado, verá un mensaje de error.

Anular la publicación de tu sitio web:

Junto a PUBLICAR, haz clic en la flecha hacia abajo arrow_drop_down > Anular publicación.

anular la publicación del sitio web
4.5

Hacer búsquedas en un sitio web

Si un sitio web de Google Sites tiene más de una página publicada y necesitas localizar algo en concreto, puedes hacer búsquedas en la versión publicada.

  1. Ve a un sitio web de Google Sites y, en la parte superior derecha, haz clic en Buscar search.
  2. Introduce los términos de búsqueda y pulsa la tecla Intro.

Pasos siguientes

Probar ahora
Recibir más formación

Crear un sitio web de equipo, insertar archivos, añadir Google Analytics, etc.