AHORRANDO ANDO

Cmo ahorrar ancho de banda

en gestin de Social Media?

Mike Blaster

SEO + Inbound Marketing Project Manager

Facebook Developer

DAME EL PLAN DE 200 MB Y ME LE

PONES GUASACACA A TODO!

Crdito de imgenes: Gyphy

PAQUETE PROFESIONAL PLATINUM

MONITOREO 24 HORAS

Crdito de imgenes: Mike Blaster Social.LAB

IMGENES Y VDEOS CONSUMEN MS

DEL 75% DEL ANCHO DE BANDA

Crdito de imgenes: Giphy / Fuente: CISCO Report 2014

Android vs. iPhone

Crdito de imgenes: Mike Blaster Social.LAB / Fuente: CISCO Report 2014

CMO HACEMOS CON LOS VDEOS?

Crdito de imgenes: Giphy

FORMATOS DE IMGENES WEB

bmp

gif

jpg

png

svg

CUNDO USAR CADA FORMATO?

Crdito de imgenes: Giphy

BMP vs. gif

BMP

GIF

Tamao: 240K Misma calidad, archivo muy grande .

Tamao: 4K Misma calidad, archivo ms pequeo .

Cundo usarlo?
El formato BMP sirve como formato de archivo offline ya que no pierde informacin en cada generacin, pero al no proveer compresin los archivos
resultantes son muy grandes, lo cual los hace poco eficientes para ser usados online. No hay razn vlida para usar formato BMP actualmente.

Crdito de imgenes: Chuck Le Butt - stackoverflow

gif vs. jpg

GIF

JPG

Tamao: 4K Mejor calidad, archivo ms pequeo .

Tamao: 11K Peor calidad, archivo ms grande .

Cundo usarlo?
El formato GIF es ideal para logos, dibujos lineales, diagramas, esquemas y toda imagen de pequeo tamao que no requiera una paleta
mayor a 256 colores. Optimizado para websites, es casi su uso exclusivo. El formato JPG en estos casos mencionados presenta
artefactos de compresin no deseados, textos borrosos, mayor tamao y evidente degradacin de la imagen.
Crdito de imgenes: Chuck Le Butt - stackoverflow

jpg vs. gif

JPG

GIF

Tamao: 24K Mejor calidad, archivo ms pequeo .

Tamao: 56K Peor calidad, archivo ms grande .

Cundo usarlo?
El formato JPG est optimizado para imgenes fotogrficas, en el uso de gradientes y fotos es una buena opcin. En el caso de logos e
imgenes lineales, JPG se ve peor que GIF debido a la compresin y generalmente produce un tamao de archivo superior.
Crdito de imgenes: Chuck Le Butt - stackoverflow

Png-8 vs. gif

PNG-8

GIF

Tamao: 8K Archivo pequeo, mejor transparencia.

Tamao: 12K Mayor tamao, peor transparencia.

Cundo usarlo?
El formato PNG-8 tiene un tamao menor y mejor manejo del canal Alpha de transparencia. Su mejor uso es cuando necesitamos
logotipos e conos con trasparencia en imgenes con pocos colores.
Crdito de imgenes: Chuck Le Butt - stackoverflow

Png-24 vs. jpg

Cundo usarlo?
Cada caso es nico, debe decidirlo el diseador: generalmente una imagen de alta calidad en PNG -24 resultar en un archivo 5 veces
mayor a su equivalente en JPG sin mejoras visuales apreciables . Sin embargo, hay casos especficos en que el tamao puede ser similar.
Crdito de imgenes: Chuck Le Butt - stackoverflow

svg vs. Png-8

SVG

PNG-8

Tamao: 1K Misma calidad, imagen ntida .

Tamao: 1K Misma calidad, imagen ntida .

Cundo usarlo?
Perfecto para logos e conos dnde sea deseable retener la mejor calidad en diferentes resoluciones. Requiere optimizar el di seo de los
vectores para evitar clculos complejos en el dispositivo que los muestra.
Crdito de imgenes: Chuck Le Butt - stackoverflow

svg vs. Png-8

SVG

PNG-8

Tamao: 1K Aumentado, misma calidad.

Tamao: 1K Aumentado, imagen borrosa .

Cundo usarlo?
La ventaja principal de SVG es que al ser un formato vectorial y no un bitmap como el resto de los formatos web, preserva la
informacin en cada cambio de escala. Si se requiere un logo o figura simple en gran tamao, es la mejor opcin.
Crdito de imgenes: Chuck Le Butt - stackoverflow

ETIQUETAS TWITTER CARDS

<meta name='twitter:card' content='summary_large_image' />
<meta name='twitter:image:src
content='http://www.sociallab.com.ve/images/SocialLAB_FB_SHARE_001.png' />
<meta name='twitter:site' content='@SocialLAB_ve' />
<meta name='twitter:url' content='http://www.sociallab.com.ve' />
<meta name='twitter:description' content='Diseamos ecosistemas digitales integrados que ayudan a
impulsar su negocio, creando conexiones emocionales duraderas entre las marcas y las personas. Ms
de 20 aos de experiencia en SEO + Content Marketing para el mercado hispano.' />
<meta name='twitter:title' content='Social.LAB | Social Media + SEO + Content Marketing' />

ETIQUETAS OPEN GRAPH

<meta property="og:locale" content="es_ES" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Social.LAB | Social Media + SEO + Content Marketing" />
<meta property="og:description" content="Diseamos ecosistemas digitales integrados que ayudan a
impulsar su negocio, creando conexiones emocionales duraderas entre las marcas y las personas.
Ms de 20 aos de experiencia en SEO + Content Marketing para el mercado hispano." />
<meta property="og:url" content="http://www.sociallab.com.ve" />
<meta property="og:site_name" content="Social.LAB" />
<meta property="article:author" content="https://www.facebook.com/Social.Lab.Master" />
<meta property="og:image"
content="http://www.sociallab.com.ve/images/SocialLAB_FB_SHARE_001.png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="332" />

ENLACE OPTIMIZADO

Cundo usarlo?
Un ecosistema digital centrado en un website/blog que use las redes sociales slo como canal de amplificacin, puede hospedar
imgenes, ttulos y descripciones correctamente etiquetadas y compartir enlaces fcilmente en Social Media facilitando la ges tin.
Crdito de imgenes: Mike Blaster Social.LAB

CMO OPTIMIZAR ALCANCE?

FIA

AMP

FACEBOOK INSTANT
ARTICLES

GOOGLE ACCELERATED
MOBILE PAGES

#CONFLUENCIA
Durante ms de 21 aos hemos implementado con xito SEO + Content & Influence Marketing de manera especfica para el mercado
hispano, desarrollando un mtodo de trabajo y entrenamiento propio que llamamos # CONFLUENCIA, nuestra base en Social.LAB

mdulo I - SEO + Social Media

mdulo II - Content Marketing

mdulo III - Influence Marketing

Inbound Marketing + Web Semntica

Google -> Page Rank -> RankBrain
SEO: Optimizando Content Marketing
Amplificando con Social Media + SMO
Construyendo una estrategia efectiva
Anatoma de Facebook + EdgeRank
Auditora y estrategia SEO en directo

Inbound Marketing + Contenido

Descubrimiento -> Consideracin -> Decisin
Planear -> Crear -> Difundir -> Analizar
PRO Blogging: Publicar + Promover
SMO: Optimizando Social Media
Anatoma del Post Perfecto + Landing Page
Estrategia Content Marketing en directo

Influyendo al Influencer
Influencers apropiados: Descubrimiento
Influencers apropiados: Consideracin
Influencers apropiados: Decisin
Alcance -> Resonancia -> Relevancia
Tipos de Influenciadores
Contratacin y medicin de ROI

Gracias
Puede contactar directamente a Mike Blaster en Facebook en este enlace:

m.me/Mike.Blaster.Digital