Meta tags sociales

enghels · 17 Ene 2016

Hola, me preguntaba si alguien puede compartir conmigo las meta tags sociales para blogger, he buscado en google y cuando pongo el codigo resulta que en todas las entradas sale lo mismo.

Me gustaria saber si ya alguien lo tiene optimizado para blogger sin ningun conflicto.

IGNACIO · 17 Ene 2016

[MENTION=117798]enghels[/MENTION] a que te refieres con meta tags sociales?, yo te puedo ayudar

Cicklow · 17 Ene 2016

How to Add Open Graph Tags Using Blogger

enghels · 17 Ene 2016

cicklow dijo:
How to Add Open Graph Tags Using Blogger

Solo dice como agregar schema, igual gracias!

- - - Actualizado - - -

IGNACIO dijo:
[MENTION=117798]enghels[/MENTION] a que te refieres con meta tags sociales?, yo te puedo ayudar

Tengo estas etiquetas sociales en mi blogger, pero no estan al 100% optimizadas
Screenshot by Lightshot

Cicklow · 17 Ene 2016

enghels dijo:
Solo dice como agregar schema, igual gracias!

- - - Actualizado - - -

Tengo estas etiquetas sociales en mi blogger, pero no estan al 100% optimizadas
Screenshot by Lightshot

:fatigue: al menos leiste completo el articulo o nada?

HTML:

<!-- Open Graph Meta Tags BEGIN -->
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
  <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.metaDescription'>
  <meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<!-- Open Graph Meta Tags END -->

... y en tu imagen tenes repetidos codigos de facebook...

enghels · 17 Ene 2016

cicklow dijo:

:fatigue: al menos leiste completo el articulo o nada?

HTML:

<!-- Open Graph Meta Tags BEGIN -->
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
  <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.metaDescription'>
  <meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<!-- Open Graph Meta Tags END -->

... y en tu imagen tenes repetidos codigos de facebook...

No lo traduci, dime cuales tengo que quitar?

Cicklow · 17 Ene 2016

enghels dijo:
No lo traduci, dime cuales tengo que quitar?

lo de facebook del inicio... pero aca te dejo todos los meta sociales: https://gist.github.com/MilanAryal/92997b311580c6e96dd0 para blogger

IGNACIO · 17 Ene 2016

[MENTION=117798]enghels[/MENTION]

Para Twitter (para que los posts se vean con imagen grande)

Insertar CODE, HTML o PHP:

<!-- TWITTER -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageUrl'>
<b:if cond='data:blog.metaDescription'>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@TU-USER-TWITTER' name='twitter:site'/>
<meta content='@TU-USER-TWITTER' name='twitter:creator'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
</b:if>
</b:if>
</b:if>

Nota: Recuerda validar el sitio: https://cards-dev.twitter.com/validator

Facebook:

Insertar CODE, HTML o PHP:

<!-- FACEBOOK -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='AQUI-URL-IMAGEN-PRINCIPAL-DE-BLOG' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='es_ES' property='og:locale'/>
<meta content='AQUI-TU-ID-DE-PERFIL-DE-FACEBOOK' property='fb:admins'/>
</b:if>

Autor Facebook (Déjalo justo debajo de <head>)

Insertar CODE, HTML o PHP:

<!-- FACEBOOK AUTOR -->
<meta property="article:author" content="https://www.facebook.com/USER-AUTOR-FACEBOOK"/>
<meta property="article:publisher" content="https://www.facebook.com/USER-AUTOR-FACEBOOK"/>

- - - - -

Esto reemplázalo por los que tienes, a excepción del de Google+, ese mantenlo como esta 😉

enghels · 17 Ene 2016

IGNACIO dijo:

[MENTION=117798]enghels[/MENTION]

Para Twitter (para que los posts se vean con imagen grande)

Insertar CODE, HTML o PHP:

<!-- TWITTER -->
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageUrl'>
<b:if cond='data:blog.metaDescription'>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@TU-USER-TWITTER' name='twitter:site'/>
<meta content='@TU-USER-TWITTER' name='twitter:creator'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
</b:if>
</b:if>
</b:if>

Nota: Recuerda validar el sitio: https://cards-dev.twitter.com/validator

Facebook:

Insertar CODE, HTML o PHP:

<!-- FACEBOOK -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='AQUI-URL-IMAGEN-PRINCIPAL-DE-BLOG' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='es_ES' property='og:locale'/>
<meta content='AQUI-TU-ID-DE-PERFIL-DE-FACEBOOK' property='fb:admins'/>
</b:if>

Autor Facebook (Déjalo justo debajo de <head>)

Insertar CODE, HTML o PHP:

<!-- FACEBOOK AUTOR -->
<meta property="article:author" content="https://www.facebook.com/USER-AUTOR-FACEBOOK"/>
<meta property="article:publisher" content="https://www.facebook.com/USER-AUTOR-FACEBOOK"/>

- - - - -

Esto reemplázalo por los que tienes, a excepción del de Google+, ese mantenlo como esta 😉

Okey, todo bien, pero sigo sin poder ver grandes las imagenes en twitter

IGNACIO · 17 Ene 2016

[MENTION=117798]enghels[/MENTION] valida un post, no la url principal
https://cards-dev.twitter.com/validator

enghels · 17 Ene 2016

IGNACIO dijo:
[MENTION=117798]enghels[/MENTION] valida un post, no la url principal
https://cards-dev.twitter.com/validator

Eso he hecho y nada, ni si quiera carga

IGNACIO · 17 Ene 2016

enghels dijo:
Eso he hecho y nada, ni si quiera carga

Que raro, a mi me funciona perfecto :ambivalence:

enghels · 17 Ene 2016

IGNACIO dijo:
Que raro, a mi me funciona perfecto :ambivalence:

Mira que no miento, Screenshot by Lightshot :ambivalence:

IGNACIO · 17 Ene 2016

enghels dijo:
Mira que no miento, Screenshot by Lightshot :ambivalence:

No lo habías validado :distant:

enghels · 17 Ene 2016

IGNACIO dijo:
No lo habías validado :distant:

Que raro, cuando intento validarlo no carga 😕
Screenshot by Lightshot

IGNACIO · 17 Ene 2016

enghels dijo:
Que raro, cuando intento validarlo no carga 😕
Screenshot by Lightshot

Como sea, yo creo que ya te funciona, prueba publicando un tweet con un post, esa es la prueba de fuego

enghels · 17 Ene 2016

enghels dijo:
Que raro, cuando intento validarlo no carga 😕
Screenshot by Lightshot

Okey, listo ahora si muchas gracias!

Esta ultima pregunta para que sirve esto?

<b:if cond='data:blog.pageType != "index"'>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='blog' property='og:type'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>

</b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='YOUR_LOGO_IMAGE' property='og:image'/>
</b:if>

Meta tags sociales

enghels

IGNACIO

Cicklow

enghels

Cicklow

enghels

Cicklow

IGNACIO

enghels

IGNACIO

enghels

IGNACIO

enghels

IGNACIO

enghels

IGNACIO

enghels

Temas similares

Privacidad y transparencia

Privacidad y transparencia