Cómo publicar imágenes con enlace para Twitter Cards

Adan Najera

Dseda

Verificación en dos pasos activada

Verificado por Whatsapp

• 11 May 2016

• #1

Como publicar Imagenes con enlace Twitter Cards

Hola Forobeta...
Hace unos 5 minutos navegando por twitter me llamo la atencion una publicacion la cual tenia una imagen pero esta estaba enlazada a un link... asi como tipo facebook de los GIF falsos...
Pero hice varias pruebas pero no logre colocar un enlaze de ese tipo en mi twitter...

Asi que mi duda es ¿Como se le hace para publicar enlaces de esa forma?
Aqui les dejo una imagen adjunta:



Muchas gracias 🙂 y Saludos....

Lo he resuelto... aqui el codigo por si alguien le interesa... de todas maneras la solucion esta en los comentarios... pero pues aqui ya no batallan xD

Insertar CODE, HTML o PHP:

<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://URL.com">
<meta name="twitter:title" content="El titulo">
<meta name="twitter:description" content="La descripcion">
<meta name="twitter:image" content="Url de imagen">
<meta name="twitter:image:width" content="600">
<meta name="twitter:image:height" content="335">

la correcta es esta para que salga como la imagen que adjunte:
Código:

Insertar CODE, HTML o PHP:

<meta name="twitter:card" content="summary_large_image">

QUitar esta o usarla si quieren la imagen pequeña
Código:

Insertar CODE, HTML o PHP:

<meta name="twitter:card" content="summary">

Dejen sus likes :encouragement::encouragement::encouragement:

 

Última edición: 13 May 2016

Josepher

Dseda

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 11 May 2016

• #2

Si no me equivoco amigos son las famosas Twitter Cards, investiga mas sobre esto y veras como implementarlo en tu cuenta de twitter.

Saludos!:encouragement:

 

Adan Najera

Dseda

Verificación en dos pasos activada

Verificado por Whatsapp

• 11 May 2016

• #3

:encouragement: ok gracias investigare haber si es lo que busco... gracias

 

U

Usuario eliminado 160897

• 11 May 2016

• #4

yo tambien busco lo mismo le eh dado mil vueltas a las benditas twitter cards y no doy en el clavo, haber si alguien nos echa una mano

 

Adan Najera

Dseda

Verificación en dos pasos activada

Verificado por Whatsapp

• 11 May 2016

• #5

He conseguido que funcionara pero no de la forma correcta... me sale la imagen chica y el texto a lado... no me sale como si fuera publicacion de facebook o como la imagen que adjunte.... alguna idea de que pueda ser?
Estas son las metas que estoy utilizando

Insertar CODE, HTML o PHP:

<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://URL.com">
<meta name="twitter:title" content="El titulo">
<meta name="twitter:description" content="La descripcion">
<meta name="twitter:image" content="Url de imagen">
<meta name="twitter:image:width" content="600">
<meta name="twitter:image:height" content="335">

 

Chicoboww

Gamma

Verificado por Whatsapp

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 11 May 2016

• #6

Disculpen mi ignorancia pero Twitter Aun Se Usa LOL ?

 

Adan Najera

Dseda

Verificación en dos pasos activada

Verificado por Whatsapp

• 11 May 2016

• #7

Ya lo logre tenia mal una meta... por si te interesa [MENTION=160897]nano2552[/MENTION]

la correcta es esta para que salga como la imagen que adjunte:

Insertar CODE, HTML o PHP:

<meta name="twitter:card" content="summary_large_image">

QUitar esta o usarla si quieren la imagen pequeña

Insertar CODE, HTML o PHP:

<meta name="twitter:card" content="summary">

 

Última edición: 11 May 2016

A

Antonino2016

Beta

Social Media

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 11 May 2016

• #8

Buen aporte colega

 

U

Usuario eliminado 160897

• 11 May 2016

• #9

Adan Najera dijo:

Ya lo logre tenia mal una meta... por si te interesa [MENTION=160897]nano2552[/MENTION]

la correcta es esta para que salga como la imagen que adjunte:

Insertar CODE, HTML o PHP:

<meta name="twitter:card" content="summary_large_image">

QUitar esta o usarla si quieren la imagen pequeña

Insertar CODE, HTML o PHP:

<meta name="twitter:card" content="summary">

Hacer clic para expandir...

No se como agradecerte compañero sin palabras, millones de gracias...

 

Adan Najera

Dseda

Verificación en dos pasos activada

Verificado por Whatsapp

• 11 May 2016

• #10

nano2552 dijo:

No se como agradecerte compañero sin palabras, millones de gracias...

Hacer clic para expandir...

no te preocupes xD:.. para eso estamos, para ayudarnos... exito en tus proyectos :encouragement:

 

marcogomesr

Alfa

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 12 May 2016

• #11

Solo voy a colocar el link - twitter card validator 🙂

 

D

debugx7

Alfa

Social Media

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 12 May 2016

• #12

para q sirbe ... no le encuentro un uso

 

D

DrKatz

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 12 May 2016

• #13

Gracias, va a favoritos 😛8:

 

koker

Beta

Verificado por Whatsapp

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 13 May 2016

• #14

Adan Najera dijo:

He conseguido que funcionara pero no de la forma correcta... me sale la imagen chica y el texto a lado... no me sale como si fuera publicacion de facebook o como la imagen que adjunte.... alguna idea de que pueda ser?
Estas son las metas que estoy utilizando

Insertar CODE, HTML o PHP:

<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://URL.com">
<meta name="twitter:title" content="El titulo">
<meta name="twitter:description" content="La descripcion">
<meta name="twitter:image" content="Url de imagen">
<meta name="twitter:image:width" content="600">
<meta name="twitter:image:height" content="335">

Hacer clic para expandir...

Se ve que le podría dar una buena utilidad, pero tengo una duda.
En donde tendría que poner el codigo? Perdona mi ignorancia🙂

 

pedro salinas

Pi

Verificado

Verificación en dos pasos activada

Verificado por Whatsapp

• 13 May 2016

• #15

muchas gracias amigo buena voz :witless:

 

Adan Najera

Dseda

Verificación en dos pasos activada

Verificado por Whatsapp

• 13 May 2016

• #16

koker dijo:

Se ve que le podría dar una buena utilidad, pero tengo una duda.
En donde tendría que poner el codigo? Perdona mi ignorancia🙂

Hacer clic para expandir...

En el<head>aqui el codigo </head>
Saludos 😛8:

- - - Actualizado - - -

debugx7 dijo:

para q sirbe ... no le encuentro un uso

Hacer clic para expandir...

Yo lo uso para hacer mas atractivo mi spam xD :encouragement:

 

B

bettotheflayer

Mi

Verificación en dos pasos activada

• 14 May 2016

• #17

Pues genial amigo, tenia ganas de saber como se hacia 🙂 Voy a hacer unas pruebas... Se que preguntaron muchas veces en el foro respeto al tema.

 

IGNACIO

Mi

Verificación en dos pasos activada

Verificado por Whatsapp

• 14 May 2016

• #18

Recomiendo MUCHO que usen Twitter Cards, envía mucho más tráfico a sus webs respecto al aspecto cuando se comparte una URL 😉
Es cosa que investiguen como aplicarlo según el CMS que usan. YO lo tengo aplicado en todos mis proyectos y funciona muy bien :encouragement:

 

L

lofer08

Curioso

Verificado por Whatsapp

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 15 May 2016

• #19

Podrian Hacer Un Tutorial Si No Es Tanta Molestia Y Gracias De Ante Mano 🙂 :grumpy::moon:

 

U

unaprendiz

Delta

Verificación en dos pasos activada

• 15 May 2016

• #20

lofer08 dijo:

Podrian Hacer Un Tutorial Si No Es Tanta Molestia Y Gracias De Ante Mano 🙂 :grumpy::moon:

Hacer clic para expandir...

También opino lo mismo, o sea no sé como implementar lo que dice [MENTION=134323]Adan Najera[/MENTION] por ejemplo yo uso blogger y segun entiendo tocaria ir a la plantilla y en codigo HTML y buscar <head> y despues de este se ponen los codigos que él nos dió pero y luego que se hace no entiendo muy bien la verdad.

Espero no sea molestiaa Adan