El título que ves arriba es un título de primer nivel (H1). Sólo debe haber un título de este tipo por cada página (entrada). Esto se debe a que se trata de el título que identifica todo el contenido de la página y de lo que trata. Google (y los demás buscadores) leen este título y lo entienden como el más importante de toda la página que se está visualizando. Es por esto que se trata del elemento más importante cuando estamos trabajando el SEO (Search Engine Optimization), que es el arte de optimizar nuestra página para que aparezca y posicione mejor en los buscadores (como es el caso de Google).
Por lo tanto cuando escribas una entrada para el blog y añadas un encabezado, nunca lo marques como un título de tipo H1, pues ya hay uno que es el título principal de la entrada y no puede ser de otro tipo que H1.
Título de segundo nivel (H2)
Este de aquí encima es un título de segundo nivel (H2), que es el título con más importancia después del H1. Puedes interpretarlo como un subtítulo que hace referencia al contenido del H1. Teniendo en cuenta que se trata de un título también importante a la hora de posicionar en Google, hay que seleccionar con cuidado las palabras que usamos en él. Podemos usar más de un título de tipo H2, a diferencia del H1 (que sólo puede haber uno),
A continuación introduzco un bloque de imagen, en el que podré seleccionar qué imagen de la galería de medios quiero mostrar, o incluso subirla para entonces usarla, si no la habíamos subido previamente a la web.
Es recomendable rellenar el campo de texto alternativo en el panel de la derecha cuando tenemos seleccionado el bloque de imagen. Este texto se muestra cuando la imagen no puede cargar, sea por la razón que sea, y también mejora la accesibilidad, permitiendo a personas invidentes que utilizan programas que convierten el texto a voz hacerse una idea del contenido de la imagen. El hecho de rellenar el texto alternativo está bien valorado por Google a la hora de posicionar la web.
Te acabo de mostrar cómo añadir imágenes a tu entrada usando los bloques de imagen, sin embargo habrá ocasiones en que quieras añadir algo que no sea un título, un párrafo o una imagen. Arriba a la izquierda (durante la edición de la entrada) tienes un botón azul con un símbolo “+”. Si pulsas ahí verás otros bloques que tienes disponibles, como por ejemplo para añadir una cita, insertar un vídeo de YouTube o añadir un botón, entre muchas otras cosas. Los irás aprendiendo a usar a medida que los necesites.
Llegamos a los títulos de tercer nivel (H3)
Seguro que ya vas pillando cómo funciona la cosa. Es como si fuera un índice de contenidos, en el que algunos puntos tendrán subapartados. Se trata de una estructura jerárquica. La única diferencia aquí, es que no es obligatorio seguir el orden, es decir, puedes poner un H3 después de un H1, sin necesidad de que exista un H2. Un título no incluye otros títulos dentro, por lo que no tienes que preocuparte de esto. Simplemente utiliza la lógica para determinar de qué nivel debería ser cada título que utilizes.
En total existen 6 niveles para los títulos (encabezados). De paso te muestro cómo es un bloque de lista. Por favor, no trates de crear listas usando un bloque de párrafo, que para eso existe el bloque de lista:
- H1
- H2
- H3
- H4
- H5
- H6
La H significa Heading (encabezado, traducido del inglés), y el número indica el nivel del mismo. Como te he comentado antes, siempre debemos tener un H1 (¡pero solo uno!) por cada página. Iremos usando los siguientes niveles para organizar nuestro contenido en diferentes secciones de mayor o menor importancia.
Lo más probable es que no llegues nunca a niveles inferiores al H3 o H4, pero sí, disponemos también de H5 y H6 por si los llegaras a necesitar.
Esto es un H4
Y esto es un H5
Finalmente tenemos el H6
Son cada vez más pequeños, ¿eh? Es también por esto que el H5 y H6 rara vez se llegan a usar, ya que no destacan respecto al texto normal de los párrafos.
Quiero que entiendas lo que te cuento a continuación
Por favor, no apliques negritas, cursivas, colores ni ninguna otra modificación visual a tus títulos. Tampoco cambies el tamaño de la fuente para el texto de los párrafos. El estilo visual de estos elementos viene definido por la identidad visual de tu marca, y antes de que empieces a utilizar la web yo ya los he configurado por ti para que sean consistentes, ayudando a los usuarios a navegar y consumir la información de tu sitio web. Si los cambias, perdemos esta consistencia que es tan importante.
Un último detalle: en el panel derecho durante la edición encontrarás una sección llamada Extracto. En este campo es donde debes escribir una descripción corta acerca de lo que tratas en tu entrada. Este texto se mostrará en tu página de blog para cada entrada y en los resultados de búsqueda en la web, para que los visitantes puedan saber de si les interesa leer tu entrada, o igual prefieren leer otra de las que dispones.
