
Agregar Facebook Open Graph y Twitter Cards en tu sitio WordPress es algo que sin duda tendras que hacer tarde o temprano, como lo he comentado el uso de plugins no me es del todo de mi agrado y por lo tanto les voy a dejar una forma de agregar Facebook Open Graph y Twitter Cards sin el uso de ningún extra.
Todo lo que tenemos que haces es abrir nuestro el administrador y editar nuestro archivo functions.php de nuestro tema y realizar los cambios en necesarios para su sitio les puedo listar los siguientes.
- og:site_name:
- twitter:card
- twitter:creator
- twitter:site
function insertar_opengraph_doctype( $output ) { return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"'; } add_filter('language_attributes', 'insertar_opengraph_doctype'); //Lets add Open Graph Meta Info function insertar_meta() { global $post; if ( !is_singular()) //if it is not a post or a page return; if (is_single() || is_page() ) : if (have_posts() ) : while (have_posts() ) : the_post(); echo '<meta property="og:description" content="'.get_the_excerpt().'">'; echo '<meta name="twitter:description" content="'.get_the_excerpt().'" />'; endwhile; endif; elseif (is_home() ): echo '<meta property="og:description" content="Sitio web personal donde trato temas de tecnologia en general y pragramación principalmente php, mysql,css y jquery ">'; endif; echo '<meta property="fb:admins" content="532138163535147"/>'; 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="Emanuel Paxtian"/> '; echo '<meta name="twitter:card" content="summary_large_image" />'; echo '<meta name="twitter:title" content="'.get_the_title().'" />'; echo '<meta name="twitter:site" content="@psolucionesnet" />'; echo '<meta name="twitter:creator" content="@psolucionesnet" />'; if(!has_post_thumbnail( $post->ID )) { $default_image="https://emanuelpaxtian.com/avatar.jpg"; echo '<meta property="og:image" content="' . $default_image . '"/> '; } else{ $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' ); echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/> '; echo '<meta name="twitter:image" content="' . esc_attr( $thumbnail_src[0] ). '" />'; } echo " "; } add_action( 'wp_head', 'insertar_meta', 5 );
Espero te haya gustado este articulo y espero que lo usen y lo modifiquen ya que es un ejemplo básico pero se puede mejorar.