Títulos de páginas SEO. Corrija las etiquetas H1 y H2. Títulos H1 y TÍTULO. ¿Debo hacerlos iguales o diferentes?

Etiqueta H1 o encabezado H1- Este es el título de primer nivel y tiene el mayor significado e importancia entre todos los títulos. etiqueta H1 debe usarse una vez en la página, colocarse encima de todos los demás títulos y tener el tamaño de fuente más grande.

Hay seis etiquetas de título en total. Estos son h1, h2, h3, h4, h5, h6. Estas etiquetas se utilizan para dar formato al texto de una página. El H1 es el más importante tanto para los visitantes como para los motores de búsqueda.

Les doy la bienvenida a las páginas. En este artículo compartiré con usted algunos puntos sobre el uso del encabezado H1 en páginas de blogs que ejecutan CMS WordPress.

Etiqueta H1: valor de promoción

Los motores de búsqueda utilizan las palabras y frases utilizadas en esta etiqueta para determinar la relevancia de las páginas para una consulta de búsqueda. Esta etiqueta es uno de los elementos de relevancia más significativos. Al optimizar el texto de la página, los motores de búsqueda solo valoran más la etiqueta TITLE que la etiqueta H1.

Y para ser más breve y específico, entonces Se recomienda utilizar la etiqueta H1 para los títulos de las páginas de nuestros sitios web. y deben contener la frase clave por la que se promociona esta página.
La relevancia de la página, junto con la publicidad, es uno de los indicadores más importantes para ganarse la fidelidad de los motores de búsqueda.

Reglas para completar el encabezado H1

Para obtener un buen resultado al promocionar páginas de un sitio web, debe seguir las siguientes reglas para completarlo:

1. Cada página debe contener UNA etiqueta H1.
2. La etiqueta debe contener una palabra clave por la cual se promociona la página.
3. El contenido del encabezado H1 debe ser único para cada página.
4. La etiqueta H1 no debe ser un hipervínculo.
5. Es deseable que la etiqueta no contenga clases, identificadores y otros elementos CSS, sino que esté en su forma "desnuda".
6. No se recomienda utilizar signos de puntuación, comas, dos puntos, etc. en el contenido.
7. El tamaño de la etiqueta no debe tener más de dos oraciones, una es mejor.

En el código html, el título de la página debería verse así:

La etiqueta H1 es el título de la página.

Los errores más comunes son faltar una etiqueta H1 en una página o tener más de un encabezado. Estos errores suelen ser típicos de las páginas de secciones que enumeran los artículos incluidos en esas secciones.

En el marco se realiza el control del llenado de la etiqueta H1 en todo el sitio. Existen muchas herramientas valiosas para realizar dicha auditoría. Te recomendaré el servicio de Megaindex. auditoría.megaindex.ru .

Etiqueta H1, aplicación en WordPress

La teoría se ha repetido y ahora nos detendremos en algunas cuestiones técnicas relacionadas con el uso de la etiqueta H1 en sitios que utilizan el CMS de WordPress. Dado que la mayoría de los blogueros principiantes utilizan plantillas gratuitas, es posible que contengan algunos defectos.
En particular, hay opciones cuando el título de la página no está resaltado con la etiqueta H1, sino con otra etiqueta, la mayoría de las veces es H2.

El mismo error apareció en mi blog después de que lo creé usando el programa Artisteer. Al revisar el código HTML, se descubrió que todos los títulos de las páginas se muestran con la etiqueta H2.

Para solucionar esto tuve que editar el archivo. single.php, así es como la mayoría de las plantillas llaman archivos que muestran información para cada registro individual. Ahora demostraré claramente cómo hice esto.
En el cuerpo del archivo single.php Buscamos la parte del código que muestra el título. En mi caso quedó así:

Cambie las etiquetas h2 resaltadas en rojo al h1 y al archivo requeridos single.php fijo y listo para usar. Resultó que era bastante sencillo, cambié un par de caracteres y listo. Ahora este bloque se ve así:

En tu caso, la expresión puede ser de un tipo ligeramente diferente, pero espero que entiendas el significado.

Tuve que hacer cambios similares en otro archivo de tema. página.php, que es responsable de mostrar las páginas del blog. Como sabes, un blog en CMS WordPress contiene publicaciones y páginas.

Las funciones para crearlos y modificarlos se encuentran en diferentes secciones de la administración del blog, se almacenan en diferentes lugares y, en consecuencia, diferentes módulos de software son responsables de su salida.

Como resultado, un fragmento de código en el archivo página.php, que muestra el título de la página ahora tiene este aspecto:

» rel=»marcador» título=»»>

Pero eso no fue todo, en mi plantilla descubrí que la etiqueta H1 se usa para mostrar el título del blog. Y tuve que decidir si dejar todo como está o lograr que los títulos de las páginas se muestren con una etiqueta H1.

Después de todo, no se recomienda utilizar dos o más títulos de este tipo en una página. Los motores de búsqueda pueden considerar esto como una optimización excesiva y sacar conclusiones apropiadas.

Etiqueta H1, ajuste de plantilla de WordPress

Al final decidí corregir este defecto, sobre todo porque no trajo muchos problemas. Ahora te lo contaré todo en detalle.

Para ello, fue necesario realizar modificaciones en sólo dos expedientes.

Primero encabezado.php es el archivo de salida del encabezado del blog.

Segundo estilo.css— archivo de descripción de estilo de blog.

cambios en el encabezado.php

/»>

encontramos en encabezado.php un fragmento que muestra el título del blog y cambio la etiqueta del título h1 (resaltados en rojo aquellos caracteres que cambio) por la etiqueta del párrafo p. Como resultado, obtuvimos el siguiente código.

/»>

Cambios en el archivo style.css

He resaltado en azul el nombre de la clase css, que tendremos que corregir en el archivo estilo.css, de modo que la fuente y el tamaño de visualización del título del blog sigan siendo los mismos que antes de los cambios. A continuación, abra el archivo de estilos, busque la clase requerida "art-Logo-name", fragmento a continuación

h1 .art-Logo-name, h1 .art-Logo-name a, h1 .art-Logo-name a:enlace, h1 .art-Logo-name a:visitado, h1 .art-Logo-name a:hover
{

tamaño de fuente: 29px;
decoración de texto: ninguna;
relleno: 0;
margen:0;
color: #E0EDF0 !importante;
}

Cambio todo h1 resaltado en rojo a p y obtengo el resultado

p .art-Logo-name, p .art-Logo-name a, p .art-Logo-name a:enlace, p .art-Logo-name a:visitado, p .art-Logo-name a:hover
{
familia de fuentes: Arial, Helvetica, Sans-Serif;
tamaño de fuente: 29px;
decoración de texto: ninguna;
relleno: 0;
margen:0;
color: #E0EDF0 !importante;
}

Eso es básicamente todo lo que quería contarte sobre la etiqueta H1 como uno de los elementos.
Sólo señalaré que realicé todo el trabajo en subdominio de prueba, para que los visitantes de mi blog no experimenten dificultades cuando surjan problemas que puedan surgir por este tipo de manipulación. Y desde el punto de vista de la seguridad y la funcionalidad del sitio, esta será la decisión correcta.

Para concluir, me gustaría invitarte a ver un video corto, sin embargo, está expresado en inglés, pero todo me quedó claro, espero que no te resulte difícil de entender. Este vídeo complementa bien el texto del artículo y será de gran ayuda para principiantes o aquellos que no son buenos programando. Disfruta viendo.

Permítanme terminar aquí y desearles éxito.

La selección y colocación competente de los títulos H1 y H2 al optimizar textos en páginas web promocionadas es una etapa importante del trabajo de SEO. En este material, hablaremos sobre qué son los encabezados H1 y H2, qué papel desempeñan y también le enseñaremos cómo usarlos correctamente para lograr el mejor resultado.

¿Qué son los títulos H1 y H2?

Los títulos son palabras, frases o frases que resumen el significado de la información que les sigue. No necesariamente tenemos que volver a leer el texto completo de un artículo de una revista o periódico para entender de qué se tratará. Echamos un vistazo a los títulos y subtítulos y decidimos si este material nos interesa o si vale la pena leerlo. Si abrimos un libro de texto o una instrucción, con la ayuda de los títulos nos resultará fácil encontrar exactamente la información que necesitamos. En resumen, los titulares no sólo atraen a los lectores, sino que también les resultan convenientes.

Los textos de los sitios web también deben tener títulos. Hay al menos 2 razones para esto:

1. Los títulos estructuran el texto y facilitan su lectura. El texto continuo (a menudo llamado "hoja") es difícil de entender; Y dado que los motores de búsqueda hoy en día tienen en cuenta los factores de comportamiento (la totalidad de las acciones de los visitantes del sitio), le interesa que el usuario lea el texto de su recurso y no cierre la página por miedo a la "hoja".

2. Los títulos dejan claro a los motores de búsqueda qué información está contenida en una parte particular del texto. A partir de los titulares, los motores de búsqueda evalúan en qué medida esta información cumple con las expectativas de los usuarios. Por eso son tan importantes a la hora de optimizar textos.

¿Entiendes ahora que no debes descuidar el uso de títulos en los textos de las páginas web? ¡Entonces sigamos adelante!

¿Qué significan los términos H1 y H2? Tendremos que tocar un poco las cuestiones relacionadas con el diseño html. H1 y H2 (o, más precisamente,

Y

) - etiquetas html que muestran la importancia del texto que las sigue. También se les llama etiquetas de acento. En el documento html se ve así:

En una página web, estos encabezados tienen un formato diferente de forma predeterminada:

En realidad, existen 6 niveles de títulos: del H1 al H6. En consecuencia, el título H1 tiene el mayor peso, el título H2 es secundario y el título H6 de sexto nivel es el menos significativo. Sin embargo, para la promoción SEO, los títulos más importantes son H1 y H2. Hablaremos de las reglas para usarlos para optimizar textos.

¿Qué necesitas saber para colocar correctamente los encabezados H1 y H2?

El título H1 juega un papel importante no sólo en la optimización del texto, sino también en la optimización de toda la página. Es él quien le dice al motor de búsqueda en qué medida el contenido presentado en la página corresponde al título de la página (Título) y, por tanto, cumple con las expectativas del usuario.

¿Se le ha ocurrido un título creativo, inusual y atractivo para el texto, basado, por ejemplo, en un juego de palabras? Este enfoque puede ser bueno para un anuncio impreso o un artículo de periódico, pero para la promoción en motores de búsqueda, esa creatividad puede tener consecuencias negativas. Los motores de búsqueda no tienen imaginación y el pensamiento imaginativo es importante para ellos. A continuación, proporcionaremos pautas importantes para redactar un título H1.

Reglas básicas para usar un encabezado H1

El título H1 debe ser breve pero significativo. Una condición importante es la aparición natural de palabras clave en él. Pongamos un ejemplo. Supongamos que está optimizando una página que muestra un catálogo de zapatos de mujer. Se seleccionaron las siguientes consultas para promocionar esta página (puede leer sobre qué consultas de búsqueda hay en nuestro material "Comprenda a su especialista en SEO"): "zapatos de mujer" (frecuencia - 3896), "zapatos de mujer en Minsk" (frecuencia - 490), "comprar zapatos de mujer" (frecuencia - 384), "zapatos de mujer" (frecuencia - 207), "catálogo de zapatos de mujer" precios" (frecuencia - 318). Para el texto de esta página, lo más lógico es utilizar el título H1 "Zapatos de mujer", ya que es el más general, pero al mismo tiempo describe el contenido del contenido y también puede especificarse mediante títulos que no sean superiores. nivel.

El encabezado H1 debe aparecer solo una vez en la página.

Este título se coloca al principio del texto, preferiblemente en la parte superior de la página.

El encabezado H1 debe ubicarse encima de los encabezados de otros niveles (no está permitido colocar, por ejemplo, un encabezado H2 delante).

El tamaño de fuente de este título debe ser mayor que el tamaño de fuente de los títulos de nivel inferior. Este es el caso por defecto, pero si los estilos especifican lo contrario, la situación debe corregirse.

Ejemplos de encabezados H2

¿Cómo se escriben los títulos H2? Puede haber varios de ellos en el texto. Como regla general, especifican el encabezado H1 y estructuran todo el texto. Volvamos a nuestro ejemplo con una página que muestra zapatos de mujer. Para esta página, puede escribir un texto de venta que describa las ventajas de los modelos ofrecidos a los clientes y presente una tabla de tallas. También en la página el usuario podrá encontrar un catálogo de calzado con fotos y precios. En este caso, los títulos del texto pueden ser así:

Si recuerda las consultas de búsqueda que utilizamos para promocionar nuestra página en este ejemplo, se dará cuenta de que en los encabezados H2 incluimos consultas expandidas que tienen una frecuencia menor. Se pueden presentar de forma indirecta (se pueden declinar, en otras palabras, “diluir”). Y lo más importante, especifican nuestro encabezado H1 y le indican al motor de búsqueda que el texto que viene después realmente cumple con las consultas de búsqueda escritas en el título de la página (Título).

Los errores más comunes al utilizar los títulos H1 y H2

Al utilizar títulos para optimizar textos, trate de evitar los siguientes errores:

Usando etiquetas

Y

para aplicar estilo a los elementos de la página. Este es un error común que puede ocurrir incluso en contra de su voluntad. En muchas plantillas de sitios web listas para usar (por ejemplo, en Joomla o Wordpress) en etiquetas

Y

Adjunte, por ejemplo, los nombres de los bloques. Por ejemplo, como “Productos populares”, “Últimas noticias”, “Estamos en las redes sociales”, etc. Esta técnica engaña a los motores de búsqueda y no aporta nada bueno. Por lo tanto, al realizar una auditoría SEO de un sitio web, un especialista debe comprobar si los títulos se utilizan “según lo previsto”. Recuerde una regla importante: ¡H1 y H2 solo deben usarse para estructurar el texto!

Usar los mismos títulos para diferentes páginas. Esto, por supuesto, es una tontería, pero también sucede. ¡Como mínimo, los títulos H1 deben ser únicos para cada página!

Colocación de hipervínculos en títulos.

La presencia de dos o más títulos H1 en la página. ¡Recordamos que esto es inaceptable! Nuestro lema: “¡Una página, un encabezado H1”!

Al final de nuestro artículo, llamemos su atención sobre otro punto importante. Hablemos nuevamente de plantillas de sitios web. Hay casos conocidos en los que las plantillas de página estándar no tienen ningún título H1. Son reemplazados por encabezados H2. Incluso si en la parte administrativa del sitio se le pide que ingrese texto en el campo "Título del material", en realidad puede resultar que esté encerrado entre etiquetas.

. Compruebe si existe tal defecto en su sitio: estudie la estructura del documento presionando la tecla F12. Tu título está envuelto en etiquetas.

? ¡Así que todo es genial!

A un desarrollador que esté poco familiarizado con SEO también se le debe recordar la importancia de la ubicación correcta de los encabezados de texto al diseñar un sitio web único.

¡Hola, chicos! Siento que la situación se está calentando, en los comentarios empezaron a aparecer obscenidades e insultos dirigidos a mí. Bueno, de lo contrario ya extraño estos tiempos. 🙂 Lo peor es que te ignoren. Y cuando me regañan, es bueno, significa que estoy ofendiendo a alguien. Agrada. 🙂 ¡¡¡Oye, oye, camarada comentarista, hola!!! 🙂 Pero debido a las malas palabras, tu comentario tuvo que ser eliminado; he dicho más de una vez que no toleraré maldiciones de este tipo.

Mucha gente me acusa de vender artículos. Sí, hubo tiempo, pero prometí que su número disminuiría. Pero algunas personas todavía piensan que si reviso un servicio, esta publicación se agotará. Piensen lo que quieran, señores. Mi conciencia está tranquila y sonrío con todos mis 32 dientes torcidos. Estoy de muy buen humor y mis fieles lectores también, al menos lo intentaré. 🙂

En la última lección hablé sobre la extensión SEO para navegadores. Decidí plantear un tema de larga data por una razón. Decidí poner los puntos sobre las íes. Muchos lectores me preguntan cómo utilizar correctamente los títulos h1, h2, h3, etc. Ya estaba en 2012. Al realizar auditorías de muchos sitios, veo los mismos errores, que no admito. Entonces, es hora de ampliar un poco esa lección.

Quizás algunos optimizadores consideren inútiles las etiquetas h1 y similares, pero aun así la mayoría las admite. Si aún no te has dado cuenta, el SEO es una ciencia muy complicada, cada uno tiene su propia opinión.

Reglas para usar títulos h1, h2, h3, h4 en una página desde el punto de vista SEO

Regla #1 : Solo debe haber 1 etiqueta h1 en la página.

Recuerde, solo 1, no 2, y mucho menos 3. Mucha gente está interesada en cómo averiguar el número de estas etiquetas en una página y, muy a menudo, los webmasters comienzan a consultar el código fuente de la página y a buscar estas etiquetas manualmente. . Yo también hice esto hasta que mi “hermano de Internet” Vitaly (http://mojwp.ru/) me dijo algo muy inteligente que, resulta, está integrado en mi barra de SEO favorita.

¿Qué necesitas?

Una gran ventaja es 1 etiqueta en h1 en la página, lo cual es muy bueno. Si no tienes uno o hay más de uno, a continuación te cuento cómo deshacerte de los que te sobran o añadirlos.

Regla número 2: los títulos h2, h3, h4 deben estar únicamente en el propio artículo.

En mi caso veis que se usa muy correctamente h2, pero en la etiqueta h3, h4 tengo “basura”. Es decir, estas frases no aportan ningún beneficio en términos de SEO. Además, al utilizar etiquetas h en lugares innecesarios, reducimos la importancia de estas etiquetas para los motores de búsqueda, ya que su "peso" se reparte entre frases innecesarias. Por lo tanto, las etiquetas h sólo deben estar dentro del artículo. Sí, hay excepciones cuando las palabras clave se ingresan de manera muy competente en bloques separados en el sitio, pero no colocan allí la frase "Suscribirse al sitio", etc.

¿Cómo solucionar estos errores?

Para corregir tales errores, nuevamente necesitaremos otro complemento, del que ya he hablado: este (también está disponible para Chrome).

Encontramos un elemento en una etiqueta h innecesaria en la página, por ejemplo, tomaré la expresión "Suscripción" y "Sitio", de las que me habló la barra RDS (están en h4, vea la imagen de arriba) . Encontré estos 2 elementos en el sitio (puede usar la búsqueda del navegador Ctrl+F ingresando la frase de búsqueda requerida), "inspeccionamos" uno de ellos usando Firebug:

Y a la derecha vemos los estilos de esta etiqueta h4 (en mi caso):

Los necesitaremos ahora. Abra el archivo style.css de nuestro tema y agregue las características de este estilo justo al final (vea la flecha en la imagen de arriba), simplemente llamándolo de otra manera (decidí llamarlo nuevo4, no olvide el punto en el principio):

Como esta expresión "Suscripción" está en mi pie de página, abro el archivo footer.php, ingreso la frase "Suscripción" mediante CTRL+F, aquí está:

Y en lugar de h4 escribimos nuestra nueva clase (en mi caso “new4”), es decir, después de la modificación quedará una imagen como esta:

Guardamos el archivo, abrimos Firefox, actualizamos la página y vemos que la etiqueta h4 con la palabra “Suscripción” ha desaparecido:

Dado que los estilos de las palabras "Suscripción" y "Sitio" no son diferentes para mí, de manera similar escribo la clase "new4" en el pie de página en lugar de la etiqueta h4 en la palabra "Sitio", y vemos que ahora no hay H4 “basura” en la página:

Realizamos acciones similares con etiquetas h3 innecesarias. En mi caso, es incorrecto utilizar las frases “Suscríbete a lecciones gratuitas”, “Lecciones similares”, etc. en h3. H3 sólo debe contener el título que aparece en el texto. Del mismo modo, recorre diferentes tipos de sitios (artículos, páginas, categorías, etc.), pero la página principal es una historia separada, de la que te hablaré a continuación.

Si de repente su artículo no está en h1, simplemente abra el archivo de tema single.php, busque el resultado del título del artículo allí (busque en la búsqueda usando la expresión "the_title") y enmarquelo en h1:

Regla número 3: es muy recomendable utilizar una etiqueta h1 en la página principal.

Por el momento, mi sitio no tiene h1 en la página principal, lo que creo que rompe la estructura.

Creo que una página no puede tener una etiqueta h3 si no hay h2 encima, ni se puede usar un h2 si no hay h1. Asimismo, utilizar h1 y h3, por ejemplo, sin h2 también es incorrecto. Además, todo debe seguir claramente la estructura: h2 no puede ser mayor que h1 en la página, h3 no debe ser mayor que la primera etiqueta h2, etc.

¿Qué deberías poner en el h1 de la página principal? Este puede ser un texto que incluya correctamente las palabras clave más solicitadas para las que estás promocionando. Repito, entró COMPETENTEMENTE y no es una lista estúpida.

Además, para muchos, la descripción en el encabezado del sitio muestra sólo la información necesaria. Por lo general, hay palabras clave "sabrosas" allí, y el encabezado también se considera un "punto ideal" donde es bueno "alimentar" a los motores de búsqueda con las frases necesarias. Sería un pecado no usarlo.

Recuerda: el encabezado h1 debe ser diferente al título de la página. Esto será útil para la promoción en motores de búsqueda.

Generalmente, en algún lugar de este lugar hay una descripción del sitio (en mi caso no la hay):
Pero aquí surge un cierto problema: si escribimos esta descripción en h1 en el encabezado del sitio, también estará en h1 dentro de los artículos, lo cual nuevamente es incorrecto.

Es decir, necesitamos escribir una determinada función que haga lo siguiente: si estamos en la página principal, entonces la etiqueta h1 se asigna al texto en el encabezado, pero si estamos en una página distinta a la principal, entonces Se muestra el mismo texto, en el mismo estilo, pero ya sin etiqueta h1. Esto se hace para que las páginas internas no tengan 2 etiquetas h1 (descripción del sitio + título del artículo).

Y mi otro "hermano de Internet", esta vez de Kazán, cuyo nombre es Ramil (es una pena que no tenga un blog, me gustaría poner un enlace ahora), amablemente compartió esta función PHP (ya sabes, yo No soy bueno en PHP), aquí está:

Descripción del sitio

Descripción del sitio

Aquí debe configurar los mismos estilos en style.css de antemano para h1 y para el estilo "descripción" para que visualmente los visitantes no vean las diferencias.

También existe la opinión de que para evitar sanciones de los motores de búsqueda por "overspam", es mejor reemplazar los encabezados h2, h3 y h4 con estilos, por ejemplo.