Menú
Está libre
registro
hogar  /  Internet/ Elaboramos el h1 correcto y la estructura de los subtítulos. Cómo utilizar correctamente los encabezados H1 y H2 al optimizar la etiqueta de encabezado de copia h1 h2 h3 div

Recopilación de la estructura correcta de h1 y subtítulos. Cómo utilizar correctamente los encabezados H1 y H2 al optimizar la etiqueta de encabezado de copia h1 h2 h3 div

Tiempo de lectura: 6 minutos.

Buenas tardes queridos visitantes.

Hoy habrá un artículo sobre el tema de los títulos H1-H6 del sitio.

Seguramente todo el mundo ya sabe qué tipo de encabezados son, pero estoy seguro de que no todo el mundo conoce los puntos sutiles en su uso y no adivina que su uso en las páginas del recurso persigue solo 2 tareas.

Objetivos y ejemplos de uso

El propósito principal de los títulos de las etiquetas H1-H6 es diseñar y estructurar el contenido de las páginas de recursos para que sea más legible y fácil de usar por los visitantes del sitio. No debemos perseguir otros objetivos de estas etiquetas.

Además de su simple uso como elementos de estructuración de contenidos y su diseño, los visitantes suelen utilizar estas etiquetas para dar el diseño necesario a frases individuales o incluso a frases completas. Resulta que la etiqueta H6 (por ejemplo) tiene un diseño en negrita y en lugar de resaltar una línea en el texto con una etiqueta , lo envuelven en una etiqueta H6. Esto es fundamentalmente incorrecto.

Los encabezados de estas etiquetas solo deben usarse para dividir el texto en partes lógicas. Sin resaltar oraciones completas y frases individuales.

Además, los encabezados H1-H6 son jerárquicos, lo que los hace diferentes en diseño, al menos en tamaño de fuente. Cada nivel inferior debería ser menos notorio que el superior.

La imagen muestra el diseño correcto de los encabezados en estas etiquetas cuando el tamaño de fuente desciende de nivel superior al más bajo. Si tiene una situación diferente a esta, entonces debería consultar los estilos de diseño de su sitio y editarlos correctamente.

Pero aquí hay una cosa: asegúrese de que los títulos del nivel inferior (más cercanos a H6) sean similares a los títulos y no se fusionen con el texto normal. Deben verse como titulares, no solo en negrita.

Con base en este diseño, podemos entender que los encabezados deben mantener su jerarquía cuando se utilizan como un elemento de estructuración del texto. No puede ser que primero esté el primer rumbo H1, y luego inmediatamente H5 o H6. Después del primer nivel, es lógico y correcto usar solo el encabezado en la etiqueta H2. Esto es importante, tanto desde el punto de vista del diseño del material en sí, como desde el punto de vista del mantenimiento de la estructura correcta.

Los motores de búsqueda ahora están prestando atención a estas etiquetas. Pero no como elementos SEO, sino como elementos estructurantes. Por lo tanto, será extraño si hay H1 y luego inmediatamente H6.

Al usar estas etiquetas, nos aseguramos de adherirnos a la estructura. Si bajamos un nivel, entonces no saltar de nivel. La estructura debe ser la siguiente: H1-H2-H3-H4-H5-H6.

Cabe decir que el uso de un título de nivel H1 en estos casos no será apropiado, ya que debe usarse una sola vez en la página y debe contener el título del material. Por tanto, no es necesario utilizarlo en el texto.

Ahora cubriré los conceptos básicos del uso del encabezado H1, pero antes de eso daré un par de consejos generales que son válidos para todos los niveles de encabezado.

  • No termine con un punto;
  • Mantenemos una jerarquía en uso;
  • Sin propósito para colocar palabras clave;
  • Se dan incluso en artículos muy breves, ya que cualquier texto se puede dividir en partes lógicas;
  • En el título, escribe una breve esencia del siguiente texto, y no algo "si tan solo fuera".

Conceptos básicos del uso del H1

Las reglas anteriores también son relevantes, pero además de ellas, también hay títulos obligatorios para este nivel.

  • H1 siempre una vez en cada página;
  • Animamos al usuario a leer el material, por lo que tiene sentido utilizar palabras tenaces (por ejemplo, secretos, las mejores fichas, etc.);
  • Lo diferenciamos de la etiqueta de título, que muestra el título de la página en los resultados de búsqueda y fomenta la transición a la página del sitio desde la búsqueda. Debería ser un poco diferente, pero definitivamente debería dejar en claro que el contexto del material en la página no ha cambiado;
  • Usamos la palabra clave del artículo, pero en forma diluida y no en la ocurrencia exacta;
  • No se recomienda el uso de signos de puntuación.

Uso práctico

Anteriormente escribí que H1 se usa solo 1 vez en la página y debe integrarse automáticamente en el diseño de la plantilla del sitio y también se insertará automáticamente en el encabezado. Mira este momento. Analice los títulos de sus artículos y vea si están incluidos en H1. Si este no es el caso, edite su plantilla.

Una situación común cuando en lugar de H1 es H2. Esto no es un gran error, pero es mejor no permitirlo.

Si estamos hablando de usar el resto de los niveles de encabezado H2-H6, entonces ya deberían usarse en modo manual.

Habiendo utilizado algunos CMS para crear un sitio web, estos encabezados se agregan a los artículos con mucha facilidad. Por ejemplo, en WordPress, la barra de formato en el editor de páginas siempre tiene un elemento de encabezados, donde se puede seleccionar el nivel deseado, habiendo seleccionado previamente el texto deseado, el cual debe estar encerrado en el encabezado.

Lo mismo ocurre con todos los motores. Si usa el diseño HTML del sitio y necesita agregar etiquetas manualmente, entonces no habrá dificultades aquí. Uno solo tiene que encerrar las partes necesarias del texto entre las etiquetas de apertura y cierre con los niveles requeridos. Consulte los ejemplos a continuación.

Título de segundo nivel

Título de tercer nivel

Título del cuarto nivel

Título del quinto nivel
Título del sexto nivel

En cuanto a los estilos para cada nivel, vale la pena agregar reglas a cada nivel en el archivo de estilo.

H1 (estilos aquí) h2 (estilos aquí) h3 (estilos aquí) h4 (estilos aquí) h5 (estilos aquí) h6 (estilos aquí)

Observe que no hay puntos ni líneas de control delante del nombre del nivel de encabezado en los estilos. Dentro de los corchetes, indicamos los estilos en sí: tipo de fuente, tamaño, color, fondo, etc.

Diseño de encabezado H1-H6

Si hace de sus titulares un diseño único y llamativo, los visitantes solo se lo agradecerán y el diseño del contenido estará al más alto nivel. Los títulos simples con tamaños de letra grandes y texto en negrita son ahora cosa del pasado.

Se está poniendo de moda el diseño simple, pero al mismo tiempo, de títulos con la ayuda de varias selecciones con líneas, el subrayado con la ayuda de un fondo, etc.

Una vez di ya algunos ejemplos de tales diseños. Incluso si toma mi blog, el encabezado principal en H1 no es solo una fuente grande sobre un fondo blanco con el resto del texto. Está separado por un marco gris en el fondo general del sitio, lo que lo hace más visible y llama la atención.

Déjame darte 2 ejemplos más de títulos con estilo en H1.

Como puede ver, este no es solo un tipo en negrita, sino un hermoso fondo con una superficie inferior ondulada y una parte superior acentuada.

También puedes mirar un diseño interesante en esta página por ti mismo.

En cuanto a los títulos H2-H6, no solo se pueden decorar con algún tipo de fondo, sino que se pueden numerar (si utiliza el contenido al principio de la página) en el formulario hermosas fotos... Nuevamente, estos no deberían ser números simples. Aquí buen ejemplo tal idea.

Cuando sepa lo que no sabe, y mucho menos lo que hace, puede revisar los principales errores al usar títulos de todos los niveles en su sitio.

Errores de uso

Ya podría pensar en todos los errores usted mismo, después de haber estudiado todo el material anterior, pero hay algunos matices. Enumeraré todo lo que pueda aplicarse específicamente a usted y lo que debe corregirse de inmediato.

  • Más de un H1 por página. No está bien. Solo una vez por documento;
  • El uso de etiquetas H1-H6 para el diseño de elementos adicionales del sitio. Al principio, escribí que el propósito de estos documentos es el diseño y la estructuración de contenido. Por lo tanto, solo deben usarse en el contenido. La mayoría de las plantillas de sitios contienen estas etiquetas en las columnas laterales para diseñar sus títulos, etc. Esto se expresa claramente en Plantillas de WordPress, cuando el nombre de cada widget en la barra lateral está incluido en H3 u otras etiquetas. Si tal situación existe, reemplace las etiquetas de encabezado en los elementos de servicio del sitio con otras, por ejemplo, con la etiqueta "span";
  • Introducimos especialmente palabras clave. Anteriormente, se creía que al ingresar palabras clave en entrada directa en los encabezados de todos los niveles, se puede aumentar su densidad y la posición de dicha página será más alta. Pero ahora ya es "punible por la ley" los motores de búsqueda y se imponen sanciones por spam de encabezado. Además, estas etiquetas se clasifican según otros algoritmos. Conclusión: no hay ningún propósito para ingresar palabras clave;
  • Uso frecuente de puntos y signos de puntuación. Los puntos en los titulares no deben usarse en absoluto, ya que esto es incorrecto desde el punto de vista de la redacción y reglas generales formato de texto. También intentamos minimizar el número de signos de puntuación para aumentar la legibilidad de los títulos. Esto también incluye una gran cantidad de palabras; no haga titulares demasiado largos;
  • La estructura no se sigue desde el punto de vista de la jerarquía. Intente seguir una cadena lógica al construir la jerarquía de etiquetas H2-H6 en cada página;
  • Usar etiquetas H1-H6 para diseñar otros elementos de texto, no el título. Esto es lo que dije anteriormente, cuando el estilo de cada etiqueta está configurado incorrectamente y en lugar de la selección en negrita habitual, puede usar un título de algún nivel.
  • El título es inapropiado o no lleva el contexto del texto que lo sigue. Para aprender a crear títulos lógicos, elija un par de libros bien diseñados que sean fáciles de leer. También enfóquese en estructurar el contenido en el sitio de Wikipedia;
  • No usar títulos H1-H6 en absoluto o no usar textos pequeños. Es simplemente una ausencia total y no hay nada de qué hablar, pero la ausencia en las páginas pequeñas es un momento cuestionable, ya que cualquier texto (incluso el mínimo de 1000 caracteres) tiene una estructura lógica. Pasar de un tema a otro. ¿Por qué no dividirlo en partes lógicas con subtítulos de varios niveles?

Eso es todo, queridos webmasters. El material de titulares en el sitio ha llegado a su fin. Salió bastante cansado. En alguna parte me repetí, pero esto es solo para llamar su atención sobre los puntos clave del artículo. Espero que encuentre útil este material.

Por cierto, ¿puedes encontrar un pequeño defecto en mis títulos en el sitio? Si es así, escribe en los comentarios. Este momento no se nota mucho, pero está ahí.

Nos vemos en los siguientes artículos. Aún por venir.

¡Saludos cordiales, Konstantin Khmelev!

El primer título al que un visitante del sitio a menudo no presta atención es el que se muestra en la pestaña del navegador (). Para un buscador es el más importante, ya que es su Yandex, Google, etc. a menudo() se utiliza como título del fragmento.

El segundo encabezado está en la etiqueta h1. Las demás subpartidas son más pequeñas. Si los recopila todos, la estructura del documento web debe ser claramente visible, como los capítulos de un libro de texto escolar. Dicha información, dividida en secciones y subsecciones, se percibe fácilmente, para encontrar material requerido en la página es sencillo.

Notas importantes:

  • el título explica claramente el contenido de la página, sección, subsección. No es una herramienta de decoración de texto. No es necesario que resalten un elemento de menú que no contenga nada más que un título.
  • el encabezado es una palabra, frase, oración. No tiene por qué ser largo.
  • el título es la oración completa, no parte de ella. Para el diseño de una o varias palabras, existen etiquetas como fuerte, marca, em, etc. ().
  • si el artículo está construido en el formato "pregunta-respuesta" y la respuesta es corta en la mayoría de los casos (por ejemplo, la instrucción de un medicamento), entonces en lugar de las etiquetas h, es más correcto usar el triple dl, dt, dd.

Consulte las páginas h1

Ahora una frase en cualquier etiqueta se puede convertir en un encabezado usando Estilos CSS: Aumenta la fuente y / o el tamaño del texto. Para verificar la cantidad de etiquetas h1 y su contenido, es suficiente, no se requieren extensiones adicionales. Dicha herramienta se puede mostrar presionando la tecla :

Diferencia en el uso de h1, h2, h3, h4, h5, h6 en HTML5 y HTML4

Antes de seguir leyendo, es recomendable que se familiarice con los ejemplos descritos en las normas.

Un h1 por página (versión HTML4)

  • Solución sudoku paso a paso
    • Programa de resolución de sudoku con explicaciones (en línea)
    • Reglas del juego
    • Algoritmo para llenar las celdas del crucigrama
      • Método 1. "Solitarios ocultos"
      • Método 2. "Solitarios"
    • Métodos para resolver sudoku
      • Estrategia 1. Candidato en dos o tres casillas del mismo cuadro
      • Estrategia 2. Grupos de candidatos

Nombre del sitio

Bóveda

Declaración 1: El título de la página o parte de él no debe ser un enlace (consulte Common Sense y Help News.Google). De ahí la consecuencia: el nombre del proyecto web en la página principal tampoco debería ser un enlace. En general, la página no necesita vincularse a sí misma (excl.). Pero esto es aceptable (en Avito, en la página de anuncios de cada entrada similar, se da h3):

Tasas de interés del 1% al 5%

...

Declaración 2: hay una ligera diferencia en cómo colocar el enlace: dentro de la etiqueta h o la etiqueta h dentro del enlace. Y radica en el hecho de que en el primer caso, el enlace es solo el texto, y en el segundo, el bloque completo.

solo texto

bloque entero (área rectangular)

¿Debería el título diferir de h1?

"¿El título puede ser lo mismo que h1?" - Si quizas.

"¿Son útiles diferentes títulos y h1 para SEO?" - sí, son útiles. Puede agregar palabras clave adicionales a las etiquetas en cuestión para aumentar el número de consultas que llegan al sitio. O, para hacer un fragmento más atractivo, en el título agregue, digamos, el nombre de la empresa, si se escucha a la empresa, o el número de teléfono (de un taxi, por ejemplo).

Nota: Para que la página aparezca en Google News o Yandex Quick Links, la parte principal del título y h1 deben coincidir. Esto puede deberse al hecho de que los visitantes esperan ver el mismo título en la página del sitio que en los resultados del motor de búsqueda. Sobre este momento vale la pena prestar atención a los sitios de información.

¿Los encabezados de bloque lateral deben estar en h?

Si los encabezados están indexados (ver), entonces es mejor estar en la etiqueta h. De todos modos, se utilizan en todas las páginas del sitio y el peso de estas palabras ("Publicidad", "Mensajes recientes", "Suscripción", etc.) es exagerado. Se puede suponer que el padre del aparte debería disminuir su valor.

Además, para las personas con discapacidad visual, quedará claro qué es qué, y no sin título continuo.

En mis principales proyectos de información, primero un experto en la materia elabora la estructura del artículo (títulos y subtítulos) y luego los redactores escriben el texto en ellos.

La estructura es realmente muy importante si le preocupa la calidad. Y para hacerlo bien, debe comprender cómo funcionan las etiquetas h.

h1 es el subtítulo principal del artículo y generalmente se coloca encima del texto.

El primer título debe ser visualmente más grande que el resto de los títulos de la página.

h2-h6 son pequeños subtítulos que están anidados.

¿Para qué sirven los titulares?

Para aquellos que no están mucho en el tema, aquí hay, en principio, un buen video sobre los conceptos básicos de la elaboración de subtítulos h1-h6. Si no te consideras un especialista, echa un vistazo:

Y para consolidar el material, un video un poco más débil:

Los títulos están diseñados para resaltar la esencia principal, la idea del texto posterior en una frase o incluso una palabra. Por lo general, una persona les presta atención en primer lugar y decide si leer el resto del material. Los titulares son especialmente importantes en los textos publicitarios, cartas y sirven como la principal herramienta para atraer la atención del público objetivo.

En el código, la etiqueta se ve así:

, donde la letra h proviene de la palabra "encabezado", que significa "encabezado" en la traducción. Cada nivel está indicado por un número correspondiente.

Etiquetas H a través de los ojos de las personas

El texto, dividido en subtítulos, parece más "ordenado", es más fácil de leer. El usuario moderno ha aprendido durante mucho tiempo a escanear artículos en solo unos segundos y sacar conclusiones rápidamente si vale la pena leer el texto completo, si contiene la información útil que está buscando. Los encabezados llaman la atención, destacando lo principal y dando al usuario la oportunidad de analizar el material.

Las etiquetas h1, h2, h3, h4, h5, h6 le permiten crear una especie de mapa para el lector, mediante el cual puede navegar rápidamente en el texto. Y si estas secreciones lograron llamar la atención, entonces la persona se quedará en la página y probablemente leerá el artículo completo. Puede verificar el resultado por factores de comportamiento. Si las personas permanecen en la página, toman alguna medida, entonces el trabajo de SEO no se hizo en vano.

Etiquetas H a través de los ojos de los motores de búsqueda

Los robots de búsqueda recopilan información de ellos para su análisis semántico. De particular importancia para los bots son los títulos de los niveles h1, h2, h3. Su aplicación inconsistente o incorrecta puede afectar negativamente el ranking de la página. Si no hay etiquetas h en el código HTML, entonces el sitio tendrá dificultades para promocionarse. Los niveles de h4, h5, h6 son menos significativos.

Jerarquía de etiquetas H

La regla principal en la ubicación de los títulos es su jerarquía. No es necesario que las etiquetas vayan una detrás de otra en tamaño, pero es inaceptable usar, por ejemplo, h3 en el texto, si no tienes el meta h2 en ninguna parte, o usar h6 sin h5.

Así es como se ve una jerarquía correctamente anidada:

¿Qué es la etiqueta h1?

La etiqueta h1 es una tabla de contenido del texto (como el título de un libro o el título de un artículo en un periódico).

Cada página debe tener una y solo una etiqueta h1.

En términos de atractivo para el usuario, es de suma importancia. Pero para la promoción SEO, tendrá más peso.

El título también es un título, pero está prescrito no solo para las personas, sino también para los robots. No se muestra en la página en sí, sino solo en la pestaña del navegador y en el fragmento como enlace activo al sitio web. De hecho, el título es un título alternativo pero principal del documento html. Si está ausente, el motor de búsqueda toma h1 como base y lo usa en la hoz.

Por qué h1 debería ser diferente del título

Es muy importante entender que h1 y Title son encabezados diferentes. Y, en consecuencia, deben combinarse hábilmente. Estos son los conceptos básicos sobre este tema:

El incumplimiento de las reglas de singularidad y relevancia de los encabezados puede llevar al hecho de que el sitio se incluirá en el filtro. Recientemente, los motores de búsqueda han comenzado a prestar especial atención a la calidad del contenido y su configuración de SEO. Duplicados, spam, distribución caótica de encabezados, se castiga su inconsistencia con el contenido.

Requisitos de longitud H1

Se recomienda hacer H1 más conciso que Título, sin exceder el número de caracteres más de 50. Pero no habrá desastre si el título resulta ser más largo, cuando no es posible exprimir toda la esencia en el indicado. número.

Los complementos especiales para WordPress le permiten analizar el llenado correcto de todas las métricas directamente en el editor.

Reglas para la ortografía correcta de h1

  • Debe ser único para todo el sitio y absolutamente legible;
  • No duplica la etiqueta del título, pero tampoco la contradice;
  • No lo alargues demasiado (puedes hacer que el título sea más voluminoso);
  • Usado solo una vez por página;
  • Relevante para el texto y refleja la esencia semántica del material;
  • Interesante, atractivo para el usuario;
  • No puede poner un punto al final y se recomienda utilizar signos de puntuación como mínimo.

Aplicación clave

Las frases clave principales, en primer lugar, deben contener el título. Pero también deberían escribirse en h1. Y ahí, y ahí es mejor hacerlo desde el principio. Pero sería mejor si las palabras clave no se duplicaran entre sí en estas dos etiquetas. Debe utilizar diferentes formas de palabras o apariciones diluidas en h1 y directamente en el título.

Algunos toman todas las claves de una página y de ellas forman la estructura de los artículos. Tenga en cuenta de inmediato: sin PF geniales, tal dispersión de claves por subtítulos será castigada por el filtro por correo no deseado.

Trucos psicológicos para escribir un título atractivo

El titular debe ser pegadizo. Aquí hay un video de Maxim Ilyakhov, un especialista en medios, rector de la Escuela de Editores y creador del servicio Glavred:

Aquí hay un par de "trucos" más que se utilizan al escribir títulos.

Solución

Recuerde que una persona siempre busca no información o bienes, sino, ante todo, una solución a sus problemas, necesidades y necesidades. Operar específicamente para el problema previsto de la audiencia objetivo.

Un ejemplo de un buen titular: “¿Se cae el cabello? Detén la pérdida en una semana ".
Un ejemplo de un titular incorrecto: "¿Se puede detener la caída del cabello?"

En el primer caso, identificamos claramente el problema y ofrecemos una solución específica. En el segundo caso, se toca indirectamente el problema y se difuminan las opciones para su solución.

Intriga

Un ejemplo de buen titular: "Revelando el secreto de la receta más eficaz para la caída del cabello".
Un ejemplo de un título incorrecto: " Mejor receta de la caída del cabello ".

Recepción "examen"

Una oración de esta forma desafía al lector a ponerse a prueba.

Un ejemplo de un titular exitoso: "¿Está seguro de que está luchando contra la caída del cabello de la manera correcta?"
Un ejemplo de un titular incorrecto: "¿Sabes todo sobre la caída del cabello?".

Por supuesto, estos no son todos los métodos que ayudan a influir en la percepción de una persona y a atraer su interés. Lea libros sobre marketing para leer más si el tema es interesante. Por cierto, el título también puede ser "atractivo". Además, lo más probable es que sea él quien esté destacado en los resultados de búsqueda. Puede comprobar su visualización después de indexar la página.

Por qué se necesitan los subtítulos h2-h6

Las etiquetas de h2 a h6 ya están ubicadas en el cuerpo del artículo mismo, dividiéndolo estructuralmente en párrafos temáticos, y en el código del documento HTML, destacando sus elementos significativos. También son identificados por los motores de búsqueda para el análisis semántico de la página.

Se necesitan para designar jerárquicamente todo lo importante y digno de atención usuario en la página. Tal estructura ayuda a una persona a navegar rápidamente por la información y evaluar su cumplimiento con sus necesidades.

h2: centra la atención de los usuarios y los motores de búsqueda en el contenido principal del artículo. Muestra lo más significativo del texto.

h3: es un subelemento de la información que se encuentra debajo de H2, que la revela aún más profundamente.

h4, h5, h6: se definen como subtítulos anidados (revelan en detalle la esencia de H2 o H3) y se utilizan en el texto, como resaltar puntos pequeños y palabras significativas, así como en el menú, la barra lateral y otros componentes de un documento web.

Todas las etiquetas h deben tener un máximo de 50 caracteres.

Cómo escribir correctamente los subtítulos h2-h6

  • Es imposible que el subtítulo más pequeño esté presente sin el más grande. Es decir, si el texto contiene la metaetiqueta h4, debe estar precedido por h2 y h3.
  • Cuanto más alto sea el nivel del título, más grande debe ser la fuente. En WordPress, la configuración predeterminada generalmente se establece de tal manera que las etiquetas se formatean automáticamente en la forma correcta.
  • Todas las etiquetas h deben coincidir con el contenido del contenido, mostrar la esencia de la información.
  • Es inaceptable utilizar h1-h6 como anclajes o enlaces activos.
  • No puede escribir otras etiquetas dentro de la etiqueta h.
  • Solo se permiten texto y signos de puntuación en las etiquetas h.
  • Los subtítulos no deben contener exceso de palabras clave. Es mejor usar palabras clave en el título, h1, h2, y en las más pequeñas, como h3, h5, h6, enfóquese en una divulgación detallada del tema.

Si el título y el encabezado principal H1 están registrados en el marcado de la página, pero el texto del artículo en sí no es demasiado grande y no contiene subtítulos, esto no es un error. Hay bastantes páginas en el TOP donde el contenido va en una franja casi continua, quizás dividida en párrafos. Puede llegar a una posición de liderazgo sin "brujería" sobre el marcado del texto, poniendo más énfasis en. Los sitios de WordPress están perfectamente indexados por los motores de búsqueda. Pero aún así, el uso de estas etiquetas no solo facilita la tarea, sino que también hace que el contenido sea más fácil y más agradable a la percepción visual.

Cómo completar etiquetas h en WordPress

h1 generalmente se completa en el campo sobre el texto en el registro:

Para hacer los subtítulos h2-h6, debe seleccionar el elemento requerido y, al pasar el cursor sobre la pestaña "títulos", seleccione el deseado haciendo clic en él. Haga lo mismo para cada uno de los subtítulos, incluyéndolos en el formato correcto.

Existe una forma aún más fácil: puede escribir el texto en Word usando el marcado necesario y simplemente copiar y pegar el artículo en el editor de Wordpress. Los títulos seleccionados en Word aparecerán automáticamente en los tamaños correctos. Si es necesario, puede modificarlos utilizando las herramientas de edición de WordPress CMS.

¡Hola amigos! Nos complace darle la bienvenida al blog de Andrey y Dasha: Thebizfromscratch. Algo que durante mucho tiempo no hemos escrito nada sobre SEO y en este artículo queremos ponernos al día, porque el tema de hoy es el Impacto de los encabezados H1, H2 - H6 en la promoción de sitios web. Te diremos según qué reglas y principios escribimos títulos en tu blog y esperamos que nuestra experiencia te sea de utilidad.

Cómo colocar correctamente las metaetiquetas H1, H2 ... H6

Entonces, al hacer una publicación, prescribimos las metaetiquetas en el siguiente orden:

Es el encabezado más significativo, por lo tanto, se acostumbra encerrar la clave de búsqueda principal en etiquetas h1, preferiblemente diluidas con palabras neutrales, es decir. título diluido.

El siguiente encabezado más importante, que se utiliza para seleccionar una solicitud de baja frecuencia que coincida con la solicitud principal.

  1. H3, H4, H5, H6

De hecho, no tienen mucha influencia en la promoción. Sin embargo, la inclusión de palabras clave en ellos puede llevar a una optimización excesiva, lo que solo provocará una respuesta negativa de los robots de búsqueda. Por lo tanto, utilizamos estas metaetiquetas solo para la hermosa estructura del artículo. Para facilitar a los visitantes la lectura y la comprensión inmediata de dónde termina un pensamiento y comienza otro. Además, no olvide que todas las publicaciones están escritas exclusivamente para lectores y no debe dejarse llevar por la repetición frecuente de las mismas palabras / frases.

Y para que la información anterior se entienda correctamente, ¡veamos un ejemplo! Suponga que escribió un artículo bajo consulta de busqueda- "Cómo hacer un sitio web." Esta frase debe registrarse en el campo Título y repetirse al menos 2 veces sin cambios en el texto en sí. O, como hacen muchos, repiten la consulta de búsqueda 1 vez por cada 1000 caracteres.

Si además necesita seleccionar la estructura, no dude en utilizar H2 que contiene una consulta de baja frecuencia. Nuevamente, en el marco del ejemplo: "Cómo hacer un sitio web de alta calidad en el motor de WordPress". Escribe el resto de las metaetiquetas sin claves.

  1. No incluya enlaces a otras páginas promocionadas en sus títulos. Los motores de búsqueda considerarán el código del enlace como palabras clave y solo dañará la clasificación.
  2. No coloque títulos de orden inferior sobre los más significativos. El primero debe ser seguido por H1, luego H2 y luego en forma ascendente. Debería surgir una estructura de árbol.
  3. Se recomienda usar H1 una vez, H2 no más de 3 veces y H3-H6 tanto como sea necesario (solo sin llaves y solo si es necesario).

Quizás estos fueron los principios y reglas básicos que usamos al escribir artículos. Esperamos que el tema, la influencia de los encabezados H1, H2, H6 en la promoción del sitio web, se revele y lo haya descubierto por sí mismo. información útil... En caso de preguntas, asegúrese de hacerlas en los comentarios, intentaremos ayudar.

3 niveles principales de jerarquía de texto que permiten al diseñador captar la atención y guiar al usuario hacia la lectura adicional.

Niveles de jerarquía tipográfica

El diseño de títulos y subtítulos es una parte muy importante de cualquier interfaz. Los títulos y subtítulos le permiten crear una jerarquía visual, llamar la atención sobre el contenido principal y empujar al lector hacia la lectura adicional.

Hay tres niveles principales de jerarquía tipográfica:

  • Primer nivel- este es el título en sí. La tarea de este nivel es atraer al lector y conducirlo hacia el segundo nivel.
  • Segundo nivel- estos son subtítulos, citas, descripciones y todo lo demás que vaya por separado del texto principal, pero que lo respalde. El propósito de este nivel es aumentar la capacidad de escaneo del texto y empujar al lector a seguir leyendo.
  • Tercer nivel Es nuestro texto principal. El objetivo de este nivel es salir del camino del usuario. No debemos interferir o llamar la atención sobre cosas que puedan distraer al usuario y restarle importancia a esta página. El usuario decide si necesita pasar a este nivel basándose en los dos anteriores.

Primer nivel (título)

El objetivo principal del primer nivel es atraer lectores y motivarlos a continuar (comenzar) leyendo nuestro texto. Leer grandes bloques de texto es difícil y requiere mucho tiempo, por lo que debe ofrecer al lector un beneficio En el título.

En promedio, 8 de cada 10 personas leerán su título y solo 2 de cada 10 leerán el resto del texto. Por lo tanto, el contenido máximo de información es importante para el título.

El encabezado debe ser el elemento visualmente más destacado de la página. Por lo general, el encabezado principal se incluye en la etiqueta H1.

Para resaltar un encabezado, puede utilizar las técnicas estándar de resaltado visual:

  • Contraste- el título debe contrastar lo suficiente con el resto de elementos.
  • El tamaño- aumentar el tamaño del texto del título es lo más de una manera sencilla resaltar el elemento dado.
  • Inscripción Es otra forma de resaltar el título. Puede hacer que el texto del encabezado esté en negrita, súper negrita o en cursiva. Esto hará que el texto se destaque.
  • Espacio- para una identificación más clara del encabezado, debe agregar espacio libre a su alrededor. Para que el usuario sepa claramente que este es el elemento principal de la página, y es necesario centrarse en él.

Segundo nivel (subpartida)

La subpartida tiene una finalidad similar a la de la partida, solo que en menor escala. Los subtítulos también se utilizan para guiar al lector a seguir leyendo el texto y permitirle retener la atención que capta el encabezado.

El subtítulo, junto con otros elementos secundarios, debe mantener el interés y hacer que el lector desee leer el texto con más detalle.

Además, los subtítulos permiten estructurar el texto y crear una jerarquía En la pagina. Permiten que una persona comprenda dónde puede comenzar a leer y dónde terminar, para obtener la máxima cantidad de información útil.

Para resaltar subtítulos, debe utilizar los mismos métodos que para resaltar títulos. Pero al mismo tiempo, debe recordar que el subtítulo está un nivel más bajo que el título y un nivel más alto que el texto sin formato. Debe corresponder visualmente a esto. El subtítulo no debe sobresalir más que el título ni menos que el texto normal.

Tercer nivel

Por lo general, se presenta mucha información en este nivel (el cuerpo de su información), por lo que debe ser lo más legible posible y no distraer. Debería Permitir al lector concentrarse en leer el texto y no interferir su.

  • El texto debe contrastar con el fondo. El usuario debería poder leer el texto sin ningún esfuerzo adicional.
  • Es mejor utilizar un fondo monocromático y abstenerse de utilizar texturas como fondo, ya que dificultan que el usuario perciba la información.
  • El tamaño del texto debe ser fácil de leer. No es necesario encoger y hacer que este texto sea demasiado pequeño. Si el texto es difícil de leer, el usuario simplemente no lo leerá.
  • Si tiene enlaces en este nivel, deben ser diferentes del texto principal. El usuario debe comprender dónde está el enlace en el texto y qué sucederá cuando se haga clic en él.