Página web básica
Una página web bien diseñada tiene algo más que un buen aspecto. Pero la mayoría de los usuarios nunca ven la mayor parte de lo que hace que los sitios web tengan éxito y sean fáciles de usar. El código, las hojas de estilo y los servidores quedan entre bastidores, y así es como debe ser. ¿Una excepción? Los metadatos.
Aunque no son un elemento visual de una página, sus metadatos -títulos de página y meta descripciones- determinan cómo se percibe su contenido. Los redactores de páginas web crean metadatos para resumir el contenido de una página web, y luego los motores de búsqueda utilizan esos metadatos para determinar dónde y cuándo mostrar su contenido en los resultados de búsqueda.
Los visitantes potenciales del sitio web revisan los metadatos cuando leen los resultados de la búsqueda para determinar qué enlace se ajusta mejor a sus necesidades, lo que hace que los metadatos sean un activo fundamental de un sitio web que funciona bien. Por eso recomendamos optimizar tanto los títulos de las páginas como las meta descripciones en todo el sitio web.
Una etiqueta de título de página es un elemento HTML que especifica el título de una página web. Después de buscar un término o una frase en un motor de búsqueda, éste devolverá una página de resultados del motor de búsqueda (SERP) con las opciones que deduce que mejor se ajustan a su consulta.
Etiqueta Html head>
Los metadatos, según la definición de Merriam-Webster, son datos que describen otros datos. Aunque suene vago, cuando se trata de Internet, es cualquier cosa menos eso. En toda la Web, los metadatos se utilizan para describir las páginas individuales de un sitio web, lo que permite a los motores de búsqueda comprender lo que representa cada página. Estos datos ayudan a los motores de búsqueda a evaluar la relevancia del contenido de una página, determinando así si una página se mostrará o no en los resultados de búsqueda.
Título de la página (o etiqueta del título) – El título de la página de su sitio es el encabezamiento que se muestra al aparecer en los resultados de la búsqueda. Este título debe incluir el nombre de su empresa, una palabra clave principal a la que se dirija y su ubicación si es relevante – como Joe’s Construction – Personal Contracting en San Francisco.
Descripción (o meta descripción) – Al igual que el título de la página, la descripción se mostrará a los clientes cada vez que su empresa aparezca en los resultados de los motores de búsqueda. La descripción de su página debe contener información similar a la del título de la página (es decir, una palabra clave específica), pero no debe ser exactamente la misma: debe utilizarse para describir de forma concisa de qué trata la página web.
Ejemplo de sitio web de metadatos
La descripción suele aparecer en los resultados de las búsquedas, así que asegúrese de que proporciona suficiente información para que los lectores decidan sobre la relevancia de su página. Piense en ella como un resumen ejecutivo muy breve. Vaya al grano rápidamente y evite frases como “la siguiente página contiene”: acaba de desperdiciar cuatro palabras sin decir nada.
A la hora de introducir las palabras clave, puede ser útil pensar en los aspectos que abarca el contenido (personas, lugares, objetos, temas) y asegurarse de incluirlos todos junto con los términos alternativos. Los términos alternativos (y los errores ortográficos comunes) pueden ser útiles para los buscadores.
Por ejemplo, su página puede tratar sobre coches, pero incluir “vehículos” en las palabras clave del asunto puede ayudar a que la página aparezca cuando la gente busque vehículos además de coches. Añadir “medio ambiente” puede ser útil para los buscadores que habitualmente escriben mal “medio ambiente”.
Metadatos de una pagina web en línea
La cabeza de un documento HTML es la parte que no se muestra en el navegador web cuando se carga la página. Contiene información como el <título> de la página, enlaces a CSS (si decide dar estilo a su contenido HTML con CSS), enlaces a favicons personalizados y otros metadatos (datos sobre el HTML, como el autor y palabras clave importantes que describen el documento). Los navegadores web utilizan la información contenida en la cabecera para renderizar el documento HTML correctamente. En este artículo cubriremos todo lo anterior y más, con el fin de darle una buena base para trabajar con el marcado.
La cabeza HTML es el contenido del elemento <head>. A diferencia del contenido del elemento <body> (que se muestra en la página cuando se carga en un navegador), el contenido del head no se muestra en la página. En su lugar, el trabajo de la cabeza es contener metadatos sobre el documento. En el ejemplo anterior, la cabecera es bastante pequeña:
Sin embargo, en páginas más grandes, la cabeza puede ser bastante grande. Pruebe a ir a algunos de sus sitios web favoritos y utilice las herramientas de desarrollo para comprobar el contenido de sus cabeceras. Nuestro objetivo aquí no es mostrarte cómo usar todo lo que se puede poner en la cabecera, sino enseñarte cómo usar los principales elementos que querrás incluir en la cabecera, y darte cierta familiaridad. Comencemos.Añadir un títuloYa hemos visto el elemento <title> en acción: se puede utilizar para añadir un título al documento. Sin embargo, esto puede confundirse con el elemento <h1>, que se utiliza para añadir un título de nivel superior a su contenido del cuerpo – esto también se refiere a veces como el título de la página. Pero son cosas diferentes.