Cómo usar correctamente las etiquetas de encabezado HTML

Cada sitio web es su propio monstruo, desarrolladores y diseñadores únicos que ponen sus propias voces exclusivas en el código. Pero un elemento que cada sitio web tiene en común son las etiquetas de título HTML. Estos títulos no solo dividen el contenido en secciones más legibles, sino que crean el contorno semántico de su sitio, para que los motores de búsqueda y el software de accesibilidad puedan decir exactamente qué contenido hace el sitio. Ocasionalmente, hay una cierta confusión con respecto al uso y el funcionamiento de las etiquetas de título HTML, por lo que queremos pasar por los 6 niveles y hablar de cómo y cuándo usarlas correctamente.
Suscríbase a nuestro canal de YouTube ¿Por qué usar las etiquetas de título HTML? Como dije anteriormente, estas etiquetas crean el esqueleto de su sitio sin ellas, no solo que el título y el propósito de su sitio son menos claros, sino que el contenido muestra a los usuarios y robots como si fuera un gran muro de texto, incluso si usted separarlo usando párrafos. Además, los lectores de pantalla y el software de accesibilidad los usan para navegar a través de su contenido (a veces por su cuenta). Entonces, si no incluye etiquetas de título HTML, su sitio se vuelve inaccesible para muchas personas, ya que simplemente no pueden moverse en la página y el contenido.
Además, los motores de búsqueda y otros rastreadores web que llegan a su sitio. También navegan a través de sus títulos recientes, Google ha considerado la semántica del código en su clasificación, lo que significa que la intención de búsqueda está pesando mucho. Sus etiquetas de título HTML son una parte importante de esto, diciendo que Google y los visitantes donde están en la página para encontrar información específica, organizada de acuerdo con la importancia jerárquica. Y cada etiqueta en su página ayuda a todo esto a su manera. La jerarquía de las etiquetas es importante la herencia de la etiqueta de título HTML. El orden en que usa estas etiquetas puede hacer o romper el SEO para su sitio mientras puede mantener en orden para no confundir a los rastreadores (y lectores). Dése a las etiquetas en orden creciente como si fueran los títulos para los títulos de los títulos boceto de tu publicación.. Puede anidarlos tanto como desee, pero asegúrese de poner el siguiente en orden en orden. Aquí hay un ejemplo:

Título

Número de punto principal 1

Subpic

Punto muy específico

Punto principal número 2

Subpic

Ejemplo o gráfico importante

punto específico

Ejemplo o gráfico importante
Ejemplo muy específico que explica este punto

Pueden ocurrir casos específicos en los que tiene un solo H6 sobre un H4, pero en su mayor parte, Google y otros motores de búsqueda determinan la prioridad del sujeto y evalúan la eficiencia del contenido para buscar la intención, utilizando títulos para navegar por el contenido. Su H1 – La etiqueta Etitics puede ser las etiquetas de título HTML más simples, siendo también una de las más incomprendidas. En la mayoría de los casos, verá el Título H1 como el título de una página o publicación en particular. Es lo que mostrará (probablemente) motores de búsqueda en los resultados. Probablemente su navegador mostrará esto en la barra de título, aunque muchos complementos de SEO y aplicaciones similares le permiten cambiarlo por ellos. Debido a esto, aunque es importante tener la frase clave objetivo en la etiqueta H1, no se requiere 100%. Escriba sus títulos y títulos semánticos para cubrir la intención de búsqueda de los visitantes en lugar de completar las palabras clave con etiquetas de título HTML.
La imagen de arriba presenta una etiqueta H1 utilizada como título de entrada para un artículo sobre los elegantes temas del blog. También es la única etiqueta H1 en la página. Esto indica que es objeto de contenido en la página. Durante años, la práctica estándar ha sido tener una etiqueta H1 (y solo una) en la página. En su mayor parte, este sigue siendo un buen consejo. Google y otros motores de búsqueda acceden a su página con rastreadores y buscan la etiqueta H1. Luego lo uso para determinar el tema, el título y la estructura. Sin embargo, Google ha dicho explícitamente que si tiene más etiquetas de título HTML H1 en su sitio, no se aplica penalización de SEO. Esto no significa volverlos locos al usarlos en todas partes en su sitio, pero lo que significa es que puede usar más de uno en la página cuando aparece la necesidad. Cuando se usa más H1, el único propósito de un H1 es indicar un Sección completa sobre un solo tema. Esto significa que si tiene una sola página que tiene varios temas, desea usar un H1 para cada tema nuevo en esa página. Si hace esto, le dirá a Google que su página no se trata solo del tema en el título. Pero también podría haber una sección sobre un tema completamente diferente (pero relacionado) a continuación. En los sitios web de una página, esto también es importante, porque puede tener una sección sobre, precios, contacto y cartera en esa página. Entonces, ¿cómo anunciar Google que el contenido contenido en cada sección es su propia unidad autónoma?
Etiquetas H1, lo son. Trate cada sección como si fuera su propia Web Mini-Pagina, utilizando la jerarquía que discutimos anteriormente. De esta manera, Google ve los títulos mientras navegan en la página y luego pueden determinar cuáles de estas secciones extraer fragmentos presentados (y así sucesivamente) para responder las preguntas de los buscadores. También puede optar por usar una etiqueta H1 cada vez que use una etiqueta de sección en su sitio, pero sugerirle que haga esto solo cuando sea una sección de importancia paralela para la página, en lugar de un subordinado. Etiquetas H2 H2 Etiquetas, ahora, ahora, ahora, Lo más probable es que sea la etiqueta de título HTML más utilizada en sus páginas y por razones bien fundadas. La mayoría de las publicaciones y páginas en Internet consisten en un solo tema, con solo unos pocos subtítulos. Recomendamos que cada contenido que cree para contener al menos una etiqueta H2. Yoast y otros complementos de SEO sugieren un título aproximadamente cada 300 palabras. Dependiendo de su contenido, para esto se utilizan las etiquetas H2. Separan los sujetos (o pasos) para aliviar la lectura. Por ejemplo, la mayoría de nuestras publicaciones consisten principalmente en valores H2 (con H3 cuando sea apropiado). Esto se debe a que nuestros artículos se refieren a un solo tema, en el que intentamos resolver un solo problema. Tendremos el título, como cómo usar OBS Studio para transmitir en vivo como H1, pero los subtítulos como “Cómo comenzar con OBS Studio” estarán en H2.

La etiqueta H2 representa pasos individuales que se refieren directamente al sujeto H1. En la publicación utilicé la siguiente estructura:

¿Cómo usar OBS Studio para transmitir en vivo

qué es OBS Studio?

¿Qué pasa con los Slobs?

Cómo comenzar con OBS Studio

OBS Studio Setup

Configuración de una escena en OBS Studio

Agregar fuentes en OBS Studio

Fuentes de ajuste en pantalla

RMTP Keys y OBS Studio

envolver

Las etiquetas de título H2 en esta publicación pasan sobre las ideas principales, como iniciar y descargar, configurar el software real y luego ajustar cómo aparece su pantalla para los espectadores.Aunque hay pasos involucrados bajo los de H3, los títulos H2 indican la imagen a gran escala del artículo.Son una imagen de alto nivel que los rastreadores y los lectores podrán escanear para ver si el artículo contiene la información que están buscando.
En general, tendrá varias etiquetas H2 por artículo, mientras que es posible que no tenga subtítulos sostenidos debajo de ellas.Si su página o publicación se refiere a un solo tema que no se divide en secciones con subsecciones como el ejemplo anterior, sería mejor tener más etiquetas H2 que H2 Imbricada -> H3 -> H4, ya que le indican la inmersión de los rastreadores. más profundo en un supapic que ampliar el tema principal de la publicación.Las etiquetas H3 H3, por otro lado, son el lugar donde sus artículos pueden incluir los detalles de su tema. Nunca debe usar estas etiquetas H3 directamente bajo un H1.Googlebots y los motores de búsqueda los consideran absolutamente como subtítulos.Mientras que H2 es aceptado como un título principal para secciones en un solo artículo (con H1 declarando el tema principal como un título, recuerde).
Si observa de cerca la imagen de arriba, verá que el estilo real y el tamaño entre nuestras etiquetas H2 y H3 no son terriblemente diferentes. Por razones, no queremos suponer por escaneo que cualquier punto que hagamos en un H3 es menos importante que un H2. Porque no lo es. Es solo un tamaño más pequeño para indicar que es un punto subordinado en comparación con H2, en lugar de una conexión directa con el sujeto general, que es el más importante estructuralmente en términos de SEO para su artículo para los lectores humanos, en lugar de robots, el La distinción visual simplemente les ayuda a moverlos a la página y desglosar la información para analizar más fácilmente. Las etiquetas H4, H5, H6 reunimos por una razón. En general, será difícil encontrar cualquier sitio que use completamente el rango H1 de etiquetas de título HTML. Con mucho, la estructura más popular es H1 a H3. Así como rara vez ves un boceto de contenido que excede el segundo nivel encarnado. I. Ideaa. Subproceso
1. Detalle
II. Ocurrencia
A. Subpoin
1. Detalle

Iii. Ocurrencia
H4 En su mayor parte, la etiqueta H4 tendrá el mismo propósito que H3. Los usará para ingresar detalles para pasos y ejemplos, pero siempre acurrucados bajo sus títulos principales. En general, los diseñadores los estilan con CSS más pequeño que H3. Tienden a ver un uso limitado en la creación de contenido ordinario. Un tema tiende a estar muy profundamente si las ideas deben desglosarse para que se requiera una etiqueta de título H4. H5 y H6 Puede usar títulos H5 y H6 de varias maneras diferentes. La primera forma (solo para un ejemplo, dividimos esta sección especial en diferentes partes por título y ahora estamos bajo H4, porque es un sub-sub-sub-sub-sub-sub 🙂 Estos títulos a menudo se usan en listas similares, Aunque su función principal es, desde un punto de vista técnico, lo mismo que los demás, delimitando temas de importancia descendente en toda la página. Será bastante raro encontrar un documento con una gama completa de títulos hasta H6. La segunda forma en que algunas personas usan etiquetas H5 y H6 como títulos de formato “especializados”. Aplicarán CSS Special a estas dos etiquetas de título HTML, que es completamente diferente de H1 a H4. Luego puede usarlos para llamar la atención sobre los temas y las ideas que de otro modo podrían pasarse por alto. Esta no es la mejor práctica desde un punto de vista técnico, porque los títulos son jerárquicos. Sin embargo, si su sitio está bien estructurado en general y use H5 y H6 con moderación como estilos especializados en ciertas páginas o publicaciones individuales, seguramente no recibirá ningún resultado de SEO. Recuerde que incluso cuando los use para un formato especial, no salga de la jerarquía.
Manténgalos en orden. Entonces, si usa H6 para crear un título secundario, asegúrese de que lo siguiente que use sea un H1 o H2 para demostrar que ha vuelto a la estructura estándar. Lo que no se debe hacer con las etiquetas de encabezado HTML no estructura una sola página con toda la jerarquía de títulos hasta el final. Usted es mejor con un H1 para un título y para todos H2, en lugar de estar ubicado cada título sucesivo. Sí:

Título

Número de punto principal 1

Número de punto principal 2

Número de punto principal 3

Número de punto principal 4

No:

Título

Número de punto 2

Número de punto 3

Número de punto 4

Número de punto 5
Número de punto 6

Además, no desea usar los títulos al azar. Úselos solo en orden. De lo contrario, los rastreadores no tendrán idea de cómo navegar en su página y ni el software de accesibilidad. No:

Título

Punto número 2

Número de punto 3

Número de punto 4
Número de punto 5

Número de punto 6

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Biblioteca Divi: explorarea posibilităților de sincronizare selectivă a bibliotecii Divi

Biblioteca Divi: explorarea posibilităților de sincronizare selectivă a bibliotecii Divi

Leave a Reply

Your email address will not be published. Required fields are marked *