Cómo agregar Twitter Cards a WordPress sin PLuguins

CustomWP

10.10.2017 a las 23:20 hs 0 23551 0





Twitter Cards, seguramente has escuchado sobre esto o simplemente no tienes ni la mínima idea sobre que son. Explicaremos eso mas adelante, por ahora hablaremos acerca de la importancia de compartir nuestro contenido mediante esta famosa red social pues puede generar mas trafico hacia nuestra web y aumentan las posibilidades cada vez que un usuario comparte nuestro contenido. Sin embargo, tras compartir nuestro POST twitter de forma predeterminada solo agrega un par de datos que no pueden ser de mucha utilidad, pues solo agrega una breve descripción extraída del post, un enlace a nuestro contenido y una imagen cargada.

Todas las cosas mencionadas anteriormente son genéricas ¿resulta practico dejarlo así? No, pues cuando el tweet se ha compartido por usuarios haciendo retweeted tu tweet original se pierde (por así decirlo). Debido a que no contiene información acerca del autor y tal vez de donde proviene. Sin embargo, puede elaborar estas configuraciones de la mejor forma mediante las metas Twitter Cards utilizando el famoso sistema meta de Open Graph Protocol.

Si cuenta con Yoast SEO podrá agregarlo de manera fácil habilitando las metas de Twitter mediante la configuración Social, en caso contrario podrá agregar estas metas de manera manual sin necesidad de instalar plugins que cumplan estas funciones. Por lo cual para agregarlas simplemente debe abrir el archivo functions dentro de su theme wordpress, posteriormente agregaremos el siguiente codigo:


función my_twitter_cards () {
if (is_singular ()) {
global $ post;
$ twitter_user = str_replace ('@', '', get_the_author_meta ('twitter'));
$ twitter_url = get_permalink ();
$ twitter_title = get_the_title ();
$ twitter_excerpt = get_the_excerpt ();
$ twittercard_image = wp_get_attachment_image_src (get_post_thumbnail_id ($ post-> ID), 'completo');
$ twittercard_thumb = $ twittercard_image [0];
if (! $ twittercard_thumb) {
$ twittercard_thumb = 'http://www.example.com/default-image.png';
}
if ($ twitter_user) {
echo '<meta name = "twitter: creador" value = "@'. esc_attr ($ twitter_user). '" />'. "
orte";
echo '<meta name = "twitter: tarjeta" value = "summary" />'. "
orte";
echo '<meta name = "twitter: url" value = "'. esc_url ($ twitter_url). '" />'. "
orte";
echo '<meta name = "twitter: title" value = "'. esc_attr ($ twitter_title). '" />'. "
orte";
echo '<meta name = "twitter: description" value = "'. esc_attr ($ twitter_excerpt). '" />'. "
orte";
echo '<meta name = "twitter: image" value = "'. esc_url ($ twittercard_thumb). '" />'. "
orte";
echo '<meta name = "twitter: site" value = "@ mhthemes" />'. "
orte";

Agregado el código no olvide cambiar la URL de imagen por defecto en caso de no encontrar alguna imagen tras compartir el POST ya que por defecto se mostrara esta.

Ademas no olvide cambiar el valor de la variable $ twitter_user por el nombre de usuario de acuerdo a sus necesidades, para ello simplemente escriba el nombre dentro del símbolo "@" poner el nombre a un lado derecho del símbolo.

Como podrás observar se agregan las meta de forma dinámica sin la necesidad de utilizar plugins logrando el mismo resultado. Sobre todo resulta genial hacerlo de manera manual ya que evitamos la sobrecarga de nuestro sitio web.




Posteado por:

TuZonaWP

Administrador

0 Comentarios


Cargando comentarios espera un momento...
No tienes permisos para comentar.
Para poder comentar necesitas estar Registrado. O.. ya tienes usuario? Logueate!