Etiqueta del título
La etiqueta del título es lo que se muestra en las páginas de resultados de los motores de búsqueda (SERP) como título de tu página web. Cada página de tu sitio web debe tener un título único. El título no debe confundirse con la etiqueta H1 que existe en el cuerpo de la página y puede servir de título para el contenido de la página. Las etiquetas de título deben tener entre 50 y 60 caracteres para evitar que se trunquen en los motores de búsqueda.
Puedes añadir el título a una página web buscando la etiqueta <title>en el código fuente e introduciendo las palabras. Cuando hayas terminado de añadir tu etiqueta del título, debería tener este aspecto:
El título <title>va aquí</title>
Las etiquetas de título son importantes porque ayudan a los motores de búsqueda a determinar de qué trata una página web, ayudándoles en última instancia a decidir si clasifican o no tu página para una consulta concreta. Las etiquetas de título también aparecen en las pestañas del navegador para ayudarte a navegar por él.
Las etiquetas de título eficaces deben utilizar tus palabras clave objetivo para ayudar a los motores de búsqueda a clasificar la página. No obstante, también deben tentar a los usuarios para que hagan clic y lean tus artículos o páginas web. Las palabras clave de alta prioridad deben aparecer lo más cerca posible del principio del título, ya que no tienes mucho espacio con el que trabajar. Además, cada página debe tener un título único para evitar confundir a los motores de búsqueda y a sus usuarios.
Una descripción meta es el breve resumen de texto que aparece en los SERP debajo del título. Todas tus páginas deben tener descripciones únicas y precisas del contenido que contienen. Una descripción meta debe tener entre 150 y 160 caracteres para evitar que se trunque en los resultados de búsqueda. Por desgracia, no siempre puedes opinar sobre cuál es tu descripción meta. Aunque las escribas tú mismo, los motores de búsqueda pueden decidir que proporcionaste información que no era relevante y optar por reescribir tus metadescripciones o mostrar el contenido incorrecto de la página.
Para añadir la etiqueta descripción meta a la página de tu sitio web, localiza la sección <meta name=" description" content= "Content goes here." > del código HTML.
Una descripción meta es una información importante para los motores de búsqueda y los usuarios. Utilizar una descripción meta eficaz puede promover más clics en tu sitio web al establecer expectativas claras sobre lo que los usuarios pueden esperar encontrar.
Incluir palabras clave objetivo en tu descripción meta puede ayudar a las personas a descubrir tu contenido más fácilmente, a la vez que indica a los motores de búsqueda de qué trata la página. También puedes explicar la finalidad de la página y lo que encontrarán los clientes cuando hagan clic. También puedes realizar pruebas A/B con tus metadescripciones para ver qué versiones consiguen más clics, te ayudan a mejorar tu clasificación y, en última instancia, atraen más tráfico al sitio web. Aprende a escribir una descripción eficaz consultando estos ejemplos de metadescripciones.
La etiqueta meta robots indica a los motores de búsqueda cómo rastrear tu sitio web, haciéndoles saber qué páginas quieres clasificar y cuáles no. Estas etiquetas tienen muchas finalidades, por lo que debes utilizarlas correctamente si quieres clasificar determinadas páginas e ignorar otras.
Las etiquetas robots indican a los motores de búsqueda si deben o no indexar o seguir una página, etiquetándolas como INDEX y FOLLOW o NOINDEX y NOFOLLOW. Cuando etiquetas una página como INDEX, le dices a los motores de búsqueda que quieres que aparezca en los SERP. En cambio, cuando les dices que FOLLOW (sigan) una página, esto indica que quieres pasar PageRank a una página concreta. Una etiqueta NOFOLLOW no se sigue, por lo que no puede transferir el rango de página a ningún otro tipo de página web. Estas páginas pueden seguir apareciendo en el índice de Google si otro sitio enlaza con ellas sin utilizar la etiqueta NOFOLLOW. Otros motores de búsqueda pueden tener normas diferentes para estas etiquetas robot.
Las etiquetas robot pueden tener este aspecto:
<meta name= “robots” content=noindex, nofollow”>
<meta name= “robots” content=noindex, follow”>
<meta name= “robots” content=index, nofollow”>
En última instancia, las etiquetas que utilices dependerán de tus objetivos para una página concreta. La primera línea de nuestro ejemplo indica a los motores de búsqueda que ignoren la página y los enlaces que contiene, por lo que, en última instancia, la hace inútil para el tráfico de referencia. El segundo ejemplo les indica a los motores de búsqueda que ignoren la página pero que sigan todos los hipervínculos de esa página, y el tercer ejemplo le dice a los motores de búsqueda que indexen la página pero que no sigan los hipervínculos de la página que puedan ir a otras páginas.
Cada una de tus páginas debe tener una etiqueta meta robots, pero sólo una etiqueta por página. No debes utilizar las tres opciones en la misma página.
Etiqueta de gráfico abierto
Las etiquetas de gráfico abierto se utilizan para compartir mensajes en plataformas de redes sociales como Facebook. Si quieres pasar información de un blog como la imagen destacada y un fragmento, utilizarás la etiqueta de grafico abierto. Estas etiquetas indican eficazmente a las plataformas de redes sociales el tipo de información que quieres mostrar cuando compartes un enlace desde tu sitio web.
Es probable que ya hayas visto algunas etiquetas de grafico abierto en acción. Cada vez que compartes un enlace de un sitio web en las redes sociales, se genera automáticamente una vista previa. Esta vista previa se crea a través de la etiqueta de gráfico abierto. Hay muchas etiquetas de grafico abierto entre las que puedes elegir, pero aparecerán en el encabezado HTML como
<meta property=”og:xx”>
Tus opciones para lo que puedes poner en un gráfico abierto incluyen:
<meta property=”og:title”>
<meta property=”og:description”>
<meta property=”og:type”>
<meta property=”og:image”>
<meta property=”og:url”>
<meta property=”og:site_name”>
El título define la página web y su tema. Puedes hacer que el título de tu gráfico abierto sea el mismo que tu metatítulo o cambiarlo en función de tu público en las redes sociales. Por su parte, la descripción actúa de forma similar a una descripción meta, mientras que el tipo define el tipo de contenido. Por ejemplo, el tipo puede referirse a una canción, un pdf o una imagen.
Además, la etiqueta de imagen de grafico abierto indica a las plataformas de redes sociales qué imagen quieres extraer de la página web para que sirva como imagen de la publicación, y la URL define la URL de la página que estás compartiendo. Si quieres mostrar el nombre de tu sitio web, puedes hacerlo utilizando la etiqueta de nombre del sitio, pero no suele ser una propiedad importante para los usuarios de las redes sociales.
La etiqueta palabra clave meta se utiliza para describir las palabras clave por las que quieres posicionarte. No obstante, la mayoría de los motores de búsqueda ignoran esta etiqueta, por lo que cada año está más obsoleta. De hecho, si abusas de la etiqueta palabra clave meta, podrías recibir una sanción, lo que te impediría clasificar tus palabras clave objetivo. Si se utiliza correctamente, esta etiqueta puede informar a los motores de búsqueda de qué trata tu contenido destacando las palabras clave importantes que se encuentran en tu página. Por desgracia, Google no utiliza la etiqueta palabra clave meta, pero otros motores de búsqueda tal vez lo hagan, por lo que merece la pena tenerla en cuenta si quieres mejorar tu SEO utilizando motores de búsqueda distintos de Google.
Como mínimo, el uso de la etiqueta palabra clave meta puede ayudarte para realizar un seguimiento de las palabras clave a las que te diriges en las distintas páginas del sitio web. La etiqueta tiene este aspecto
<meta name+" keywords" content=" keywords go here"/>
Dado que los principales buscadores ya no utilizan la etiqueta palabra clave meta como factor de clasificación, no hace falta perder tiempo ni de añadir más código que pueda ralentizar tu sitio web. En su lugar, puedes saltarte ésta y centrarte en las etiquetas meta que pueden ayudar a mejorar la clasificación y la experiencia del usuario.
Hay muchos otros tipos de etiquetas meta que pueden utilizarse en el encabezado o en el cuerpo de un sitio web, entre ellas:
- Etiqueta canónica: La etiqueta canónica se utiliza para indicar si existe una versión original de una página web, para indicar a los motores de búsqueda que una versión es la página principal y que las demás no deben indexarse. Esto puede evitar que compitas contigo mismo por las clasificaciones y que el contenido duplicado se convierta en un problema.
- Etiqueta texto alternativo: La etiqueta texto alternativo ayuda a los motores de búsqueda a leer las imágenes a través del texto, ya que no pueden saber qué aspecto tiene una imagen. Cuando escribas el texto alternativo, utiliza siempre descripciones relevantes sin rellenar con palabras clave. El texto alternativo también es importante para que los lectores de pantalla mejoren la accesibilidad del sitio web, por lo que debe tener sentido para las personas.
- Etiquetas de encabezado: Las etiquetas de encabezado se utilizan para cambiar el tamaño de las fuentes y estructurar tu contenido. Estas etiquetas van de H1 (la más grande) a H6 (la más pequeña) y pueden ayudar a los lectores a escanear el contenido.
- Etiqueta de idioma: La etiqueta meta de idioma indica a los motores de búsqueda en qué idioma está el contenido e identifica el país para mejorar los resultados de búsqueda en función del idioma y la ubicación.
- Etiquetas de autor: Las etiquetas de autor muestran el autor del contenido, lo que puede ayudar a satisfacer el requisito de Experiencia, Autoridad y Fiabilidad (Expertise, Authoritativeness, and Trustworthiness, EAT) de Google para clasificar el contenido.
- Fecha de publicación: La fecha de publicación puede utilizarse en los blogs para ayudar a los usuarios a comprender lo relevante y reciente que es la información. Más información sobre metadatos para publicaciones.
- Estilo: La etiqueta estilo contiene código CSS para definir cómo deben aparecer los elementos HTML en los navegadores.
