Analizador de Meta Etiquetas - Analizar Meta Etiquetas HTML
Analiza el código fuente HTML para examinar todas las meta etiquetas incluyendo título, descripción, OG, Twitter cards y sugerencias de optimización.
Cómo Usar
- Abre tu página web en un navegador, haz clic derecho y selecciona 'Ver código fuente de la página'.
- Copia todo el código fuente HTML (Ctrl+A, Ctrl+C).
- Pega el HTML en el área de texto de arriba.
- Haz clic en 'Analizar' para extraer y mostrar todas las meta etiquetas en una tabla estructurada.
- Revisa las sugerencias de optimización para mejorar el SEO de tu página y el compartir en redes sociales.
Acerca de las Meta Etiquetas
La Etiqueta title
La etiqueta <title> define el título que se muestra en las pestañas del navegador y en los resultados de los motores de búsqueda. Es uno de los elementos SEO en página más importantes. Práctica recomendada: mantenerla entre 50-60 caracteres, incluir tu palabra clave principal cerca del inicio y hacerla única y descriptiva para cada página.
Meta Descripción
La meta descripción proporciona un breve resumen del contenido de la página y aparece debajo del título en los resultados de búsqueda. Aunque no es un factor de clasificación directo, una descripción atractiva mejora las tasas de clics. Apunta a 150-160 caracteres. Incluye tu palabra clave principal de forma natural y termina con una llamada a la acción cuando sea apropiado.
Etiquetas Open Graph
Las meta etiquetas Open Graph (og:title, og:description, og:image, og:url) controlan cómo se muestra tu página cuando se comparte en plataformas de redes sociales como Facebook, LinkedIn y Slack. Sin estas etiquetas, las plataformas sociales usan contenido arbitrario de la página. La og:image debería tener al menos 1200×630 píxeles para mejores resultados.
Etiquetas Twitter Card
Las meta etiquetas Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image) controlan las vistas previas de tweets cuando tu URL se comparte en Twitter. El tipo de tarjeta 'summary_large_image' proporciona una vista previa de imagen grande que atrae más interacción. Sin etiquetas Twitter Card, Twitter recurre a las etiquetas Open Graph.
Características Principales
- Analiza y categoriza todas las meta etiquetas: básicas, Open Graph, Twitter y otras
- Verifica la longitud del título y la descripción según las mejores prácticas SEO
- Detecta etiquetas críticas faltantes como og:image o twitter:card
- Proporciona sugerencias de optimización accionables para cada problema encontrado
Aplicaciones Comunes
- Auditar las meta etiquetas de una página antes y después de la optimización
- Verificar que las etiquetas Open Graph estén correctamente implementadas para compartir en redes sociales
- Revisar páginas de competidores para entender su estrategia de meta etiquetas
- Solucionar por qué una página se ve incorrecta cuando se comparte en redes sociales