Una metaetiqueta es un elemento de código HTML que describe el contenido de su página no sólo a los motores de búsqueda, sino también a las personas que ven su sitio web en las SERP. Las metaetiquetas sólo aparecen en el código de la página, y cualquiera puede comprobarlas a través del código fuente del sitio web. Los motores de búsqueda los utilizan para ayudar a determinar el contenido de una página web, pero no todas las metaetiquetas son vitales para el SEO
Ha oído hablar de SEO una y otra vez y cómo debe aspirar siempre a conseguir esa posición nº 1 en las SERP.
Pero, ¿se ha parado a pensar alguna vez qué hace exactamente Google para saber qué hay en su página y cómo sabe qué mostrar en los resultados de búsqueda?
Pues bien, hay algunas cosas que debería añadir a su código para ayudar a las arañas de los motores de búsqueda a entender mejor de qué tratan las páginas de su sitio web.
Y se llaman Etiquetas META.
¿Qué son y por qué son importantes?
¿Cuáles son los principales tipos de etiquetas meta?
¿Cómo se comprueban en una página web?
Se trata de un conjunto de preguntas a las que responderé en el resto de esta miniguía.
Capítulo 1: ¿Qué son las etiquetas META y por qué son importantes?
En este primer capítulo, entraré en un poco más de detalle sobre la definición de la etiqueta meta y por qué algunas de ellas son importantes para el SEO.
1.¿Qué son las etiquetas META?
» Las metaetiquetas son una excelente manera de que los administradores de sitios web proporcionen a los motores de búsqueda la información que contienen sus sitios. Pueden utilizarse para proporcionar información a todo tipo de clientes, y cada bot sólo procesa las metaetiquetas que entiende e ignora el resto. Se añaden a la sección de su página HTML » Google, 2020.
La palabra » meta » es una abreviatura de metadatos. Esencialmente, las etiquetas de metadatos son texto que se encuentran en el código de una página web y que tienen por objeto describir el contenido de esa página a los motores de búsqueda como :
» Las metaetiquetas pueden afectar a la forma en que los usuarios ven su sitio en los resultados de las búsquedas y a que hagan o no clic en su sitio. «
Las metaetiquetas están incrustadas en el de un documento HTML y, por lo tanto, debe ser codificado en su CMS
Dependiendo de la plataforma que soporte su sitio web, la codificación puede ser sencilla o complicada. Sin embargo, una solución «lista para usar» como WordPress tendrá una sección dedicada a estas etiquetas, al igual que enlaces canónicos o meta descripciones.
Las etiquetas de metadatos han dejado un legado conflictivo, ya que muchos vendedores han experimentado y manipulado los algoritmos algoritmos de los motores de búsqueda a través de relleno de palabras clave.
Para combatir esto, Google ha cambiado su algoritmo sobre cómo maneja y revisa estas etiquetas.
Sin embargo, antes de enumerar los que debe añadir a su sitio web, le daré las razones por las que son tan importantes.
1.2. ¿Por qué son importantes las metaetiquetas?
Como he mencionado en la sección anterior, las metaetiquetas ofrecen más claridad sobre su sitio a los motores de búsqueda y a los usuarios que se encuentran con su sitio en las SERP
Pueden ser optimizados para destacar elementos cruciales de su contenido y hacer que su sitio web se vea bien en los resultados de búsqueda.
L’una experiencia de usuario perfecta es un criterio muy importante que los motores de búsqueda valoran cada vez más, y esto se consigue por lo bien que su sitio satisface la consulta del usuario
El etiquetas meta las etiquetas contribuyen a esto asegurando que la información que los buscadores necesitan sobre su sitio se muestra por adelantado (en las SERP) en un concisa y útil
La experiencia del usuario también implica facilidad de navegación en su sitio por parte de los visitantes y de los rastreadores de los motores de búsqueda, y esto se consigue principalmente a través de la estructura de su sitio web
De hecho, ciertos tipos de estas etiquetas, cuando se utilizan correctamente, permiten una buena estructura de la página, que permite una fácil fácil navegaciónen su sitio
Al mismo tiempo, otros tipos de etiquetas meta (como la etiqueta canónica o la etiqueta meta robot), indican a los motores de búsqueda qué páginas de su sitio deben tener en cuenta y cuáles ignorar.
En total, hay muchos tipos de etiquetas de metadatos que sirven para diferentes propósitos, pero no todos están relacionados con el SEO. En este guía completa de metaetiquetas etiqueta una lista completa.
Sin embargo, para los fines de esta guía rápida, he seleccionado las 10 etiquetas de metadatos más importantes que debe conocer para optimizar el rendimiento de su sitio en las SERP.
Capítulo 2: Las 10 principales etiquetas meta para el SEO y cómo comprobarlas en un sitio web
En esta sección, le explicaré las 10 etiquetas meta más importantes para el SEO en las que debe centrarse para que su negocio aparezca en los resultados correctos del SEO:
Etiqueta del título
Meta descripción
Etiqueta canónica
Etiqueta de texto alternativo
Etiqueta Meta Robots
Metaetiquetas de gráficos abiertos y tarjetas de Twitter
Etiquetas de cabecera
Etiqueta meta de diseño responsivo
Etiqueta del esquema
Meta tipo de contenido
Si utiliza correctamente estas metaetiquetas, podrá aumentar el rendimiento de su sitio web.
A continuación, veremos cómo comprobarlos en un sitio web.
2.1. Las 10 principales etiquetas meta
2.1.1. Etiqueta del título
La etiqueta del título es el primer elemento HTML que especifica el tema de su página web. Es lo primero que ve su público en las páginas de resultados de búsqueda. Juzgarán su contenido basándose en su etiqueta
Si quiere llegar a más clientes potenciales interesados en su negocio, debe optimizar bien su etiqueta de título.
Aparecen no sólo en la página de resultados del motor de búsqueda (SERP), sino también en las pestañas del navegador.
El título se muestra en todos los navegadores, principalmente
Cromo
Firefox
Safari.
Su título es una vista previa de su contenido. Por lo tanto, debe asegurarse de que la etiqueta del título sea informativa para que su público pueda hacerse una mejor idea de su página
Una etiqueta de título razonable animará a los usuarios a hacer clic en su anuncio y a interactuar con su contenido.
Al crear su etiqueta de título, asegúrese de que es claro y descriptivo. Dado que se trata de una visión general de su página, debe asegurarse de decirle a su público exactamente qué puede esperar cuando haga clic en su sitio
También debe asegurarse de incluir su palabra clave más importante en el título para ayudar a que su sitio web se posicione en los resultados relevantes.
La etiqueta del título debe añadirse siempre en la sección de su sitio:
Este es un ejemplo de título
La mayoría de las plataformas de CMS insertan automáticamente su etiqueta de título en el código fuente cuando lo crea. Por lo tanto, no tiene que preocuparse de añadirlo manualmente en su HTML .
Resumen de las mejores prácticas del meta título:
La longitud del meta título debe ser de unos 55-65 caracteres ;
Añada palabras que indiquen el tema de su contenido, como por ejemplo Cómo, Reseñas, Mejor, Consejos, Top, Busque en, Comprar… ;
Utilice la cola larga palabras clave de cola larga o palabras clave con más de 4 palabras, como por ejemplo: «¿es mi sitio web apto para móviles?» o «¿cómo hacer que un sitio web sea apto para móviles?» ;
Añada números a su título, como por ejemplo: «9 etiquetas HTML que mejorarán el SEO» ;
Comience su etiqueta de título con su palabra clave principal y evite el relleno de palabras clave;
Al igual que el contenido duplicado en una página, a Google no le gustan los títulos duplicados (ni las descripciones, por cierto), y esto afecta al rendimiento de su sitio. Así que asegúrese de que cada página tiene su propia meta título único.
2.1.2. Meta descripción
La segunda etiqueta meta más importante para los motores de búsqueda es la meta descripción. Es un elemento HTML que resume el contenido de su página web.
Los motores de búsqueda suelen mostrarlo en los resultados de búsqueda bajo su etiqueta de título.
He aquí un ejemplo de ello:
Similar a la títuloel meta descripción proporciona a su público una visión general de su página. En este nivel, es necesario ser claro, descriptivo y utilice su palabra clave principal.
Es cierto que Google no utiliza la meta descripción como señal de clasificación. Sin embargo, sigue teniendo un gran efecto en la porcentaje de clics (CTR) de su página, ya que aparece en los resultados de búsqueda e informa a los usuarios de qué trata su página.
También ayuda a los motores de búsqueda a entender el contexto de su página y a clasificarla en los resultados de búsqueda relevantes.
Sin embargo, tenga en cuenta que el algoritmo de Google puede sustituir su meta descripción por otra parte del contenido de la página si le parece más valiosa (después de todo, Google sabe más que nadie)
Al igual que las etiquetas de título, la mayoría de las plataformas de CMS añadirán automáticamente su etiqueta de meta-descripción a su código
Si no es así, puede instalar plug-ins que le ayuden a añadir su etiqueta meta descripción Yoast y Todo en uno SEO son dos de los plugins más utilizados para los sitios web de WordPress.
Recientemente, Google ha cambiado la longitud de la meta descripción que mostrará en las SERP. De hecho, el gigante de los buscadores ha confirmado que ha acortado los fragmentos de los resultados de búsqueda después de ampliarlos.
El jefe de búsqueda pública de Google, Danny Sullivandanny Sullivan, jefe de la búsqueda pública de Google, dijo que no había una longitud fija para los fragmentos.
La nueva longitud media del campo del fragmento de descripción en los ordenadores es de aproximadamente 160 caracteresfrente a los más de 300 caracteres.
Los caracteres móviles de los fragmentos de resultados de búsqueda se reducen ahora a 130 de media.
Resumen de algunas de las mejores prácticas para las etiquetas de meta descripción:
No añada una meta descripción duplicada
Añada una clara llamada a la acción (CTA) en sus descripciones como «solicite hoy», «visite ____» o alguna de estas 100 palabras clave CTA para su campaña de marketing
Añada sus palabras clave en las descripciones
Añada cualquier descuento u oferta que tenga.
De esta manera tendrá una etiqueta de descripción convincente.
«Hemos intentado mostrar descripciones más largas en los resultados de búsqueda y creo que es algo que cada vez ve más gente. Para las descripciones que mostramos, intentamos centrarnos en la meta descripción que usted proporciona en sus páginas, pero si necesitamos más información o más contexto basado en la consulta del usuario, podemos tomar también partes de la página. Esencialmente, desde un punto de vista puramente técnico, estas descripciones no son una clasificación para nada. Por tanto, no es cierto que cambiar sus descripciones, hacerlas más largas o más cortas, editarlas o insertar palabras clave en ellas vaya a afectar a la clasificación de su sitio. «
2.1.3. Etiqueta canónica
A etiqueta canónica es una etiqueta de enlace HTML con el atributo » rel = canónico «. Se utiliza para indicar que existen otras versiones de una página web.
Al implementar la etiqueta canónica en el código de su sitio web, le está diciendo a los motores de búsqueda que esta URL es la página principal y que no deben indexar ninguna otra página.
Es decir, la etiqueta canónica se centra en la URL principal y guía a los rastreadores hacia ella
Esta etiqueta es fundamental para que Google no penalice su sitio por utilizar contenido idéntico. Esto último suele ser un indicador negativo de SEO
Además, con la etiqueta canónica, usted guía a su público a la página correcta. Esta etiqueta es especialmente útil si ha creado una nueva página para su sitio y no quiere que los usuarios accedan a la antigua
Este es el ejemplo de sintaxis utilizado para añadir una etiqueta canónica:
2.1.4. Texto alternativo
El texto alternativo es una de las etiquetas meta menos conocidas por los motores de búsqueda Texto alternativo (texto alternativo) es una metaetiqueta de optimización de imágenes
Esta etiqueta le permite añadir una descripción de su foto que se leerá si la imagen no se muestra o si la gente utiliza lectores de pantalla.
Al utilizar la alternativa de texto, hace que las imágenes sean accesibles para las personas y los motores de búsqueda. Google no podrá leer eficazmente las imágenes y saber qué son si no hay una etiqueta de texto alternativo
Por lo tanto, el texto alternativo ayuda a Google a entender el contexto de la imagen para clasificar correctamente su página e imagen.
Debe crear descripciones claras y concisas que sean fáciles de entender para las personas con necesidades de accesibilidad. No confunda su descripción con las palabras clave con la esperanza de clasificarse mejor para esas palabras clave.
Puede incluir una o dos palabras clave en su texto alternativo, pero sólo si encaja y fluye de forma natural con el texto. No se obligue a incluir palabras clave.
De este modo, podrá incluir gráficos o imágenes en su sitio web sin perjudicar su SEO.
Cuando cree un texto alternativo para su sitio web, utilice la siguiente sintaxis:
Aquí tiene algunos consejos para sus etiquetas de texto alternativo:
Utilice siempre una descripción adecuada y no rellene nunca su palabra clave en esta etiqueta;
Debe añadir un texto alternativo adecuado a las imágenes para que los motores de búsqueda sepan cómo interpretarlas;
Utilice nombres de archivo informativos;
Sea claro y preciso;
Cree un mapa del sitio de imágenes;
Utilice 50-55 caracteres (hasta 16 palabras) en el texto alternativo;
Utilice un tamaño de archivo medio o pequeño para acelerar la velocidad de carga de la página, pero no comprometa la resolución de la imagen.
2.1.5. Etiquetas de cabecera
Cuando crea contenido para su página, suele dividirlo en secciones con etiquetas de cabecera. Estas etiquetas ayudan a estructurar su página y a hacer su contenido más digerible para su público, es decir, a indicar la jerarquía de la información en la página.
Son especialmente importantes para el SEO, ya que ayudan al motor de búsqueda a entender mejor su contenido
Las etiquetas de cabecera permiten a los motores de búsqueda y a los usuarios navegar por su contenido de forma eficiente. Estos etiquetas de cabecera estructure su contenido y cree un flujo de lectura de su página.
Los elementos de encabezamiento van desde H1 a H6H1 es el nivel más grande e importante, y H6 es la más pequeña y menos importante.
Si marca el texto con un H1le está diciendo a los motores de búsqueda que éste es el texto más importante de esa página.
Además, los titulares ofrecen a su público una mejor experiencia en su sitio. Si pueden leer y digerir fácilmente su contenido, es más probable que permanezcan más tiempo en su página
Este comportamiento disminuirá la tasa de rebote en su sitio, lo que a su vez aumentará su clasificación SEO y le permitirá llegar a más clientes potenciales interesados.
Cuando utilice etiquetas de encabezamiento en su página, no las utilice en exceso. Cada cabecera debe tener un propósito para ayudar a que su página esté más organizada
Están pensados para presentar los puntos principales de las diferentes secciones de su página, así que utilícelos sólo cuando sea necesario.
Optimizando las metaetiquetas SEO como encabezadosal optimizar las etiquetas meta de SEO, como los encabezados, creará una página más útil que se clasificará mejor en los resultados de búsqueda.
2.1.6. Etiqueta Meta Robots
La finalidad de la etiqueta meta robots es indicar a los motores de búsqueda que indexen o no una página web.
Esta etiqueta tiene cuatro valores principales para los robots de los motores de búsqueda:
SIGA – El rastreador del motor de búsqueda seguirá todos los enlaces de esta página web;
ÍNDICE – El rastreador del motor de búsqueda indexará la página web completa;
NOFOLLOW – El rastreador del motor de búsqueda nO seguirá la página y los enlaces de esta página web;
NOINDEX – El rastreador del motor de búsqueda nO indexará esta página web.
Utilice la siguiente sintaxis para su etiquetameta robots :
significa no indexar o seguir esta página web;
: Medios para indexar y seguir esta página web.
Recuerde que la metaetiqueta robots debe colocarse en el sección de su página web.
2.1.7. Etiquetas Meta Open Graph y Twitter Cards
Estas etiquetas facilitan la sincronización de las redes sociales.
Las etiquetas Meta Open Graph las metaetiquetas ayudan a enlazar Pinterest, Facebook, LinkedIn, Google… con su sitio web.
Estas son las cinco etiquetas de open graph más utilizadas al compartir en estas plataformas:
Og: tipo – Describe el tipo de contenido que está compartiendo. Los blogs, los sitios web y los artículos son los más comunes para las empresas.
Og: url – Establece la URL del contenido que está compartiendo.
Og: título – Indica el título del contenido que está compartiendo.
Og: descripción – Bastante similar a una meta-descripción. Describe el contenido de la página y debe estar bien escrito para atraer clics.
Og: imagen – Asegura que se adjunte una imagen a las acciones sociales para atraer la atención con elementos visuales.
Este es un ejemplo de cómo se ven las etiquetas Open Graph en HTML estándar:
Etiquetas meta de las Twitter Cards funcionan de la misma manera que Open Graph, excepto para Twitter.
Twitter utilizará estas etiquetas para mejorar la visualización de su página cuando se comparta en su plataforma.
Este es un ejemplo de cómo el tarjeta de Twitter en HTML estándar :
2.1.8. Etiqueta meta de diseño responsivo
La última etiqueta meta importante es la Etiqueta meta de diseño responsivoetiqueta meta, también llamada etiqueta meta HTML Viewport.
¿Alguna vez ha cargado la página de un sitio web en su teléfono sólo para descubrir que no está bien escalada y que tiene que desplazarse por la pantalla para encontrar lo que necesita?
Sí, esta página web olvidó añadir una etiqueta meta viewport.
La etiqueta meta viewport es la que hace que los sitios web sean responsivos cuando se utilizan en diferentes dispositivos.
El etiquetas meta viewport permiten a los diseñadores web configurar la escala y la visualización de una página en cualquier dispositivo.
En la primera imagen, el texto es difícil de leer, pero en la segunda, el texto y la imagen coinciden con las dimensiones de la pantalla.
Puede encontrar el elemento viewport en el sección de su página web.
Las metaetiquetas de diseño responsivo tienen este aspecto:
Hay una excepción a la regla de la etiqueta Meta Viewport: no la utilice si las páginas de su sitio web no son responsivas, ya que esto empeorará la experiencia del usuario. Puede utilizar esta herramienta de Google para ver si su sitio es apto para móviles Prueba de compatibilidad con dispositivos móviles – Google Search Console.
2.1.9. Etiqueta del esquema
Básicamente, el esquema es un tipo de etiqueta que ayuda a proporcionar más claridad sobre las diferentes partes de un sitio web para permitir que los algoritmos de los motores de búsqueda tengan una mejor comprensión del tipo de contenido disponible en el sitio
Hay una variedad de esquemas que pueden utilizarse en su sitio web para permitir a Google categorizar su negocio, sus productos u otra información importante
Por ejemplo, si tiene un negocio local, el principal tipo de esquema para el SEO local es el esquema organizativo. En este último, debe poner :
El nombre de la empresa
L’dirección de la empresa
El número de teléfono de la empresa
Y otros detalles importantes relacionados con su empresa.
2.1.10. Tipo de contenido meta
Un tipo de contenido etiqueta meta content-type debe aparecer en todas las páginas. Define su juego de caracteres y le dice al navegador cómo leer / analizar el archivo.
En este ejemplo, el etiqueta meta detipo de contenido indica que la página es una página HTML y que el conjunto de caracteres es utf-8.
2.2. Etiquetas meta no tan esenciales
No quiero entrar en demasiados detalles sobre las metaetiquetas no esenciales, bueno, ¡porque no creo que sean necesarias para todas las páginas del sitio web!
Pero, en caso de que se muera por saberlo, aquí hay una lista rápida de esas etiquetas meta que no son esenciales:
Generador de etiquetas META generador: Esto es realmente MALO. No recomiendo su uso;
Copyright esto ya está en el pie de página de todas las páginas web;
Etiqueta con la palabra clave google ya no lo utiliza para clasificar las páginas;
Etiqueta Meta Geo etiqueta: Google ya no utiliza esto para clasificar las páginas;
Verificación del sitio compruebe su sitio con Google Search Console ;
Etc.
2.¿Cómo comprobar las metaetiquetas de un sitio web?
Es cierto que no se pueden encontrar las metaetiquetas cuando se tiene una página web abierta. Pero, comprobando la fuente de la página, ¡sí que puede!
He aquí cómo hacerlo:
Vaya a cualquier página web de su elección;
Una vez en la página, haga clic con el botón derecho;
Haga clic en Mostrar el código fuente de la página o pulse Ctrl + U y verá que se abre una nueva pestaña;
¡Eso es! Todas las etiquetas meta que se han añadido a esta página se pueden encontrar aquí.
También hay un puñado de herramientas gratuitas y fáciles de usar que pueden extraer las metaetiquetas de cualquier sitio web simplemente copiando y pegando la URL de la página
2.4. Algunos consejos para optimizar sus Meta Tags
Seguro que ya tiene varios contenidos en su página web. Para ello, debe tomarse la molestia de corregir los errores que ha cometido por el mal uso de las etiquetas meta en este contenido.
He aquí una lista de comprobación que puede ayudarle a comprobar su rendimiento con estas etiquetas:
Compruebe si el etiqueta del título y el meta descripciones están presentes en todas sus páginas;
Dé más importancia a su títulos y el estructura de su contenido ;
No olvide utilizar el texto alternativo (Texto alternativo) en sus imágenes;
Utilice el etiqueta meta robot para indicar a los motores de búsqueda cómo deben acceder a su contenido;
Busque páginas similares o duplicadas y utilice etiquetas canónicas en la versión principal de cada uno de ellos;
Cree una lista de pasos que debe seguir cada vez que cree nuevos contenidos y haga que el uso de las metaetiquetas forme parte de su rutina.
Capítulo 3: Otras preguntas sobre las metaetiquetas
3.1 ¿Qué es la etiqueta meta?
Las metaetiquetas son etiquetas HTML que describen el contenido de una página web a los motores de búsqueda y a los visitantes del sitio
Esto se debe a que los motores de búsqueda como Google utilizan los metadatos de estas etiquetas para comprender la información adicional sobre la página web
