Lista de comprobación de metaetiquetas y Open Graph

Revisa el HTML que vas a publicar

Pega el head en la vista previa de metaetiquetas y comprueba title, description, canonical y viewport. La herramienta lee el código pegado; utiliza el inspector de URL si necesitas obtener una página publicada.

<title>Image to PDF Converter | Example</title>
<meta name="description" content="Combine JPG and PNG images into a PDF.">
<link rel="canonical" href="https://example.com/image-to-pdf/">

Comprueba las etiquetas de la tarjeta

Open Graph define og:title, og:type, og:image y og:url como propiedades básicas. Añade og:description para incluir una descripción. Asegúrate de que la dirección de la imagen sea pública. La vista previa HTML muestra las URL de imágenes remotas sin descargarlas.

<meta property="og:title" content="Image to PDF Converter">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/image-to-pdf/">
<meta property="og:image" content="https://example.com/share.png">

Resuelve direcciones relativas y revisa la página publicada

Si la imagen utiliza una ruta relativa como /share.png, introduce una URL base para comprobar cómo se resuelve. Después de publicar, compara los valores de la página pública con el inspector de URL. Los requisitos de inicio de sesión o las restricciones para rastreadores pueden impedir que algunos valores estén disponibles.

Ten en cuenta las tarjetas en caché y los resultados reescritos

Un servicio puede conservar una tarjeta antigua después de actualizar el HTML. Solicita que vuelva a obtener la página con su depurador oficial. Los buscadores también pueden elegir otra descripción según la consulta, por lo que el texto mostrado puede diferir de tu etiqueta description.

Herramientas utilizadas en esta guía

• Vista previa de metaetiquetas HTML
• Comprobador de metaetiquetas por URL

Fuentes

• The Open Graph protocol
• Google: Control your snippets