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

Crear 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 sencillo, ya que tan solo tienes que arrastrar el contenido donde lo necesites. Crea un destino único para toda la información importante, incluidos vídeos, imágenes, calendarios, presentaciones, documentos, carpetas y texto. A continuación, compártelo de forma rápida y segura con toda una organización o con todo el mundo.

Qué necesitas:

account_circle Una cuenta de G Suite

schedule 10 minutos

Nota: Puedes ver la versión nueva de Google Sites en la mayoría de los navegadores de ordenadores y dispositivos móviles. Sin embargo, por el momento solo podrás editar el contenido de la versión nueva de Google Sites en un ordenador que tenga un navegador Chrome o Mozilla® Firefox®.

Ninguno
1.1

Crear tu sitio web

Elige una de estas opciones:

Nota: Todos los archivos de Google Sites se almacenan 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

Asignar un nombre al sitio web

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

Para asignar un nombre a las diferentes partes del sitio web, sigue estos pasos:

  1. Nombre del documento del sitio web: dale un nombre exclusivo para poder realizar un seguimiento de tu sitio web. Solo tú puedes ver el nombre del documento del sitio web.
  2. Nombre del sitio web: el nombre del sitio web aparece en la cabecera y en el encabezado de título de la ventana web o móvil tras haber publicado el sitio web. El sitio web debe disponer de dos páginas como mínimo para que aparezca el nombre.
  3. Título de la página: cada página del sitio web tiene un título, que aparece en la parte superior de la página. El título de la página también aparece en el menú de navegación.
asignar un nombre al sitio web
1.3

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, así como cambiar el tema en cualquier momento una vez que hayas creado el sitio web. Si necesitas realizar un 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. Selecciona una imagen de la Galería o elige otra imagen para subirla.
    4. Haz clic en Seleccionar.
    5. (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 encabezadoencabezado de Google Sites.
    2. Elige una de estas opciones:
      • Banner grande
      • Banner
      • Solo título
  3. Para cambiar el tema y el estilo de fuente, sigue estos pasos:
    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 elige una opción.
seleccionar fondo y tema
1.4

Añadir, reorganizar y anidar páginas

Añade páginas para disponer de 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 > Añadir página añadir página de Google Sites.
  2. Asigna un nombre a la página y haz clic en Completado.
2 Reorganizar o anidar páginas
  1. Haz clic en Páginas.
  2. Arrastra una página hacia arriba o hacia abajo de la lista para cambiarla de orden.
  3. Arrastra una página y suéltala encima de otra página 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 un nivel, y no se puede anidar la página que se haya definido como página 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 para hacer lo siguiente:

  • Establecerla como página principal.
  • Duplicar la página.
  • Cambiar el nombre de la página.
  • Crear una subpágina.
  • Eliminar la página del sitio web. No se puede eliminar la página establecida como página principal.
  • Ocultar una página o subpágina. No se puede ocultar la página establecida como página principal.
añadir, reorganizar y anidar páginas
1.5

Configurar la navegación del sitio web

Para ir de una página a otra, los visitantes de tu sitio web utilizan 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 si quieres, pero para cambiarlo de ubicación debe haber al menos una página en el sitio web.

Cambiar la ubicación del menú 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. Elige dónde quieres colocar el menú de navegación.
  3. Para mover el menú a la izquierda, haz clic en Menú menu.
  4. (Opcional) Para cambiar de lugar las páginas en el menú de navegación, consulta Añadir, reorganizar y anidar páginas.
configurar la navegación del sitio web
2

Actualizar y personalizar tu sitio web

A continuación, explicamos cómo personalizar el sitio web con imágenes y contenido interactivo.

En esta sección, descubrirás cómo:

2.1

Añadir contenido

  1. A la derecha, selecciona la página en la que quieras añadir contenido.
  2. Haz clic en Insertar o haz doble clic en la página donde quieras añadir contenido.
  3. Elige el contenido que quieras añadir:
    1. Cuadro de texto: añade títulos y texto.
    2. Insertar URL: añade fotos, diseños y otras imágenes.
    3. Imágenes: añade contenido directamente desde la Web, como música y vídeos.
    4. Subir: sube fotos, vídeos, PDF u otros documentos desde tu dispositivo.
    5. Componentes: añade una línea divisoria horizontal a la página.
    6. Google Drive: inserta cualquier archivo o el contenido de una carpeta que tengas en Drive. Si haces cambios en tus archivos de Drive, estos cambios se muestran automáticamente en Google Sites.
    7. Inserciones de Google: añade vídeos de YouTube (como anuncios de productos o de empresas), calendarios (como calendarios de equipo o de eventos) y mapas (como ubicaciones de empresas, direcciones de eventos o mapas personalizados).
    8. Documentos de Google: añade a tu sitio web cualquier archivo desde Documentos, Presentaciones, Hojas de Cálculo, Formularios o Gráficos. Cualquier contenido que modifiques en el archivo de origen se actualizará automáticamente en tu sitio web.
  4. Haz doble clic en la página para añadir contenido.
insertar contenido al sitio web
2.2

Editar texto y páginas

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ítulo arrow_drop_down

Seleccionar un encabezado predeterminado y, a continuación, Texto normal para ver más opciones de formato.

format_align_left

Cambiar la alineación del texto.

link

Insertar un enlace para el texto seleccionado

Texto normal

format_bold format_italic

Seleccionar texto y añadir formatos de negrita o cursiva.

format_list_bulleted format_list_numbered

Añadir listas numeradas o con viñetas.

more_vert

Ir a más opciones.

code

Utilizar el estilo de texto Code.

strikethrough_s

Seleccionar y tachar el texto.

format_clear

Seleccionar el texto y quitar todos los formatos.

Editar secciones:
Coloca el cursor sobre una sección para modificarla.

  • Para cambiar el fondo de cada sección: haz clic en Estilo palette y selecciona una de las opciones. También puedes seleccionar Imagen image para añadir una imagen de fondo.
  • Para mover una sección: cuando insertas contenido nuevo, este se añade a una sección nueva o actual. Para mover esa sección hacia arriba o hacia abajo, haz clic en Mover sección mover sección en Google Sites y arrástrala a la posición que quieras.
  • Para 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.
2.3

Editar imágenes

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

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

Nota: Actualmente no se pueden 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 Finalizar edición done.
  5. (Opcional) Para deshacer 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 > Seleccionar una imagen.
  3. Elige otro archivo de imagen y haz clic en Seleccionar.

Añadir texto alternativo a una imagen:
El texto alternativo aparece cuando alguien 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. Introduce una descripción y haz clic en Aplicar.

Añadir un logotipo:
Los logotipos se muestran en la parte superior de la barra de navegación, junto al nombre del sitio web.

  1. Coloca el cursor en la parte superior del encabezado de la página y haz clic en Añadir logotipo image.
  2. Haz clic en Subir file_upload o en Seleccionar imágenes 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, en Fondo, haz clic en la flecha hacia abajo arrow_drop_down y selecciona un color.
  5. (Opcional) Para seleccionar un color para el tema basado en el logotipo utilizado, en la ventana Editar logotipo, elige el color que quieras usar en el tema.

Nota: El formato de los archivos de logotipo puede ser .jpg, .png o .gif. Para lograr los mejores resultados, la altura del logotipo debería ser 112 px como mínimo.

editar imágenes
2.4

Añadir contenido de otro sitio web

Puedes insertar lo siguiente:

  • 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á puedes personalizar cómo se muestra en el tuyo. Algunos incluyen funciones de vista previa o para 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, a la derecha, haz clic en Insertar > Insertar URL.
  2. Escribe o pega la URL que quieras insertar.
  3. Selecciona Página entera o Vista previa y haz clic en Insertar.
Nota: Si no puedes añadir contenido ni obtener ninguna vista previa de él, ponte en contacto con el propietario del sitio web.
mover contenido
2.5

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 veas Mover open_with.
  2. Arrastra el contenido a una zona resaltada.

Para cambiar el tamaño del contenido del sitio web, sigue estos pasos:

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

Agrupar y desagrupar 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 desagrupar los cuadros de texto y las imágenes, haz clic en el grupo que quieras separar.
  4. Haz clic en el objeto que quieras quitar del grupo y arrástralo lejos de él.
  5. Para cambiar el orden de los objetos agrupados, haz clic en el grupo que quieras modificar.
  6. Haz clic en el objeto que te interesa cambiar de posición y pulsa las teclas hacia arriba o hacia abajo del teclado.
Ninguno
3

Compartir y colaborar

Ahora que ya has personalizado tu sitio web, compártelo con miembros de tu organización para que puedan colaborar en el contenido.

En esta sección, descubrirás cómo:

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 editores person_add.
    • Para compartir un sitio desde Drive, selecciona el archivo del sitio web en esta aplicación y haz clic en Compartir person_add.
  2. Elegir las personas con quien compartir el sitio web:

    • Para establecer permisos en tu organización: en Quién puede editar, 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 establecer permisos para personas concretas: 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 > Hecho.
  3. Cambiar los permisos:

    • Para dar permisos, haz clic en la flecha hacia abajo arrow_drop_down que se encuentra junto al nombre de una persona y selecciona un nivel de permiso.
    • Para retirar permisos, haz clic en la flecha hacia abajo arrow_drop_down situada junto al nombre de una persona y, a continuación, en Retirar close.
  4. (Opcional) Para prohibir que los editores publiquen, cambien el acceso al sitio web o añadan a más personas, haz clic en el cuadro que se encuentra junto a Evitar que los editores cambien el acceso y añadan a nuevos usuarios.

    • Haz clic en Guardar cambios > Ok.

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.

compartir contenido
4

Obtener una vista previa y publicar tu sitio web

Puedes obtener una vista previa del nuevo sitio web antes de publicarlo. 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, descubrirás cómo:

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.

Para publicar el sitio web por primera vez, sigue estos pasos:

  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 "ayuda" o "administración".
  3. En Quién puede visitar mi sitio web, selecciona quién puede verlo:
    • Cualquier usuario de tu dominio
    • Cualquier usuario de la Web
  4. (Opcional) Si seleccionas Cualquier usuario de la Web, pero no quieres que tu sitio web esté disponible en las búsquedas públicas, marca la casilla Solicitar a los motores de búsqueda públicos que no muestren mi sitio web.
  5. Nota: Con esta opción no se garantiza que el sitio web no se muestre en los motores de búsqueda públicos, solamente se solicita que estos no lo indexen automáticamente.

  6. Haz clic en PUBLICAR. Accede a la URL de tu sitio web para comprobar que se haya publicado correctamente.

Cambiar quién puede ver el sitio web publicado:

  1. Junto a PUBLICAR, haz clic en la flecha hacia abajo arrow_drop_down > Configuración de publicación.
  2. En Quién puede visitar mi sitio web, selecciona quién puede verlo:
    • Cualquier usuario de tu dominio
    • Cualquier usuario de la Web
  3. Haz clic en GUARDAR.

Nota: 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 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

Pasos siguientes

Probar ahora
Recibir más formación

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