Tutorial de Google Sites desde Cero

Tutorial de Google Sites 2020 desde cero

¡Bienvenido al mundo de la creación de sitios web! Si estás leyendo esto, es probable que estés buscando una forma sencilla y efectiva de crear una página web o un blog para tu negocio o proyecto. Y estás en el lugar correcto, porque en este post te enseñaré todo lo que necesitas saber sobre cómo hacerlo con Google Sites.

Índice de contenidos:

¿Qué es y para qué sirve Google Sites?

Google Sites es una aplicación web que forma parte del paquete Google Workspace. Te permite crear un sitio web tú mismo sin necesidad de recurrir a un diseñador web, un programador o alguien del departamento de TI de tu empresa.

Creación de sitios Web:


Te interesa: 7 ejemplos de paginas webs hechas con Google Sites 


Usos y ventajas:

Características principales:

Cómo crear un sitio web con Google Sites

Podemos acceder a la plataforma desde dos formas, yo prefiero la primera por el orden, pero es lo mismo:

crear nueva página web con google sites

Página principal de Google Sites

Elección de plantilla 

Elige una plantilla predefinida o una en blanco para diseñar a tu gusto.

Plantillas predefinidas:

Título de la web

 En la parte superior izquierda, junto a la rueda dentada, ponemos el nombre o título de nuestra web.

Como verás, también puedes añadir un logotipo o imagen de marca.

CONSEJO: Es importante que las imágenes que utilices en tu web, las tengas en una carpeta de Drive y en modo público, para que los usuarios puedan verlas, también para no ocupar espacio en Sites.


Estructura y páginas de la web

Sin duda esta es una de las partes más importantes de tu proyecto.

 Estructurar bien como vas a organizar tu contenido y que apartados o páginas vas a crear para que resulte atractivo de cara al usuario.

En la parte derecha de tu site, encontrarás un panel dividido en tres secciones:

Nos vamos a centrar en "Páginas".

Poniendo el cursor sobre el signo + saldrán dos opciones:

Si empezamos de cero, esta podría ser una estructura tipo:

Otras páginas imprescindibles:

Páginas según el tipo de proyecto:

Una vez pensada y creada la estructura de la web ahora toca maquetar y generar contenido.

Última actualización sobre cómo crear secciones en el menú, en vez de crear páginas.

Opciones de edición y maquetación en Google Sites

En el panel situado a la derecha tenemos tres opciones en la parte superior:

Nos vamos a centrar en "Insertar". Aquí encontraremos todos lo necesario para maquetar la home y nuestros artículos.

Entre las opciones encontramos:

Por supuesto está integrado con todas las aplicaciones de G Suite lo que hace mucho más fácil acceder a todo lo necesario para crear tu web.

maquetacion-imagen-texto-google-sites

Ejemplo de maquetación de imagen + texto

Configuración de Google Sites

En la parte superior de nuestro sitio en modo edición, encontraremos una rueda dentada. Esta sirve para configurar algunos aspectos de la web que estamos creando 

Configuración de Google Sites

Configuración

En el menú de configuración encontramos 5 opciones:

Navegación

Moda: Aquí podremos elegir donde queremos situar la barra con el menú de páginas

Color:

Imágenes de marca

Logotipo: puedes subir el logotipo de tu empresa o proyecto creado por tí. Dependiendo de los colores del logotipo, el mismo site te dará la opción de utilizarlos en toda la web, como colores de marca.

Icono de la página: aquí añade el icono que saldrá en el navegador al lado de la dirección de tu web.

Herramientas del lector

Icono de información: el lector puede pinchar sobre este icono y encontrará dos opciones.

Enlaces ancla: enlaces a los títulos de la web, para un fácil acceso


Análisis

Puedes vincular tu sitio web a una cuenta de Google Analytics , para medir resultados y evolución de tu proyecto digital.

Banner de anuncio

Con esta función puedes resaltar en la parte superior de la web, un anuncio o contenido especial.

Puedes configurar el color, el enlace y el botón de llamada a la acción.

Seo en Google Sites

El SEO es importante en cualquier proyecto, pero tampoco hay que volverse locos. 

Google Sites tienes cosas básicas para optimizar tu proyecto de forma eficaz. Ten en cuenta que al fin y al cabo, lo que importa es que tu contenido sea atractivo para el usuario.

Etiquetas Html

Empezaremos por el título de la web, sin duda es una de la decisiones más difíciles a la hora de empezar un proyecto. Aquí hay opiniones para todo. Hay quien dice que es esencial utilizar las palabras clave de tu proyecto en el título y otros utilizan su nombre al tratarse de un proyecto personal. Ahí la decisión recae en tí.

Nota: En todas las páginas que creas en Google Sites tienes encabezados, donde los títulos se insertan con el elemento html H1. También puedes indicarlo tú, dándole el formato deseado.

De este modo puedes indicar otros atributos:

También personalizar estilos y apariencia de los textos para resaltar fragmentos del mismo.

SEO en imágenes

Cada vez que insertas una imagen en tu web de Google Sites, tienes que prepararlas para el SEO.

Pinchamos sobre los tres puntitos

Pinchamos en añadir texto alternativo

Otras recomendaciones para mejorar el SEO de tu blog:

FAQS o preguntas frecuentes