¿Cómo crear un impresionante encabezado de tema Astra?

Los encabezados son vitales para cualquier contenido de su página web, ya que sirven no solo a los lectores sino también a los motores de búsqueda. Los encabezados impresionantes y bien escritos tienen el potencial de atraer lectores a su publicación y aumentar los clics. Los encabezados pueden variar de H1 a H6, según la jerarquía de su contenido. El título principal de su página o artículo es H1, mientras que H2 son los subtítulos que forman secciones en sus documentos. Los encabezados H3 a H6 proporcionan más subtítulos en su documento en H2. Antes de pasar a cómo el tema Astra puede ayudarlo a crear encabezados impresionantes en su contenido, consideremos la importancia de los encabezados.

Tabla de contenidos:

• ¿Por qué los encabezados son importantes para sus páginas web?
• 1. Identificación del tema
• 2. Accesibilidad
• 3. Optimización de motores de búsqueda
• 4. Hace que las páginas se puedan escanear
• 5. Usabilidad de dispositivos móviles
• ¿Cómo crear un encabezado impresionante con Astra Theme?
• Pros y contras del uso de Astra Theme para encabezados
• Ultimas palabras

¿Por qué los encabezados son importantes para sus páginas web?

Aquí es por qué debe asegurarse de incluir encabezados en su texto

1. Identificación del tema

Los encabezados desempeñan un papel esencial para que los motores de búsqueda y los lectores elijan las palabras clave que buscan en el artículo. El encabezado principal en el texto ayuda a identificar el tema del material, y los subtítulos guían al lector a su área de interés.

2. Accesibilidad

La gente de hoy usa principalmente lectores de pantalla para revisar cualquier contenido. Los encabezados de cualquier contenido son fácilmente captados por los lectores de pantalla y son esenciales para utilizarlos de manera efectiva. También permiten a los lectores saltar de un encabezado a otro para llegar al tema requerido.

3. Optimización de motores de búsqueda

Cuando los encabezados hacen que su tema sea identificable, los motores de búsqueda clasifican su página para consultas de búsqueda. Cuanto más redacte bien sus encabezados y llene las palabras clave apropiadas, más aumentarán su clasificación los motores de búsqueda.

Aquí hay una guía sobre el uso de las funciones gratuitas del tema Astra para crear encabezados impresionantes para sus páginas. Siga el procedimiento para hacer un encabezado de su elección.

4. Hace que las páginas se puedan escanear

Al usar encabezados, las páginas se pueden escanear lo más posible. Es de conocimiento común que nadie lee el artículo completo, especialmente línea por línea. Por eso es importante que las páginas tengan encabezados. De todos los encabezados, el encabezado más importante es el primer encabezado, ya que marca el tono de toda la publicación o página.

Luego viene el subtítulo, ya que divide el contenido en trozos que son mejores para el consumo. No solo eso, la estructura del artículo se muestra en los encabezados y subtítulos. En resumen, el conjunto correcto de encabezados significa que puede atraer a la audiencia con su contenido atractivo.

5. Usabilidad de dispositivos móviles

Con el tiempo, los dispositivos móviles se están volviendo más dominantes que nunca. No hay duda de que los sitios obtendrán más tráfico de dispositivos móviles que nunca. Por lo tanto, si pone bien su contenido, seguramente obtendrá espectadores tanto desde dispositivos móviles como desde computadoras de escritorio.

En resumen, los encabezados optimizan la página web no solo para los lectores sino también para los motores de búsqueda.

¿Cómo crear un encabezado impresionante con Astra Theme?

Lo primero es lo primero, para acceder al Creador de encabezados de Astra, inicie sesión en su panel de control de WordPress y, desde la barra lateral izquierda, vaya a Apariencia > Opciones de Astra > Creador de encabezados como se muestra en la imagen a continuación:

Haga clic en él y lo llevará a la sección Generador de encabezados en el personalizador de WordPress. La interfaz debería verse similar a la que tenemos aquí:

Como puede ver, el generador de encabezados está dividido en tres secciones verticales, una apilada encima de otra. Tiene el "encabezado principal" en el medio con un "encabezado arriba" en la parte superior y "debajo del encabezado" en la parte inferior.  

Cada encabezado tiene su propio conjunto de "configuraciones de encabezado", al que puede acceder haciendo clic en el icono de engranaje a la izquierda del encabezado.

Desde aquí, puede personalizar la altura del encabezado, el tamaño del borde, el fondo, el relleno y el margen.

Además, observe cómo cada encabezado se divide en tres secciones. Puede agregar y eliminar elementos de encabezado de estas secciones para que tengan más funciones. En el momento de escribir este tutorial, tiene acceso a 12 elementos de encabezado:

• Título y logotipo del sitio
• Menú Primaria
• Botón 1
• Botón 2 (pro)
• Buscar
• Cuenta
• HTML 1
• HTML 2
• Menú secundario
• Social
• Widget 1
• Widget 2
• Widget 3 (pro)
• Widget 4 (pro)
• Carro

Ahora, para agregar un nuevo elemento de encabezado, pase el mouse sobre esa sección y haga clic en el botón "+". Aparecerá una lista de elementos disponibles. Elija el que desea usar y se agregará a la sección de encabezado.

Del mismo modo, simplemente haga clic en el botón "x" al lado del elemento de encabezado para eliminar un elemento de encabezado.

También puede desplazarse por los elementos del encabezado entre las secciones del encabezado simplemente arrastrando y soltando.

Todos los elementos de encabezado que ha utilizado aparecerán en el menú del lado izquierdo, justo debajo de la pestaña General. Debajo de aquí, también encontrará la opción para cambiar el tipo de encabezado. Los usuarios gratuitos solo tienen la opción de "Encabezados transparentes". Sin embargo, si está utilizando Astra Pro, puede habilitar "Encabezados fijos".

Desde aquí, puede acceder a la configuración específica del elemento de encabezado.

Justo al lado de la pestaña General, tenemos la pestaña Diseño. A partir de aquí, obtiene algunas opciones de diseño básicas para cambiar el Ancho y el Margen del encabezado. Hay disponibles configuraciones más avanzadas para los usuarios de Astra Pro.

Astra Header Builder también le permite ajustar cómo se verá el encabezado del sitio en diferentes tamaños de pantalla, como computadoras de escritorio, dispositivos móviles o tabletas. Para elegir un tamaño de pantalla diferente y personalizarlo, use el selector de dispositivo en la esquina inferior izquierda de la pantalla.

Como puede ver, en una pantalla más pequeña, obtiene un área adicional llamada "Fuera del lienzo". Esto le permite ahorrar espacio en el encabezado y mover algunas de las cosas fuera de la pantalla que los visitantes pueden alternar cuando sea necesario.

Y eso resume nuestra guía rápida sobre cómo crear un encabezado usando el tema Astra. Una vez que haya terminado de agregar todos los elementos del encabezado y realizar los cambios de diseño necesarios, haga clic en el botón publicar y listo.  

Su encabezado Astra recién creado ahora está funcionando en su sitio web de WordPress.

Astra Header Builder: una descripción general rápida de las opciones disponibles

En el tutorial anterior, creamos un encabezado muy básico usando Astra Header Builder para darle una idea de cómo funciona la función. Sin embargo, hay toneladas de herramientas y opciones dentro de Astra Header Builder para ayudarlo a crear encabezados más complejos e impresionantes.

Aquí hay un vistazo rápido a las diversas opciones que tiene a su disposición:

Encabezado primario

El encabezado predeterminado en Astra es el encabezado principal. Mostrará un logotipo y también un menú de navegación que se puede personalizar con varias configuraciones de encabezado principal en Astra.

Simplemente instale Astra y vaya a la sección Encabezado para elegir la opción de encabezado principal y acceder a la personalización. Encabezado > Encabezado principal

Puede utilizar las siguientes configuraciones de personalización

Diseño

La configuración de diseño gestionará la posición del logotipo para su página. Hay tres posiciones diferentes disponibles en Astra para el logotipo

Logo izquierdo

El logotipo en esta configuración se mueve al lado izquierdo del menú de navegación. Es un estilo típico de posicionamiento de un logo.

Logotipo derecho

El logotipo en esta configuración se mueve al lado derecho del menú de navegación.

Logo del centro

El logotipo en esta configuración se mueve en el centro sobre el menú de navegación. Es una buena opción en el caso de un menú largo.

Anchura

La configuración de ancho administra el ancho del encabezado del texto. Puede personalizar el ancho de su encabezado como

Ancho completo

En configuraciones de ancho completo, su encabezado se extenderá desde ambos extremos y se ajustará al tamaño de la página de su navegador.

Ancho de contenido

En la configuración de ancho de contenido, el encabezado se ajusta de acuerdo con el ancho de contenedor establecido, y puede configurarlo seleccionando lo siguiente

Global> Contenedor> Ancho

Frontera

Al seleccionar el borde, puede agregar un borde debajo de su encabezado y personalizar su color y ancho.

Encabezado móvil

El menú de navegación, en dispositivos receptivos, se convierte en una hamburguesa. Por lo tanto, el encabezado principal en estos dispositivos solo mostrará el menú de hamburguesas y el logotipo. Puede personalizar el diseño del logotipo con respecto al menú en los widgets receptivos.

Apilar

En la opción de pila, el logotipo se moverá sobre el menú de hamburguesas. Optar por la pila puede resultar útil si tiene un gran logotipo.

En línea

En la opción en línea, el logotipo y el menú estarán alineados entre sí y pueden ser una buena opción en el caso de un logotipo pequeño.

Temas de color

Los encabezados principales se pueden presentar en varios colores utilizando el tema Astra. Los colores globales estarán disponibles de forma gratuita, pero debe utilizar el complemento plugin de Astra Pro para obtener funciones más avanzadas. Para usar colores globales en Astra, debe ir a la pestaña Apariencia, seleccionar personalizar, luego global y finalmente elegir la opción de colores. Apariencia> Personalizar> Global> Colores

Tipografía

La configuración de tipografía para la página o el sitio se aplica automáticamente al encabezado principal con Astra Theme. Puede seleccionar y personalizar la configuración de tipografía yendo a la pestaña Apariencia, en global.  

Apariencia> Personalizar> Global> Tipografía

Encabezado Transparente

Los encabezados transparentes son una manera fácil de crear encabezados hermosos y atractivos para su página. El fondo del encabezado principal se establecerá en transparente y arrastrará el contenido de la página a la parte superior. El contenido de la página y el encabezado principal se fusionarán, lo que significa que la parte superior del contenido se convertirá en un fondo del encabezado transparente. Por ejemplo, si la imagen está en la sección superior de la página, se convertirá en un fondo para el encabezado transparente.

¿Cómo agregar un encabezado transparente?

El encabezado transparente se formula en dos pasos rápidos para que su página sea atractiva 

Paso 1

Puede encontrar la opción de encabezado transparente debajo del personalizador y luego puede editarlo

Apariencia> Personalizar> Encabezado> Encabezado transparente

Paso 2

Debajo de las opciones de encabezado transparente, puede habilitarlo para todo el sitio web, elegir el borde en la parte inferior, los esquemas de color y el diseño del logotipo

Habilitación en el sitio web completo

Si desea la configuración de encabezado transparente para todo el sitio web, puede habilitar esta opción marcando la casilla de verificación. Si marca la casilla de verificación, todavía hay algunas reglas de exclusión que puede habilitar para publicaciones o páginas específicas. Puede deshabilitar la opción de encabezado transparente para las siguientes páginas

Desactivar en Archivos, Búsqueda y 404

La configuración del encabezado transparente se puede desactivar en estas páginas especiales marcando la casilla de verificación.

Deshabilitar en la página de índice del blog

La página principal de su blog se convierte en la página de índice del blog si cambia la configuración desde su página de inicio. Para crear una página de índice de blog, puede ir a la configuración de la página de inicio y, en la pestaña "Pantalla de su página de inicio", elija "Sus últimas publicaciones".

La pantalla de su página de inicio> Sus últimas publicaciones

Si desea deshabilitar la configuración del encabezado transparente en esta página de índice de blog, puede marcar la casilla de verificación para esto.

Deshabilitar en páginas

Si desea deshabilitar la opción del encabezado transparente en todas las páginas, marque la casilla de verificación.

Deshabilitar en publicaciones

Si desea deshabilitar la opción del encabezado transparente en todas las publicaciones, marque la casilla de verificación.

Colores y fondo

Puede personalizar la configuración de fondo y color de su encabezado transparente con las siguientes opciones disponibles

• Antecedentes
• Título del sitio
• Menú
• Submenú
• Contenido

Pros y contras del uso de Astra Theme para encabezados

Pros

• La oportunidad para el encabezado transparente está disponible
• Los encabezados de ancho completo y ancho de contenido están disponibles 
• La personalización de color y tipografía está disponible

Contras

• La opción de encabezado fijo no está disponible
• Las funciones de color avanzadas no están disponibles.

Ultimas palabras

Astra es uno de los mejores temas que existen. Y, si lo está utilizando, entonces está en el camino correcto para mantener su sitio.

El tema gratuito de Astra te permite diseñar hermosos y atractivos encabezados para tu página web. La opción y la personalización de un encabezado transparente también están disponibles, lo que puede mejorar la experiencia del espectador. En general, muchas opciones de personalización de encabezados en el tema Astra le permiten crear un encabezado impresionante.