Tecnología

Inicio

Vs. H1 H2 Etiquetas

Vs. H1 H2 Etiquetas


Los sitios web usan el formato HTML para estructurar contenido de la página. Los elementos HTML dentro de una página indican el estado lógico de cada elemento de contenido. navegador web del usuario interpreta estos elementos para presentar cada elemento de una manera apropiada. Cada elemento utiliza etiquetas de apertura y cierre en el marcado subyacente. HTML proporciona seis niveles de encabezamiento, con H1 y H2 siendo los más altos niveles. Además de afectar a la forma en sus páginas se mostrarán a los usuarios, las decisiones que tome en cuanto a los elementos de encabezamiento puede afectar qué tan bien su sitio lleva a cabo en los motores de búsqueda.

Margen

El marcado de los elementos H1 y H2 es similar. El código de ejemplo de marcado muestra ambos elementos:

<H1> Título </ h1>
<H2> Título de la sección </ h2>

Cada elemento se representa usando una apertura y cierre de la etiqueta, con el contenido de la partida entre ellos. El contenido es el texto que ven los usuarios cuando navegan a la página. Los elementos de encabezamiento puede tomar cualquiera de los atributos HTML estándar - por ejemplo, la clase y el ID, de la siguiente manera:

<H1 id = "header"> Título </ h1>
<H2 class = "sección"> Sección título </ h2>

No sólo debe ser un elemento H1 en una página, por lo que es apropiado utilizar un atributo ID, ya que estos también son únicos. El mismo atributo clase puede aparecer varias veces en una página, al igual que el elemento H2.

Propósito

El propósito de los elementos de encabezado es proporcionar información sobre las secciones de contenido de su página. El elemento H1 es el título de la página en su conjunto. El elemento H2 es para una sección que es más bajo en la jerarquía de la estructura de la página que el H1, pero sigue siendo un componente importante. etiquetas del título posteriores tienen un nivel decreciente de importancia dentro de una página. . Las partidas pueden ayudar a la facilidad de uso dentro de sus páginas, permitiendo a los usuarios hojear a través del contenido y el enfoque en esos artículos que están más interesados ​​en Aunque las partidas se asocian con estilos visuales diferentes, esto no es su objetivo principal: que le permiten cumplir una lógica estructura en sus páginas.

Estilo

Muchos sitios utilizan Hoja de estilo en cascada o CSS, código para aplicar las propiedades visuales de las partidas. De manera predeterminada, una partida pantallas de todo el eje horizontal completo de la página, por lo que no hay elementos aparecen a la izquierda oa la derecha de la misma. Los títulos con los números más bajos tienen pantallas de texto de mayor tamaño, por lo que los elementos H1 son más grandes y más audaz que H2 cuando el usuario los ve. Para alterar la apariencia de estos elementos, los desarrolladores pueden utilizar declaraciones CSS con la siguiente estructura general:

H1 {color: # ff0000; }
h2 {font-style: cursiva; }

CSS también puede indicar propiedades dimensiones, fondo, margen y el relleno.

SEO

La elección entre H1 y H2 partidas puede afectar el rendimiento de un sitio en las páginas de resultados del motor de búsqueda. Por esta razón, las etiquetas de encabezado forman un tema importante en la optimización del motor de búsqueda, o SEO. Aunque los motores de búsqueda como Google mantienen sus algoritmos secretos, expertos en SEO basan su consejo sobre qué tan bien los sitios con ciertas estructuras tienden a llevar a cabo. Para un mejor rendimiento de SEO, se recomienda que una página debe tener siempre un elemento H1, pero sólo uno. La etiqueta H1 debe incluir las principales palabras clave específicas dentro de la página. Todos los títulos deben contener secciones cortas de texto, con los más bajos que H1 dividiendo el contenido de la página de manera coherente en todo el sitio.