Ver todas las etiquetas meta de una página

Pega una URL para ver las etiquetas meta de su encabezado HTML sin tener que buscar en el código fuente. Consulta el título, la descripción, las etiquetas para redes sociales y el favicon juntos, con vistas previas en tiempo real.

Título y descripción

Mira la etiqueta de título y la meta descripción exactamente como las leen los motores de búsqueda, junto con su longitud, para que puedas ver qué podría cortarse en los resultados.

Título

Descripción

framer.com

Robots y canónica

Consulta la etiqueta meta robots y el enlace canónico para confirmar que la página se puede indexar y que apunta a la URL correcta. Una etiqueta noindex accidental puede hacer que una página desaparezca de Google.

Título

Descripción

framer.com

Etiquetas para redes sociales

Consulta las etiquetas Open Graph y Twitter Cards que controlan la vista previa de los enlaces, incluida la og:image, y comprueba cómo se muestran en cada plataforma.

Favicon

Comprueba el favicon que un navegador y Google mostrarán junto a tu página y verifica que se cargue con un tamaño adecuado.

Título

Descripción

framer.com

Una guía práctica para ver las metaetiquetas

Las etiquetas meta están ocultas para los visitantes, pero determinan cómo aparece una página en las búsquedas y en las redes sociales. Un visor de metaetiquetas las hace visibles en cuestión de segundos.

¿Qué es un visor de metaetiquetas?

Un visor de metaetiquetas carga una página web y muestra las metaetiquetas y los elementos del head relacionados que contiene. Te ahorra tener que abrir el código fuente de la página y buscar cada etiqueta a mano.

Cómo ver las etiquetas meta de un sitio web

Introduce la URL de la página y ejecuta el visor. También puedes hacer clic derecho en una página y seleccionar «Ver código fuente de la página» para luego buscar «meta», pero el visor además muestra vistas previas y resalta las etiquetas que faltan.

¿Qué metaetiquetas debería tener cada página?

Un título único, una meta descripción, una etiqueta viewport, un enlace canónico, etiquetas Open Graph (og:title, og:description, og:image, og:url) y twitter:card. Añade una etiqueta robots solo cuando necesites restringir la indexación.

Longitudes recomendadas

Título de unos 50 a 60 caracteres, meta descripción de unos 140 a 160 caracteres, og:title de menos de 60 caracteres y una og:image de 1200 x 630 píxeles.

Visor de metaetiquetas frente a comprobador de metaetiquetas

Un visualizador muestra lo que hay en la página. Un comprobador va un paso más allá y señala problemas como etiquetas faltantes, duplicadas o demasiado largas. LinkPreview hace ambas cosas en una sola vista.

Por qué las etiquetas que veo difieren de las del código fuente

Algunos sitios añaden o modifican metaetiquetas con JavaScript tras cargar la página. Muchos rastreadores solo leen la respuesta HTML inicial, así que asegúrate de que las etiquetas importantes se rendericen en el servidor.

Descubre las metaetiquetas de sitios web increíbles

Usa la galería para ver los títulos, descripciones e imágenes OG que utilizan más de 1.700 sitios web bien diseñados y, a continuación, compáralos con tus propias páginas.