Meta tags sociales

  • Autor Autor enghels
  • Fecha de inicio Fecha de inicio
E

enghels

Delta
Diseñador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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.
 
[MENTION=117798]enghels[/MENTION] a que te refieres con meta tags sociales?, yo te puedo ayudar
 
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
Hacer clic para expandir...

: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...
 
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...
Hacer clic para expandir...

No lo traduci, dime cuales tengo que quitar?
 
[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 😉
 
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 😉
Hacer clic para expandir...

Okey, todo bien, pero sigo sin poder ver grandes las imagenes en twitter
 
enghels dijo:
Mira que no miento, Screenshot by Lightshot :ambivalence:
Hacer clic para expandir...

No lo habías validado :distant:
G2opbIx.png
 
enghels dijo:
Que raro, cuando intento validarlo no carga 😕
Screenshot by Lightshot
Hacer clic para expandir...

Okey, listo ahora si muchas gracias!

Esta ultima pregunta para que sirve esto?
<!-- Open Graph Meta Tags -->
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<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:else/>
<meta expr:content='data😛ost.snippet' property='og:description'/> data😛ost.snippet only work after body tag -->
</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>
<!-- /Open Graph Meta Tags -->
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

wmasterSolutions
Generador de Meta Tags Online
Respuestas
3
Visitas
395
wmasterSolutions
wmasterSolutions
M
Mejores plugins gratuitos para meta tags en WordPress
Respuestas
10
Visitas
378
mxsoun
M
E
Ayuda con los Meta Tags, template de Arlina Design
Respuestas
2
Visitas
2K
Emigro a Inglaterra
E
D
Como configurar bien Meta Tags en blogger?
Respuestas
4
Visitas
532
Dominicanvictor
Dominicanvictor
B
Problemas con meta tags HTML al compartir en Facebook
Respuestas
8
Visitas
693
Programarte
Programarte
Atrás
Arriba