Acerca de esta herramienta
Las metaetiquetas en HTML <head> controlan cómo los motores de búsqueda y las plataformas sociales muestran la vista previa de una página. Las etiquetas más importantes incluyen <title>, <meta name="description">, etiquetas Open Graph (og:title, og:description, og:image) y etiquetas de Twitter Card (twitter:title, twitter:description, twitter:image). Cuando estas etiquetas faltan, están mal formadas o son incorrectas, los fragmentos de búsqueda y las vistas previas sociales parecen rotos o utilizan contenido no deseado.
Este verificador busca una URL e inspecciona todas las metaetiquetas relevantes. Las etiquetas faltantes están marcadas. Se resaltan las etiquetas con contenido que excede los límites de longitud específicos de la plataforma (truncamiento de fragmentos de Google, límites de caracteres de Twitter). Las referencias de las imágenes se verifican: si og:image apunta a un 404, la vista previa social se interrumpirá.
Todo esto es importante porque la mayoría de los clics en su sitio provienen de resultados de búsqueda y recursos compartidos en redes sociales. Las metaetiquetas son el texto de marketing que decide si se produce un clic. Hacerlos bien es una de las tareas sociales y de SEO de mayor influencia.
¿Por qué comprobar las metaetiquetas?
Los errores de metaetiquetas son silenciosos. Una página sin og:image aún se carga correctamente; Nada en la página te dice que las acciones sociales parecen rotas. El error sólo es visible cuando alguien comparte la página, momento en el que la primera impresión perdida ya se pierde. La revisión rutinaria de las páginas detecta estos problemas a tiempo.
Después de cambios importantes en un sitio (un rediseño, una migración de CMS, una actualización de plantilla), las metaetiquetas a menudo retroceden. Un pase de control de calidad en páginas importantes confirma que no se perdió nada crítico en el cambio.
Cómo usarla
Ingrese la URL, vea todas las metaetiquetas.
- Ingrese la URL: Escriba o pegue la URL para verificar. Tanto http:// como https:// funcionan; Se prefiere HTTPS.
- Buscar y analizar: La herramienta recupera la página (o le pide que pegue HTML si hay problemas entre orígenes que impiden la recuperación) y analiza la sección principal.
- Inspeccionar etiquetas: El título, la meta descripción, las etiquetas Open Graph, las etiquetas de Twitter Card y otras meta relevantes aparecen en una vista estructurada. Se marcan las etiquetas críticas que faltan.
- Vista previa de cómo aparecerá la página: Algunos verificadores muestran fragmentos simulados de Google, acciones compartidas en Facebook y vistas previas de tarjetas de Twitter basadas en las etiquetas analizadas. Úselos para detectar problemas antes de que aparezcan en acciones reales.
Detalles técnicos
Metaetiquetas requeridas para SEO: <title> (50-60 caracteres; Google trunca más allá de esto en los fragmentos de búsqueda), <meta name="description"> (150-160 caracteres; el texto más largo se trunca). La falta de cualquiera de los dos degrada significativamente la apariencia de la búsqueda.
Etiquetas Open Graph (utilizadas por Facebook, LinkedIn, Slack y muchos otros): og:title, og:description, og:image, og:url, og:type. og: la imagen debe tener al menos 1200 × 630 píxeles para una representación de alto DPI. og:image:alt es la etiqueta de accesibilidad.
Etiquetas de tarjetas de Twitter: twitter:card (normalmente resumen_imagen_grande), twitter:título, twitter:descripción, twitter:imagen. Twitter recurre a las etiquetas OG si faltan las específicas de Twitter, por lo que a menudo es suficiente una OG bien configurada.
Preguntas frecuentes
- ¿Qué metaetiquetas son más importantes para el SEO?
- Etiqueta de título (la más importante: 50 a 60 caracteres), meta descripción (150 a 160 caracteres), URL canónica, meta de robots, Open Graph (og:title, og:description, og:image) y ventana gráfica para dispositivos móviles. Estos afectan directamente las clasificaciones de búsqueda y las tasas de clics.
- ¿Cuánto tiempo debe tener mi etiqueta de título?
- 50-60 caracteres (o ~580 píxeles) para visualización completa en los resultados de búsqueda de Google. Los títulos más largos se truncan con '...'. Cargar palabras clave importantes desde el principio es más visible y tiene más peso SEO.
- ¿Necesito etiquetas Open Graph?
- Sí, si sus páginas se comparten en las redes sociales. Sin og:image y og:title, Facebook/LinkedIn generará automáticamente vistas previas que pueden parecer deficientes. Las etiquetas OG adecuadas garantizan que su contenido se vea genial cuando se comparte.
- ¿Para qué sirve la etiqueta canónica?
- La etiqueta canónica (rel="canonical") indica a los motores de búsqueda qué URL es la versión "oficial" de una página. Evita problemas de contenido duplicado cuando se puede acceder a la misma página en varias URL (con/sin www, HTTP/HTTPS, con parámetros de consulta).
- ¿Por qué mi compartir de Facebook muestra la imagen incorrecta?
- La mayoría de las veces, Facebook utiliza una versión en caché. Utilice el depurador compartido de Facebook para borrar el caché y volver a buscar su página.
- ¿Las metaetiquetas distinguen entre mayúsculas y minúsculas?
- Los nombres de las propiedades están en minúsculas por convención. La mayoría de los analizadores son tolerantes, pero utilizan minúsculas por seguridad.
- ¿Mi URL se obtiene del navegador o de un servidor?
- Depende de la herramienta. La recuperación del navegador puede tener problemas con CORS; Algunas herramientas utilizan un servidor proxy para buscar e informar.
- ¿Qué pasa con los datos estructurados JSON-LD?
- JSON-LD son datos estructurados para obtener resultados enriquecidos, separados de las metaetiquetas. La mayoría de los verificadores de metaetiquetas se centran en el meta meta del encabezado HTML; Los validadores de datos estructurados son una clase separada de herramienta.