Cómo escribir metaetiquetas (títulos y descripciones) para SEO

Las metaetiquetas son parte del c√≥digo HTML (etiquetas HTML) de su sitio web y describen el contenido de cualquier p√°gina a los rastreadores de motores de b√ļsqueda. Las metaetiquetas son esenciales para todos los motores de b√ļsqueda como Google, Yahoo, Yandex, Duck Duck Go y Bing.

Las metaetiquetas ayudan a los motores de b√ļsqueda a comprender e indexar mejor sus p√°ginas web y pueden tener un impacto directo en sus clasificaciones de b√ļsqueda. Estos son uno de los factores de clasificaci√≥n SEO m√°s importantes en la p√°gina, y la ausencia de uno puede afectar significativamente su clasificaci√≥n de b√ļsqueda.

Los t√≠tulos se muestran en las SERP (p√°gina de resultados del motor de b√ļsqueda) y en las pesta√Īas del navegador cuando navega por un sitio web. Las etiquetas de t√≠tulo juegan un papel importante en la descripci√≥n de lo que se trata una p√°gina. Las etiquetas de t√≠tulo son especialmente √ļtiles cuando un usuario est√° barajando varias pesta√Īas, ya que pueden ver el t√≠tulo de la p√°gina directamente en la pesta√Īa del navegador.

Cómo escribir metaetiquetas de título para SEO

Aquí hay algunas prácticas recomendadas para escribir metaetiquetas de título para sus páginas web.

  • No escriba metaetiquetas de t√≠tulo de m√°s de 60 caracteres.
  • Agregue modificadores, como instrucciones, consejos, comprar, buscar, arriba, etc., a su etiqueta de t√≠tulo.
  • Los t√≠tulos con n√ļmeros funcionan mejor, lo mismo es cierto para las etiquetas de t√≠tulo tambi√©n.
  • Inserte su palabra clave principal en la etiqueta del t√≠tulo, preferiblemente al principio.
  • Escriba una etiqueta de t√≠tulo √ļnica para cada p√°gina.
  • Si tiene una marca conocida, puede agregar su nombre de marca a sus etiquetas de t√≠tulo para obtener m√°s clics. Vea el siguiente ejemplo de Moz:

Metadescripción

Una metadescripci√≥n es una metaetiqueta colocada en el c√≥digo HTML que describe el contenido de una p√°gina. Las meta descripciones tambi√©n aparecen en las p√°ginas de resultados del motor de b√ļsqueda, justo debajo de las etiquetas de t√≠tulo.

La meta descripción resume el contenido de su página y es lo primero que los usuarios miran para decidir si desean o no visitar su página. Por lo tanto, es muy importante escribir una meta descripción nítida y relevante que haga que las personas quieran hacer clic en su página.

Adem√°s, las meta descripciones no solo ayudan a los usuarios a decidir qu√© cubre el contenido de su p√°gina, sino que tambi√©n ayudan a los motores de b√ļsqueda a comprender e indexar mejor su p√°gina.

La metaetiqueta metadescripción también se agrega en la sección "head" de su HTML.

Aquí hay un código de muestra:



Si bien las meta descripciones no son un factor de clasificaci√≥n directo de Google, pueden afectar la tasa de clics de una p√°gina y, por lo tanto, mejorar las clasificaciones de b√ļsqueda. Entonces, cuando escribe meta descripciones, debe optimizarlas adecuadamente para obtener los mejores resultados.

Cómo escribir meta descripciones para SEO

Siga estos consejos para escribir metaetiquetas de descripción para sus páginas web.

  • No escriba meta descripciones de m√°s de 160 caracteres de longitud y para optimizar para dispositivos m√≥viles, mant√©ngalo limitado a 130 caracteres.
  • Incluya su palabra clave principal y otras palabras clave importantes de la manera m√°s natural posible.
  • Explique claramente qu√© pueden esperar los usuarios de una p√°gina si hacen clic en ella.
  • Incluso puede resaltar sus palabras clave principales poni√©ndolas en negrita para que se destaquen y atraigan la atenci√≥n de los espectadores.
  • Escriba meta descripciones √ļnicas para cada p√°gina en su sitio web.
  • No incluya caracteres no alfanum√©ricos en sus meta descripciones.

Viewport

Se ha vuelto m√°s importante que nunca optimizar para dispositivos m√≥viles, ya que la mayor√≠a de las b√ļsquedas en l√≠nea se inician desde dispositivos m√≥viles. Una ventana gr√°fica es la parte visible de una p√°gina web y es m√°s peque√Īa para dispositivos m√≥viles que para computadoras de escritorio.

Una metaetiqueta de ventana gr√°fica le ayuda a que su sitio web responda mejor a los dispositivos m√≥viles y se usa para administrar el dise√Īo de sus p√°ginas web cuando se abre en navegadores m√≥viles. Esta metaetiqueta tambi√©n se agrega en la secci√≥n "head" de su HTML con una sintaxis como se muestra a continuaci√≥n:

Por lo tanto, una metaetiqueta de ventana gr√°fica permite que su p√°gina web se escale seg√ļn las dimensiones del dispositivo m√≥vil que se est√© utilizando.

No usar la metaetiqueta viewport cargar√° la p√°gina de una manera que no sea compatible con dispositivos m√≥viles y afectar√° negativamente la experiencia del usuario. Por lo tanto, no usar una etiqueta de ventana gr√°fica puede afectar negativamente su clasificaci√≥n de b√ļsqueda.

Robots

Esta es una metaetiqueta que le dice a los rastreadores de motores de b√ļsqueda si deben indexar una p√°gina o no.

Hay cuatro valores importantes de una metaetiqueta robots.txt:

Seguir : esto indica a los rastreadores que sigan todos los enlaces de una p√°gina web.

No seguir : esto indica a los rastreadores que no sigan la p√°gina y los enlaces de esa p√°gina.

√ćndice : esto indica a los rastreadores que indexen una p√°gina web.

Noindex : esto indica a los rastreadores que no indexen una p√°gina web.

Los siguientes son la sintaxis para metaetiquetas de robot:


Estas etiquetas también se colocan en la sección "cabezas" del código HTML.

Por defecto, los motores de b√ļsqueda siguen e indexan todas las p√°ginas a menos que se especifique lo contrario. Por lo tanto, no es necesario agregar etiquetas de robots a todas las p√°ginas, sino solo cuando lo desee, no desea que se indexe una p√°gina y se sigan los enlaces.

Los encabezados son b√°sicamente los subt√≠tulos H1, H2, H3 y otros en cualquier p√°gina. Las metaetiquetas de encabezado se utilizan para crear diferentes secciones de encabezado con diferentes tama√Īos de fuente.

Los encabezados ayudan a estructurar mejor su contenido y ayudan tanto a los visitantes de su sitio web como a los motores de b√ļsqueda a dar sentido a su p√°gina. Las metaetiquetas de encabezado no tienen un impacto directo en el SEO, pero mejoran la experiencia del usuario y pueden afectar indirectamente su clasificaci√≥n.

Es una buena pr√°ctica incluir palabras clave en las metaetiquetas del encabezado si se pueden insertar de forma natural.

Etiqueta canónica

Los sitios web de comercio electr√≥nico utilizan con mayor frecuencia una metaetiqueta can√≥nica cuando tienen varias p√°ginas con el mismo producto pero con diferentes variantes (pero pueden ser utilizadas por todos los sitios). En tales casos, utilizan una etiqueta can√≥nica para indicar a los motores de b√ļsqueda cu√°l es la p√°gina principal. Sin embargo, una etiqueta can√≥nica no es una directiva. Es solo una sugerencia, y Google puede ignorar sus can√≥nicos en ciertas situaciones.

Aquí hay un ejemplo de la sintaxis de etiqueta canónica:

Hay otros casos en los que una página puede tener varias URL, por lo que se deben usar etiquetas canónicas para especificar la página principal y evitar indexar páginas duplicadas.

Etiqueta de texto alternativo

Se agrega una etiqueta de texto alternativa a las im√°genes para ayudar a los motores de b√ļsqueda a leerlas, ya que no pueden leer im√°genes. Por lo tanto, agregue etiquetas de texto alternativo para todas las im√°genes en sus p√°ginas web para ayudar a los motores de b√ļsqueda a leer mejor el contenido de su p√°gina.

Aquí está la sintaxis de una etiqueta de texto alternativo típica:

‚ÄĚxyz‚ÄĚ

Cómo escribir metaetiquetas de texto alternativo para SEO

Estas son algunas de las mejores pr√°cticas a seguir cuando escribe metaetiquetas de texto alternativo para SEO.

  • Estos deben ser cortos y al grano.
  • El texto alternativo debe describir la imagen como relevante.
  • Mantenga la longitud entre 50 y 55 caracteres.
  • Siempre es una buena pr√°ctica crear un mapa del sitio de imagen para que sea m√°s f√°cil para los rastreadores de motores de b√ļsqueda leer e indexar im√°genes.

Metaetiquetas de redes sociales

Esto no afecta el SEO, pero hay dos metaetiquetas importantes de redes sociales que debes conocer:Twitter tarjetas y etiquetas gr√°ficas abiertas.

Twitter Tarjetas

Estas son metaetiquetas especializadas que se usan solo para Twitter. Estas etiquetas mejoran la visualización de la página en Twitter.

Aquí hay un ejemplo de un Twitter etiqueta de tarjeta:

Abrir etiquetas de gr√°fico

Al compartir enlaces, a veces se agrega autom√°ticamente una imagen y una breve descripci√≥n de la publicaci√≥n. Las etiquetas de gr√°ficos abiertos lo hacen posible. Estos son √ļtiles al compartir contenido, pero no tienen ning√ļn impacto directo en el SEO. Entonces, estas etiquetas son √ļtiles, pero no necesarias.

Aquí hay un ejemplo de una sintaxis de etiqueta gráfica abierta:

Conclusión

Estas son algunas de las metaetiquetas m√°s √ļtiles que debe conocer para optimizar su sitio web y mejorar su clasificaci√≥n de b√ļsqueda. Para una mayor investigaci√≥n, puede encontrar metaetiquetas m√°s avanzadas para usar en HTML que afectan c√≥mo los motores de b√ļsqueda rastrean su sitio o c√≥mo los navegadores presentan su p√°gina.

Recuerde seguir los consejos sobre cómo escribir metaetiquetas para SEO para obtener los mejores resultados.