Cómo compartir artículos en Facebook de forma ordenada

  • Autor Autor dbalbis
  • Fecha de inicio Fecha de inicio
dbalbis

dbalbis

Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas tardes, creo que las imágenes van a ser más fáciles de explicar. Pero seria como puedo hacer click en el icono de facebook y que se comparta correctamente el artículo y ordenado. Titulo, Foto y contenido.

Actualmente se me ve así.

fb.webp

Me gustaria que salga la miniatura, y el contenido... se entiende?

Y la otra consulta que tengo es que al compartir el enlace de mi web por facebook, instagram o whatsapp se visualiza así.

El texto que se visualiza es lo ultimo en el footer, hay alguna forma de yo elegir que texto se muestre o directamente no se muestre ninguno?




4a18e35a-89e3-453e-85e7-ed4a63932a62 (1).webp


Muchas gracias amigos foreros, ojala alguien me pueda ayudar.

Saludos y esten en casa.
 
Para eso hay que hacer uso de los meta tags Open Graph en el head, los más comunes son.
og:title, og:type, og:image, og:url

Aquí hay un depurador de facebook para que haga pruebas.
Así como facebook, twitter y pinterest tienen su propio depurador.
 
Gracias por la respuesta, y eso iria en el single.php?

Saludos
 
Gracias por la respuesta, y eso iria en el single.php?

Saludos
Abría que modificar el head de wordpress, si tienes algún plugin de Seo como Yoast, esa función ya viene incorporada solo es cuestión de configurarla.

Para agregarla manualmente basta con crear una función en functions.php en la carpeta del theme (recomiendo una copia de seguridad primero).

Insertar CODE, HTML o PHP:
function add_opengraph_doctype( $output ) {
        return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
    }
add_filter('language_attributes', 'add_opengraph_doctype');

 
function insert_fb_in_head() {
    global $post;
    if ( !is_singular()) //if it is not a post or a page
        return;
        echo '<meta property="fb:admins" content="YOUR USER ID"/>';
        echo '<meta property="og:title" content="' . get_the_title() . '"/>';
        echo '<meta property="og:type" content="article"/>';
        echo '<meta property="og:url" content="' . get_permalink() . '"/>';
        echo '<meta property="og:site_name" content="Your Site NAME Goes HERE"/>';
    if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
        $default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
        echo '<meta property="og:image" content="' . $default_image . '"/>';
    }
    else{
        $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
        echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
    }
    echo "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );

Espero sirva de ayuda, cualquier cosa te comunicas conmigo y yo te ayudo sin cobrar.
 
Muchas gracias amigo, todos mis problemas se solucionaron al instalar Yoast, es que recien comienzo con la web y no habia considerado instalarlo... pero ahora si se ve con imagen y todo en su lugar.

Gracias colega
 
Atrás
Arriba