Cómo añadir una etiqueta de imagen Open Graph personalizada a tu página de inicio

Cuando compartes una entrada en Facebook, o cuando Jetpack Social comparte automáticamente una entrada en tu página de Facebook, Facebook rastrea la página y busca etiquetas meta de Open Graph para generar una vista previa completa de la entrada (con una imagen, título, descripción, …).

Jetpack crea automáticamente estas etiquetas meta para ti, ¡así que no tienes que preocuparte por ello!

Jetpack también añadirá una etiqueta meta de imagen a tu página de inicio si usas un Logotipo del sitio, o un Icono del sitio. Si no usas ninguna de estas 2 opciones, quizá quieras añadir allí tu propia etiqueta meta de imagen personalizada. Para hacerlo, añade uno de los siguientes fragmentos de código al archivo functions.php de tu tema, o a un plugin de funcionalidades:

function fb_home_image( $tags ) {
	if ( is_home() || is_front_page() ) {
		// Remove the default blank image added by Jetpack
		unset( $tags['og:image'] );

		$fb_home_img = 'YOUR_IMAGE_URL';
		$tags['og:image'] = esc_url( $fb_home_img );
	}
	return $tags;
}
add_filter( 'jetpack_open_graph_tags', 'fb_home_image' );

Como alternativa, puedes cambiar la imagen predeterminada que se usa cada vez que Jetpack no puede determinar qué imagen usar:

function custom_jetpack_default_image() {
	return 'YOUR_IMAGE_URL';
}
add_filter( 'jetpack_open_graph_image_default', 'custom_jetpack_default_image' );

Vale la pena señalar que la imagen de reserva tiene que ser más grande que 200 x 200px, según los requisitos de Facebook. Si tu imagen es más pequeña, Facebook la ignorará.

Explora las ventajas de Jetpack

Descubre cómo Jetpack puede ayudarte a proteger, acelerar y hacer crecer tu sitio de WordPress.

Explorar planes

¿Tienes alguna pregunta?

La sección de comentarios está cerrada para este artículo, pero seguimos aquí para ayudarte. ¡Visita el foro de soporte y estaremos encantados de responder a tus preguntas!

Ver foro de soporte