¿Alguna vez te has preguntado por qué algunos tuits reciben muchos más clics que otros, incluso cuando el contenido es similar? El secreto a menudo radica en cómo aparece el contenido cuando se comparte. Los tuits de texto plano son ignorados, pero los tuits con vistas previas llamativas captan la atención e impulsan los clics.
Aquí en WPBeginner, usamos Tarjetas de Twitter para controlar cómo se ven nuestros tuits y para aumentar la participación. Vemos un aumento notable en nuestro tráfico de redes sociales y tasas de participación.
¿La mejor parte? Agregar Tarjetas de Twitter a tu sitio de WordPress no requiere ninguna habilidad de codificación ni experiencia técnica. Te mostraremos varios métodos para configurar esto, desde soluciones sencillas de plugins hasta implementación manual, para que puedas elegir lo que mejor se adapte a tu nivel de habilidad.
¿Por qué usar Tarjetas de Twitter en WordPress?
Las Tarjetas de Twitter te permiten agregar un título, resumen, imagen y archivo de video o audio a tu tuit. De esta manera, es más probable que obtengas más clics y retuits.
Puedes ver un ejemplo en vivo yendo a nuestra página de WPBeginner en X.
La mayor ventaja de tener Tarjetas de Twitter es que aumentan el número de personas que siguen tus cuentas de X a través de la atribución de contenido. A menudo, las personas tuitean tus enlaces sin darte el crédito adecuado.
Por ejemplo, digamos que @syedbalkhi retuitea una publicación de @wpbeginner sin atribución, y otras personas retuitean a @syedbalkhi. Entonces, los usuarios que ven esos retuits son más propensos a seguir a @syedbalkhi que a @wpbeginner.
A menudo, los curadores de contenido hacen esto para mantener la longitud de los tuits corta y asegurar los retuits de sus propios tuits.
Con las Tarjetas de Twitter, este problema se resuelve porque obtienes crédito para tu sitio web de WordPress por cada tuit que menciona tu artículo.
Ahora que conoces los beneficios de las Tarjetas de Twitter, veamos cómo implementarlas en WordPress. Cubriremos dos métodos y te mostraremos cómo probar y validar tus Tarjetas de Twitter:
- Usar el plugin AIOSEO para agregar Tarjetas de Twitter (Recomendado)
- Agregar Tarjetas de Twitter en WordPress (Método de código)
- Prueba y valida tus Tarjetas de Twitter
- Preguntas Frecuentes
- Guías expertas sobre el uso de Twitter con WordPress
Método 1: Usar el plugin AIOSEO para agregar Tarjetas de Twitter (Recomendado)
La forma más fácil de agregar Tarjetas de Twitter a tu sitio web es usando el plugin All in One SEO (AIOSEO) para WordPress. Es el mejor plugin SEO de WordPress y es utilizado por más de 3 millones de sitios web.
Primero, necesitarás instalar y activar el plugin AIOSEO. Para más detalles, sigue nuestro tutorial paso a paso sobre cómo instalar un plugin de WordPress.
Puedes usar la versión gratuita de AIOSEO ya que ofrece una función para configurar Tarjetas de Twitter en tu sitio web de WordPress.
Después de que el plugin esté activo, ve a tu área de administración de WordPress y navega a All in One SEO » Redes Sociales. Luego haz clic en la pestaña ‘X (Twitter)’ y asegúrate de que la opción ‘Habilitar Tarjeta X’ esté activada.
Una vez que habilites las Tarjetas de Twitter, puedes cambiar su apariencia usando diferentes configuraciones.
AIOSEO te permite seleccionar el Tipo de Tarjeta Predeterminado para tu contenido. El plugin establecerá 'Resumen' como el tipo de tarjeta predeterminado, que muestra el título, el resumen y la imagen en miniatura de tu contenido.
Sin embargo, puedes cambiarlo a 'Resumen con Imagen Grande' desde el menú desplegable, y Twitter mostrará tu tweet con una imagen grande.
Después de eso, necesitas seleccionar la Fuente de Imagen Predeterminada para las Publicaciones. Esta es la imagen que deseas mostrar en tus Tarjetas de Twitter.
Hay diferentes opciones para elegir usando el menú desplegable. Por ejemplo, puedes subir o seleccionar una imagen predeterminada que aparecerá en la Tarjeta de X (Twitter) o seleccionar la imagen destacada, la imagen adjunta, la primera imagen del contenido, y más.
A continuación, agrega una Imagen Predeterminada para Publicaciones de X, que se usará como respaldo en caso de que tu contenido no tenga una imagen.
Por ejemplo, si la fuente de la imagen de tu publicación es una imagen destacada, pero la publicación no tiene una imagen destacada, entonces X usará la imagen predeterminada en su lugar.
Aparte de eso, AIOSEO ofrece más opciones para mostrar datos adicionales como el autor de la publicación y el tiempo que tomaría leer un artículo.
También hay una opción para establecer la Fuente de Imagen de Término Predeterminada, pero necesitarás AIOSEO Pro o una licencia superior para usar esta función.
Ahora, si te desplazas hacia abajo, verás la configuración de la página de inicio para Twitter. El plugin mostrará una vista previa de cómo se verá tu página de inicio en una Tarjeta de Twitter.
En esta sección, puedes cambiar el Tipo de Tarjeta y agregar una Imagen de Página de Inicio.
Esto es similar a los pasos que mostramos anteriormente, pero la diferencia es que esta configuración es para tu página de inicio.
A continuación, ingresa un Título y Descripción de Página de Inicio que aparecerán en la Tarjeta de Twitter.
Una vez hecho esto, haz clic en el botón ‘Guardar Cambios’.
Aparte de eso, AIOSEO también te permite cambiar la configuración de la Tarjeta X (Twitter) para publicaciones y páginas individuales.
Para hacerlo, edita cualquier publicación o página de blog y luego desplázate hacia abajo hasta la Configuración de AIOSEO en el editor de contenido. Ahora haz clic en la pestaña ‘Social’ y selecciona ‘X (Twitter)’.
El plugin mostrará una vista previa de la Tarjeta X de tu publicación y te dará la opción de usar datos de la pestaña de Facebook. También te permite editar el título y la descripción de X.
Puedes escribir un nuevo título y descripción o usar etiquetas inteligentes. Por ejemplo, si usas la etiqueta ‘+ Título de la Publicación’ encima del campo Título de Twitter, entonces AIOSEO usará automáticamente el título de tu publicación en la Tarjeta de Twitter.
Después de eso, desplázate hacia abajo y selecciona la Fuente de imagen para tu Tarjeta de Twitter. Usa el menú desplegable para seleccionar la imagen que deseas mostrar para tu publicación, como una imagen destacada, una imagen adjunta, la primera imagen en el contenido, etc.
Por último, puedes seleccionar el Tipo de Tarjeta de Twitter en el menú desplegable. Por defecto, AIOSEO lo establecerá en 'Resumen', pero puedes cambiarlo a 'Resumen con imagen grande'.
A continuación, actualiza o publica tu entrada de blog. Ahora has agregado con éxito Tarjetas de Twitter a tu sitio web de WordPress.
Método 2: Agregar Tarjetas de Twitter en WordPress (Método de Código)
Este método requiere agregar código a los archivos de tu tema o tema secundario. Simplemente abre el archivo header.php o usa el plugin gratuito WPCode para agregar este código personalizado justo antes de la etiqueta </head>:
<?php #twitter cards hack if(is_single() || is_page()) { $twitter_url = get_permalink(); $twitter_title = get_the_title(); $twitter_desc = get_the_excerpt(); $twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full ); $twitter_thumb = $twitter_thumbs[0]; if(!$twitter_thumb) { $twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75'; } $twitter_name = str_replace('@', '', get_the_author_meta('twitter')); ?> <meta name="twitter:card" value="summary" /> <meta name="twitter:url" value="<?php echo $twitter_url; ?>" /> <meta name="twitter:title" value="<?php echo $twitter_title; ?>" /> <meta name="twitter:description" value="<?php echo $twitter_desc; ?>" /> <meta name="twitter:image" value="<?php echo $twitter_thumb; ?>" /> <meta name="twitter:site" value="@libdemvoice" /> <? if($twitter_name) { ?> <meta name="twitter:creator" value="@<?php echo $twitter_name; ?>" /> <? } } ?> Puedes cambiar el valor de 'twitter:card' en la Línea 14 a 'summary_large_image' si deseas mostrar una tarjeta de resumen con una imagen grande.
Si no sabes cómo trabajar con PHP o tienes problemas con el Método 2, utiliza el Método 1.
Prueba y valida tus Tarjetas de Twitter
Antes de que los enlaces de tu sitio de WordPress comiencen a mostrar Tarjetas de Twitter, primero debes verificarlos en el validador de tarjetas de Twitter.
Simplemente dirígete a la página Validador de Tarjetas en el sitio web de desarrolladores de Twitter. Ingresa la URL de cualquier publicación de tu sitio de WordPress y haz clic en el botón 'Vista previa de la tarjeta'.
El validador de tarjetas ya no muestra una vista previa del tweet, pero sí muestra un registro de si la tarjeta de Twitter se cargó correctamente o no.
Actualización: Anteriormente, tenías que solicitar participar en las Tarjetas de Twitter. Sin embargo, Twitter ha implementado un sistema que automáticamente pone en lista blanca los dominios cuando los pruebas con el validador o simplemente compartes una URL en Twitter.
Preguntas Frecuentes
Hemos cubierto lo básico para agregar Tarjetas de Twitter a tu sitio de WordPress, pero es posible que aún tengas algunas preguntas. A continuación, se presentan las preguntas más comunes que recibimos sobre las Tarjetas de Twitter y su implementación.
1. ¿Las Tarjetas de Twitter funcionan automáticamente una vez que las agrego a mi sitio de WordPress?
Las Tarjetas de Twitter deberían funcionar automáticamente una vez que hayas implementado correctamente las metaetiquetas en tu sitio. Sin embargo, puede tomar algún tiempo para que Twitter reconozca y comience a mostrar tus tarjetas. Puedes acelerar el proceso utilizando la herramienta Validador de Tarjetas de Twitter para probar tus URL y solicitar que Twitter rastree tu sitio.
2. ¿Cuál es la diferencia entre las Tarjetas de Twitter de Resumen y Resumen con Imagen Grande?
La principal diferencia es el tamaño y la disposición de la imagen. Las tarjetas de resumen muestran una pequeña miniatura de imagen en el lado izquierdo del tuit, mientras que las tarjetas de resumen con imagen grande muestran una imagen grande y prominente encima del texto. Las tarjetas de imagen grande tienden a generar más interacción, pero ocupan más espacio en la línea de tiempo.
3. ¿Puedo usar diferentes tipos de Tarjetas de Twitter para diferentes páginas de mi sitio?
Sí, puedes usar diferentes tipos de Tarjetas de Twitter para diferentes páginas. La mayoría de los plugins de SEO como All in One SEO (AIOSEO) te permiten establecer configuraciones específicas de Tarjetas de Twitter para publicaciones y páginas individuales. Esto te da flexibilidad para elegir el mejor tipo de tarjeta para cada contenido.
4. ¿Por qué no aparecen mis Tarjetas de Twitter cuando comparto mi contenido?
Hay varias razones por las que las Tarjetas de Twitter podrían no aparecer: las etiquetas meta no están implementadas correctamente, Twitter aún no ha rastreado tu sitio, hay errores en el marcado de tu tarjeta o tus imágenes no cumplen con los requisitos de Twitter. Usa el Validador de Tarjetas de Twitter para solucionar problemas e identificar cualquier inconveniente.
5. ¿Necesito aprobar mis Tarjetas de Twitter con Twitter antes de usarlas?
No, Twitter ya no requiere aprobación para las Tarjetas de Twitter. Siempre y cuando tus tarjetas estén implementadas correctamente y sigan las directrices de Twitter, deberían mostrarse automáticamente cuando se comparta tu contenido.
6. ¿Qué tamaños de imagen funcionan mejor para las Tarjetas de Twitter?
Para las tarjetas de resumen, usa imágenes de al menos 144x144 píxeles (el formato cuadrado funciona bien). Para las tarjetas de resumen con imagen grande, usa imágenes de al menos 300x157 píxeles con una relación de aspecto de 1.91:1. El tamaño máximo de archivo para las imágenes es de 5 MB, y Twitter admite formatos JPG, PNG, WebP y GIF.
Guías expertas sobre el uso de Twitter con WordPress
Esperamos que este artículo te haya ayudado a agregar tarjetas de Twitter a WordPress. También te puede interesar ver otras guías relacionadas con el uso de X (Twitter) con WordPress.
- Cómo tuitear automáticamente cuando publicas una nueva entrada en WordPress
- Cómo agregar botones para compartir y retuitear de Twitter en WordPress
- Cómo incrustar tuits reales en las publicaciones de blog de WordPress
- Cómo Arreglar Imágenes Rotas de Tarjetas de Twitter en WordPress
- Cómo mostrar el Twitter y Facebook del autor en la página de perfil
- Los mejores plugins de Twitter para WordPress (Comparativa)
- Cómo mostrar tuits recientes en WordPress (paso a paso)
- Cómo agregar tus feeds de redes sociales a WordPress (paso a paso)
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Aramide
Has sido increíble al compartir información valiosa sobre WordPress. Tus tutoriales son geniales y excelentes materiales de aprendizaje. Gracias por estar siempre ahí para nosotros.
Soporte de WPBeginner
Goad you’ve found our content helpful
Administrador
Dee
¡Hola! Tengo un blog gratuito de wordpress.com y no estoy seguro de cómo agregar tarjetas de Twitter. No sé si puedo editar el HTML de mi tema sin un plugin (si puedo, no sé cómo encontrar el código HTML) (soy súper nuevo en WP) ¿hay alguna manera de agregar tarjetas de Twitter gratis?
Soporte de WPBeginner
Necesitarías contactar a WordPress.com para saber qué tienen disponible actualmente.
Administrador
MStokely
¡Gracias! Me tomó un tiempo que esto funcionara, supongo que porque la caché necesitaba ser limpiada, pero esta es la ÚNICA solución que encontré que funcionó.
Soporte de WPBeginner
Glad our guide was able to help
Administrador
Pierre
Pregunta sobre esto, cuando publico un enlace de mi sitio en Twitter, la imagen de vista previa solo muestra el logo W de Wordpress en lugar de lo que configuré en Yoast. ¿Es solo cuestión de esperar o estoy haciendo algo mal?
Soporte de WPBeginner
Es posible que desees asegurarte de haber limpiado cualquier caché en tu sitio para que Twitter obtenga la imagen correcta y, después de eso, deberás esperar a que la caché de Twitter se limpie.
Administrador
neo
thanks for the guide, adding Twiter Cards through Yoast was the easies way for me
Soporte de WPBeginner
Glad our article could help
Administrador
MIke
Hola, muy tarde para este artículo pero me pregunto cómo modificar el código php para producir la imagen grande con la tarjeta de resumen.
Lo he intentado pero aún no lo he conseguido. Se agradecen ideas y consejos.
Saludos
Mark Larson
Estoy recibiendo este error:
"Notice: Use of undefined constant full – assumed ‘full’ in"
No estoy seguro de cómo deshacerme de él.
Ted Bergman
Gracias por esta publicación. Cuando necesito saber cómo hacer algo en Wordpress, vengo aquí primero. ¡Tus instrucciones fáciles de entender no tienen precio!
Sarah Bridge
He hecho todos los pasos usando Yoast y he validado mi URL, ¿pero todavía no aparece ninguna imagen cuando publico mi URL en Twitter? Decía esto:
Sarah Bridge
¡La tarjeta para tu sitio web se verá algo así!
y debajo, en el lado derecho, tiene las palabras correctas, pero en el lado izquierdo, donde debería haber una imagen, no hay nada más que una caja gris con lo que parece un rollo gris. Puedes hacer clic en él para ir a mi sitio web, pero preferiría una imagen allí en lugar de una caja gris. ¿Alguna idea?
Daniela
Lo he hecho con éxito en el pasado. Sin embargo, siempre fue cuando usaba la tarjeta de resumen con imagen grande (que está configurada como predeterminada en mi configuración de Yoast). Ahora estoy intentando publicar la tarjeta de resumen (normal, no imagen grande), pero Yoast la está anulando a tarjeta de resumen con imagen grande. ¿Cómo evito esto?
Como nota, estoy haciendo ambos métodos: agregando información al plugin Yoast y escribiendo etiquetas de metadatos en un plugin.
Chinny
¡Esto fue muy útil! Gracias. Lo hice y las tarjetas de Twitter aparecieron automáticamente incluso para tuits anteriores.
Haris
ERROR: Falta metaetiqueta requerida (twitter:text:description)
Getting this error
Nick Farrell
También puedes simplemente colocar tus metaetiquetas directamente en el cuerpo de tu publicación. No es la forma ideal, ya que esto crea un espacio en blanco vacío donde están tus etiquetas, pero es una buena solución para quienes tienen problemas.
Laurel
Si el código php anterior parece romper tu sitio, podría ser que tu servidor no use etiquetas cortas de php (usando "<?" como etiqueta de apertura en lugar de "<?php"). Prueba esta versión en su lugar:
Prabs
Hola, gracias por la publicación informativa. Sin embargo, hice todo esto y al probar mi sitio a través del validador de tarjetas, me dijeron que no podían generar la imagen porque mi sitio no está en la lista blanca. ¿Alguna idea de qué puedo hacer?
Sarah
Hola,
Me doy cuenta de que esta es una publicación antigua,
SI LO CODIFICAS DURO en tu header.php; asegúrate de cambiar los valores de las líneas 10 y 19, ya que apuntan a la cuenta de los colaboradores, así que asegúrate de cambiarlos por los tuyos.
just sayin …
Jahmya
Hola,
Ya hice todos los pasos, pero cuando intento validar con Twitter me dice que falta mi etiqueta meta de descripción de texto. No sé nada de código, así que usé el primer método. ¿Alguna ayuda?
sonam
¿es gratis?
Tyler
¡Finalmente un tutorial útil! Uno pensaría que Twitter lo haría un poco más simple. ¡Muchas gracias por tu ayuda en esto!
Michael
¿Hay alguna forma de notificar automáticamente al validador de Twitter cuando se actualiza una publicación/página?
Tengo un sitio que recibe contenido publicado automáticamente de una fuente sin una imagen destacada, así que una vez que agrego manualmente la imagen, también tengo que volver a validar manualmente la publicación/página para que las tarjetas se muestren en Twitter.
Esperaba que pudiera haber alguna forma de avisar automáticamente al validador de Twitter cuando se actualiza una página/publicación.
Azita
No sé por qué el código anterior se cortó.
Aquí está el código que estoy usando:
ID), full );
$twitter_thumb = $twitter_thumbs[0];
if(!$twitter_thumb) {
$twitter_thumb = ‘url de imag’;
}
$twitter_name = str_replace(‘@’, ”, get_the_author_meta(‘twitter’));
?>
<meta name="twitter:title" content="” />
<meta name="twitter:description" contente="” />
<meta name="twitter:image" content="” />
Azita
Muchas gracias. Ya lo resolví. No se preocupen. Por favor, ignoren este comentario.
Gracias de nuevo.
Adrian Robertson
Otra publicación increíble… ¡genial!
Para cualquiera que tenga problemas con la visualización de la imagen (tengo la opción Resumen seleccionada como mi opción de Tarjeta de Twitter), solo asegúrate de estar usando una imagen destacada, ya que de ahí es de donde la extrae.
Sin especificar esto, lo que vi fue el logo de mi sitio (que era demasiado grande para la imagen del Resumen)
Nefeli D
Can’t thank you enough !
Cheo
Hola, he hecho todos los pasos y la tarjeta de Twitter está bien, ¡pero la imagen de vista previa no se carga! ¿Qué debo hacer?
Soporte de WPBeginner
Si estás usando el método de código, intenta usar el método del plugin. Si ya estás usando el método del plugin, intenta repetir todos los pasos cuidadosamente.
Administrador
shamsher
tengo una pregunta: ¿dónde debo subirlo? ¿en todas las páginas y publicaciones o solo en la página de inicio?
porque cuando comparto cualquier enlace de mi blog en Twitter después de agregar esto en el encabezado, siempre aparece la misma imagen.
Adrian Robertson
¿Es el logo de tu sitio el que aparece?
Solo asegúrate de tener una imagen destacada configurada en tu publicación, y debería tomarla de ahí.
Roger Dunkelbarger
Encontré este artículo y seguí los pasos para configurar las Tarjetas de Twitter ya que ya teníamos Yoast. Queremos usar la Tarjeta de Reproductor de Video, pero esa no parece ser una opción. ¿Necesitamos usar un plugin diferente, o esa opción está disponible?
Amanda
Estoy usando tarjetas de Twitter a través de mi Yoast SEO, sin embargo, cuando publico, tengo un enlace y un botón de ver resumen que la gente tiene que hacer clic para ver mis imágenes. Quiero que las imágenes se autocompleten sin necesidad de hacer clic. ¿Cómo hago que eso suceda?
Aquí está mi cuenta de Twitter para que puedas ver mis tweets como ejemplo
Graham
Todo va bien con la inclusión de las tarjetas de Twitter. Me gustaría hacer que la imagen que se muestra en Twitter sea enlazable o que haya un enlace debajo para llevarla a un sitio de terceros, ¿alguna idea?
Ah, y por cierto, me gustaría agradecerles por darse cuenta de que no todos tienen un título en ciencias de la computación y ganaron en el MIT.
Soporte de WPBeginner
La imagen solo se puede enlazar al enlace que estás compartiendo.
Administrador
Tina Marie Ernspiker
Thank you very much! My blog is white-listed now, with Twitter Cards
Whoot, whoot!
Jas
Hola,
Gracias por tu tutorial. Lo he intentado con el código anterior. Pero, ¿puedes explicar cómo hacer que la tarjeta de Twitter funcione para varias cuentas?
Tengo diez páginas de Twitter diferentes donde la misma publicación saldrá como una tarjeta de Twitter.
Entonces, ¿necesito repetir esta línea a continuación 10 veces con nombres diferentes?
…..
…
….
….
¿Podrías sugerir?
¡Gracias!
jas
el código no se muestra en mi comentario anterior. Quiero decir, ¿la etiqueta meta con el nombre del sitio de Twitter necesita repetirse con diferentes nombres?
<meta name="twitter:creator" value="@” />
Edna
¡Esto fue súper útil, gracias!
Una cosa rápida, noté que el enlace de validación ya no funciona. Creo que este es el enlace del Validador de Tarjetas ahora (lo obtuve del blog de Twitter, me funcionó bien):
Soporte de WPBeginner
Gracias, hemos actualizado el artículo.
Administrador
Maha
¿Cómo solicito a Twitter la aprobación de mi sitio? Por favor, ayúdenme. Intenté con la tarjeta de Twitter, la herramienta de vista previa dice que mi tarjeta está en lista blanca.
riad
hola, me encanta tu sitio, muy bonito. Quiero preguntarte cómo cambiar el idioma de WordPress de francés a inglés o árabe.
Soporte de WPBeginner
Puedes cambiar el idioma desde la página Configuración > General en el área de administración de WordPress.
Administrador
Paul Middlebrooks
La solución de Yoast no me funcionó. Seguí las instrucciones (3 veces para asegurarme), y el Validador de Tarjetas ve mis metadatos pero me dice que no tengo ninguna tarjeta.
Además, ni la Herramienta de Vista Previa ni los enlaces de “Rellenar este formulario” funcionaron:
https://dev.twitter.com/docs/cards/preview
¿Quizás esta solución ya es historia?
samiOOTB
Hice esto y las tarjetas de Twitter funcionaron perfectamente durante meses. De repente, en los últimos días han dejado de funcionar. ¿Qué puedo hacer?
Megan Kubasch
Así que instalé WP SEO de Yoast y seguí todas las instrucciones hasta el punto en que inserto la URL de la Tarjeta en la página de Vista Previa para el Validador de Tarjetas en Twitter. ¿Qué URL se supone que debo insertar? Usé la URL de mi blog, pero aparece un error, diciendo que no se encontró ninguna tarjeta (Error de Tarjeta). Cualquier ayuda que puedan brindarme sería muy apreciada.
Paula
It will not do it for a main blog page. You have to enter a post page url. So something like http://www.blogname.com/title-of-blog-post not http://www.blogname.com Hope that helps!
Eric Yoffie
Mi tarjeta de Twitter ha sido aprobada, pero no sé cómo hacer que funcione. ¿Se supone que debo llenar un formulario? Soy usuario de WordPress.
Lauren Riley
Esto es muy útil, gracias.
Una cosa, lo hemos habilitado usando el plugin Yoast SEO de WordPress y configuramos una tarjeta de Twitter ingresando manualmente toda la información en el validador de tarjetas para una publicación de blog.
Esto funcionó, sin embargo, cuando tuiteo un enlace a mis otras publicaciones de blog, no se muestra la tarjeta de Twitter. ¿Tienes que configurar las tarjetas de Twitter para cada publicación de blog o debería hacerlo automáticamente para cada publicación de blog?
Manuel Echeverry
¡¡¡gracias!!! ¡gracias! finalmente logré enviar mi solicitud a Twitter, espero que aprueben mi tarjeta
Ruth
Ah, y por cierto
¿Tenemos que aprobar cada publicación, o será automático después de que se apruebe nuestra primera publicación... De nuevo, gracias
Ruth
Gracias, funciona muy bien, excepto por una cosa: no puedo incluir una imagen. ¿Cómo haría eso?
Karan Singh
Cuando instalo este plugin, me pregunta: "Acabas de instalar WordPress SEO by Yoast. Por favor, ayúdanos a mejorarlo permitiéndonos recopilar estadísticas de uso anónimas para que sepamos con qué configuraciones, plugins y temas probar". ¿Permitir seguimiento o no? ¿Qué debería hacer?
¿Permitir seguimiento o no?
Sri Ganesh.M
¡Los códigos no funcionan para el blog animhut. ¡Muestra error! Tipo de tarjeta inválida
Kevin
Hola. ¡Gran guía, gracias!
Actualmente estoy atascado tratando de validar twitter:creator. Cuando miro el código fuente de una de mis publicaciones, no veo la etiqueta meta twitter:creator en absoluto. ¿Podrías indicarme la dirección correcta? Lo estoy codificando manualmente.
Gareth
Gran publicación – estaba luchando para configurar las tarjetas de Twitter usando un plugin de WordPress sin darme cuenta de que Yoast lo tenía incorporado.
Todo configurado y esperando aprobación – gracias chicos
Jason Acidre
¡Publicación útil! He estado planeando agregar tarjetas de Twitter a mi blog desde hace mucho tiempo, y justo tuve tiempo de ajustarlo antes, encontré esta guía muy útil, ¡así que gracias!
Reap3RGHS
Hola,
Tengo un problema simple. Voy a agregar mi nombre de usuario de Twitter a la configuración de mi perfil. Acabo de agregar Reap3R_GHS y se convirtió en http://reap3r_ghs. ¿Qué puedo hacer?
Personal editorial
Eso es raro. ¿Lo publicaste en el foro de soporte para que Yoast lo vea?
Administrador
Reap3RGHS
No está en la configuración de Yoast, sino en la configuración del perfil...
Julien Maury
Hola,
Es genial, pero como llamamos al extracto fuera del bucle (encabezado), la gente podría tener sorpresas desagradables para su descripción.
Así que aquí hay un buen fragmento de uplifted.net que soluciona el problema:
function get_excerpt_by_id($post_id){ $the_post = get_post($post_id); // Obtiene el ID de la publicación $the_excerpt = $the_post->post_content; // Obtiene el contenido de la publicación para usarlo como base del extracto $excerpt_length = 35; // Establece la longitud del extracto por recuento de palabras $the_excerpt = strip_tags(strip_shortcodes($the_excerpt)); // Elimina etiquetas e imágenes $words = explode(‘ ‘, $the_excerpt, $excerpt_length + 1); if(count($words) > $excerpt_length) : array_pop($words); array_push($words, ‘…’); $the_excerpt = implode(‘ ‘, $words); endif; $the_excerpt = ” . $the_excerpt . ”; return $the_excerpt; }
Entonces podrías reemplazar get_the_excerpt() con esto:
get_excerpt_by_id($post_id)
Thanks.
Julien Maury
Lo siento, no fue exactamente eso:
Llama a la función de esta manera: get_excerpt_by_id($post->ID) ¡de lo contrario, obtendrás una notificación!
$post_id no está definido.
Además, get_the_excerpt() está obsoleto.
También puedes agregar un esc_attr() a $the_excerpt para evitar meta rotos si el extracto tiene comillas.
¡Gracias!
Julien Maury
Finalmente hice un plugin para resolver este problema: http://wordpress.org/extend/plugins/jm-twitter-cards/
Main Uddin
No hay necesidad de usar ningún código, simplemente usa Wordpress SEO de Yoast como dijo Syed Balkhi, que es el mejor para las tarjetas de Twitter.
Julien Maury
Hi,
There’s no need to use any code. But still my plugin allows you to choose which type of card you want to use on each post. Moreover you can change meta creator (guest blogging) per each post too. I think it’s worthy
Roy McKenzie
¡Totalmente digno!
Manuel García
Cuando previsualizo mi tarjeta de Twitter, el error dice:
“Error interno. Lo más probable es que sea un error del recuperador.”
¿Qué hago?
Sai Liou
¡Gracias por el artículo! Elegí el método n.º 1. En la vista previa de Twitter, solo veo el resumen de la publicación y no la imagen. He actualizado el archivo robot.txt para permitir twitterbot. Sin embargo, todavía no se muestra ninguna imagen en la vista previa. ¿Alguna idea al respecto? Gracias de antemano.
Personal editorial
Mira en la vista de tu código fuente para ver si tienes las etiquetas de imagen. La imagen generalmente se extrae de tu imagen destacada.
Administrador