Etiquetas Meta Tags para Twitter, Google+, Facebook y Más

meta-tags-banner

El código que muestro a continuación es algo básico para la indexación de sites en las redes sociales.

Herramientas para probar la valides de los meta tags

Twitter Validator: https://dev.twitter.com/docs/cards/validation/validator
Facebook Debugger: https://developers.facebook.com/tools/debug
Google Structured Data Testing Tool: http://www.google.com/webmasters/tools/richsnippets
Pinterest Rich Pins Validator: http://developers.pinterest.com/rich_pins/validator/

Tips de buenas practicas

Optimizacion de imagenes.

La imagen que enlazas en tus datos sociales no tiene que estar en la página, pero debería representar bien tu contenido. La imagen le permite controlar lo que la gente ve cuando comparte su contenido, por lo que es importante utilizar imágenes de calidad.

Cada plataforma social tiene diferentes estándares para el dimensionamiento. Normalmente, es más fácil mantenerlo sencillo y elegir un tamaño de imagen que funcione para todos los servicios.

Twitter thumbnail: 120x120px
Twitter imagen grande: 280x150px
Facebook: Los estándares varían, pero una imagen de al menos 200×200 pixeles funciona mejor. Facebook recomienda imágenes grandes de hasta 1200×630 pixeles de ancho.

(Visited 42 times, 1 visits today)

Facebook Auto Publish Powered By : XYZScripts.com