Todas las entradas de socialmediatfe

Analista de Sistemas de Información (Cabildo de Tenerife). Social Media. Social CRM. Business Intelligence. OLAP. Data Mining.

AMP HTML y WordPress

¿Qué es AMP HTML?

AMP es el acrónimo de Accelerated Mobile Pages , es decir, páginas móviles aceleradas. Está especialmente pensado para acelerar sitios web con contenidos semi-estáticos, como blogs o sitios web de noticias.  Se trata de un proyecto open source de Google cuyo objetivo es conseguir optimizar la navegación móvil, mediante la carga de páginas cada vez más rápidas.

En resumidas cuentas, se trata de extender el código HTML de nuestras páginas con componentes específicos de AMP, para obtener páginas ligeras. Otra cosa a tener en cuenta es que está especialmente diseñado para los dispositivos móviles, y que elimina todo lo superfluo.

Para lograr esto, prescinde de mucho contenido innecesario y que ralentizan la carga de nuestra página, como por ejemplo, el contenido estático javascript.

amp project

¿Cómo instalar AMP en mi WordPress?

enable AMPEs muy sencillo, ya que hay un plugin oficial para tal efecto, se trata del “Enable Accelerated Mobile Pages (AMP) on your WordPress site”. El proceso a seguir es muy simple; instalar el plugin ,activarlo,  y de forma automática tienes una versión AMP friendly de tus páginas y/o entradas al blog.

Para acceder a estas, simplemente has de poner /amp o /amp=1 al final de la URL de tu entrada.

Aquí tienes un ejemplo:

 

¿Cómo de rápido es mi página AMP?

Vamos a medirlo, utilizando el ejemplo anterior y la herramienta para desarrolladores que nos proporciona Chrome. Los resultados son los siguientes:

comparativa carga AMP

 

En gráfico de la izquierda se puede observar la carga convencional de la página (sin AMP), y en el de la derecha, la carga de la página optimizada con AMP. Vemos como la antigua tarda 3,77 segundos y la optimizada con AMP 859,57 milisegundos, es decir, mi página optimizada con AMP carga un 77,21% más rápido.

 

¿Por qué es tan importante el AMP?

Sin ánimo de crear un exhaustiva lista, expondré varios argumentos a favor de esta tecnología:

  • Tienes una versión de tus entradas con un rendimiento muy superior, y especialmente optimizada para dispositivos móviles, eso se traduce a páginas ligeras y sencillas.
  • Tendrás páginas centradas en el contenido, es decir, muy cómodas de leer para tus lectores.
  • Detrás de la tecnología AMP está Google, y recientemente ha anunciado que a partir del 24 de febrero de 2016, aquellas páginas AMP friendly (es decir, ya adaptadas a AMP), serán mejor posicionadas por el buscador, por lo tanto, mejora nuestro SEO. Al margen de cumplir con todas las reglas de SEO para móviles.
  • Es una tecnología open source.
  • La carga de las imágenes se produce bajo demanda, es decir, se van cargando las imágenes a medida que se necesitan (lazy loading).
Referencias Externas


 

 

Si te ha gustado la entrada comparte en Twitter y Facebook clicando los botones de abajo.

Muchas gracias!
Licencia Creative Commons

Este obra está bajo una licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Unported.

 

 

socialmediatfe

Analista de Sistemas de Información (Cabildo de Tenerife). Social Media. Social CRM. Business Intelligence. OLAP. Data Mining.

More Posts - Website

Marcador

7 conclusiones extraídas de aplicar big data a Facebook

Buzzsumo es un servicio web que entre otras cosas rastrea las redes sociales y la web buscando el contenido de mayor popularidad relacionado con un término dado. También tiene otros muchos servicios, como alertas, análisis de competidores, etc.

A principios de mes, la empresa publica un artículo en su blog oficial donde analiza mediante técnicas de big data el resultado de un interesante estudio sobre 1.000 millones de publicaciones en Facebook procedentes de 3 millones de páginas Facebook de pequeñas empresas.

 

Las principales conclusiones sobre ese estudio son las siguientes:

 

CONCLUSIÓN 1.- Imágenes de Instagram vs imágenes nativas en Facebook.

instagram

Las imágenes compartidas a través de Instagram obtienen un 23% más de interacción que las directamente publicadas en Facebook.

 

CONCLUSIÓN 2.- Vídeos nativos de Facebook vs vídeos enlazados.

videos

Los vídeos directamente publicados en Facebook, es decir, los vídeos nativos, obtienen seis veces más interacciones que los enlazados vía Youtube. (El ratio es mayor si son enlazados vía otro servicio como Vimeo, …)

 

CONCLUSIÓN 3.- Las publicaciones con hashtags tienen menos interacciones.

ht

CONCLUSIÓN 4.- Las publicaciones con preguntas son las que consiguen mayor engagement.

questions

Las publicaciones que consiguen más engagement son los que incluyen preguntas e imágenes, le siguen los que incluyen vídeos, y en menos medida, los que incluyen enlaces.

 

CONCLUSIÓN 5.- Publicaciones cortas y con enlaces a artículos entre 1.000 y 3.000 palabras.

postcortos

Las publicaciones con enlaces a artículos de entre 1.000 y 3.000 palabras son los que consiguen más interacciones. Y si se incluye un resumen (o actualización de estado), este tiene que ser corto (menos de 50 caracteres).

 

CONCLUSIÓN 6.- Mejor hora para publicar, entre las 22:00 y la medianoche.

horario

CONCLUSIÓN  7.- Mejores días para publicar: los fines de semana.

domingos

Los mejores días para publicar son los fines de semana, en cabeza los domingos, seguidos por los sábados.

 

Referencias Externas


 

 

Si te ha gustado la entrada comparte en Twitter y Facebook clicando los botones de abajo.

Muchas gracias!
Licencia Creative Commons

Este obra está bajo una licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Unported.

 

 

socialmediatfe

Analista de Sistemas de Información (Cabildo de Tenerife). Social Media. Social CRM. Business Intelligence. OLAP. Data Mining.

More Posts - Website

Habilitar Twitter Cards para tu blog WordPress

Las Twitter Cards son una especie de tweets  autoexpandibles, de tal forma que cuando seleccionamos uno de estos tweets especiales se muestra directamente en nuestro Time Line una especie de resumen, el cual, como veremos más adelante, podemos configurar.

Twitter Cards para blog WordPress

Ya esta opción hacía años que estaba habilitada para algunas webs y/o publicaciones, por ejemplo, “Mashable”, de tal forma, que cuando en un tweet poníamos un enlace a dicha web, automáticamente Twitter mostraba la Twitter Cards correspondiente.

Desde hace unos días, Twitter nos permite el uso de esta tecnología a cualquier usuario con un blog/web (auqnue previamente hemos de validar el mismo).

A continuación voy a explicar paso a paso como configurarlo.

 

PASO 1.- Sitio web de Desarrolladores Twitter

Utilizamos nuestras credenciales Twitter (nombre usuario/password) para hacer login en el sitio web de desarrolladores Twitter: http://dev.twitter.com/

Una vez logeados, tenemos toda la información necesaria sobre las Twitter Cards en el apartado de documentación específico para las Twitter Cards: http://dev.twitter.com/docs/cards/app-installs-and-deep-linking

PASO 2.- Acceso al validador de una Twitter Cards

El siguiente paso es validar una Twitter Cards, para lo cual hemos de hacer click en el enlace “Validate your meta tags

En este punto, Twitter nos mostrará los tipos de Twitter Cards. Actualmente tenemos 7 tipos de Twitter Cards:

  • Sumario: nos muestra un resumen con una pequeña foto a la derecha (ideal para blogs).
  • Producto:  ideal para mostrar productos con sus propiedades (precio, tipo,….).
  • Foto: nos muestra una foto destacada ocupando el ancho disponible del Time Line, con un título, autor, y enlace al artículo. (Esta opción es la que usa Mashable).
  • Sumario con imagen larga: similar a foto, pero incluyendo un resumen (el resúmen es extraído de la etiqueta “Meta Description”).
  • Reproductor : para reproducir vídeo y audio (por ejemplo contenido de Youtube).
  • App: ideal para apps (nos muestra versión, ratings, …).
  • Galería: es ideal para un álbum, galería o colección de imágenes.
Tipos de Twitter Cards
Tipos de Twitter Cards

Los más interesantes, desde el punto de vista de WordPress, son Sumario, Sumario con imagen larga, y Foto. (Entre otras, porque el plugin que utilizaremos para WordPress solo trata estos tipos de Twitter Cards).

PASO 3.- Configuración de las etiquetas Meta correspondientes

Llegados a este punto tenemos dos opciones:

  1. Lo hacemos a mano, insertando el código hmtl que nos genera el asistente de Twitter, concretamente una serie de etiquetas meta. Si optamos por esta opción,  para cada contenido que generemos tendremos que insertar este código entre las correspondientes etiquetas “head”.
  2. Utilizar plugins específicos para tal efecto que nos automaticen la generación de estas etiquetas meta.

WordPress nos facilita una serie de plugins para configurar las Twitter Cards en un blog basado en este CM. En principio he probado los dos siguientes plugins:

  • Yoast WordPress SEO: un maravilloso plugin para gestinar el SEO de todo nuestro sitio web, que además incluye una opción muy simple, aunque efectiva, para añadir meta datos de Twitter Card.  Dicha opción se encuentra en el menú “Social” de dicho plugin, ahí simplemente hemos de activar la opción para añadir meta datos de Twitter Card y especificar el usuario Twitter.
Twitter Cards con Plugin para WordPress SEO by Yoast
Configurar Twitter Cards con Plugin para WordPress “SEO by Yoast”
  • JM Twitter Cards : este plugin es específico para gestionar Twitter Cards. Personalmente es el que más me gusta, y paso a describirlo en la siguiente sección.

 

PASO 4.- Plugin JM Twitter Cards

Una vez instalado el plugin, nos creará una entrada con el mismo nombre dentro de la sección de “Ajustes” de nuestro WordPress.

Aquí tenemos una serie de opciones, donde las más importantes son:

  • Elegir el tipo de Twitter Cards: solo podemos elegir entre sumario, sumario con imagen larga, y foto.
  • La cuenta Twitter de usuario, y de web.
  • URL de la imagen por defecto : se utilizará en caso de que un post concreto no tenga foto destacada.
  • La posibilidad de utilizar las etiquetas “meta title” y “meta description” que nos facilita el plugin SEO by Yoast.
Configurar Twitter Cards con plugin "JM Twitter Cards"
Configurar Twitter Cards con plugin “JM Twitter Cards”

Hay que tener en cuenta una serie de consideraciones:

  1. Tener cuidado de no utilizar elementos como comillas y similares dentro de las “meta description”, porque Twitter solo mostrará el texto hasta la comilla.
  2. Si tenemos un plugin de caché (por ejemplo, W3 Total Caché), borrar la caché.

 

PASO 5.- Vista previa de nuestra Twitter Card y solicitud de Aprobación

Tras haber configurado nuestra Twitter Card en WordPress utilizando alguno de los plugins anteriores, continuamos con nuestro validador de Twitter Card ( http://dev.twitter.com/docs/cards/validation/validator ), el cual,  por un lado, nos permite  una vista previa de las mismas (hemos de introducir la URL de nuestro blog y/o artículo), y por otro, nos permite solicitar la aprobación de la Twitter Card (haciendo click en correspondiente botón “Request Approval“).

Validar una Twitter Cards

Tras haber hecho click en el enlace para solicitar la aprobación, y rellenado el correspondiente formulario;  Twitter nos enviará un correo electrónico indicando la validación de las mismas.

Solicitud de aprobación de una Twitter Cards
Formulario que hemos de rellenar al solicitar la aprobación de una Twitter Cards

Nota: En mi caso particular, la aprobación tardó aproximadamente un minuto.

Aprobación de una Twitter Cards
Correo confirmando aprobación de una Twitter Cards

 

Referencias Externas


 

 

Si te ha gustado la entrada comparte en Twitter y Facebook clicando los botones de abajo.

Muchas gracias!
Licencia Creative Commons

Este obra está bajo una licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Unported.

socialmediatfe

Analista de Sistemas de Información (Cabildo de Tenerife). Social Media. Social CRM. Business Intelligence. OLAP. Data Mining.

More Posts - Website

Pinterest Web Analytics : Pinterest lanza herramienta de analítica para los negocios

Pinterest ha comenzado a lanzar su herramienta de analítica oficial, conocida como “Pinterest Web Analytics”, en principio solo está disponible para aquellas cuentas de negocios (Pinterest for Bussines),  que tengan una web verificada (ver el post:  “Pasos para verificar tu cuenta en Pinterest”) , y que hayan cambiado al “Nuevo Look (El cambio a este nuevo look aparece como un ítem en el menú principal de nuestra cuenta).

Este elemento de  menú te mostrará unas analíticas simples, que permitirán a las empresas rastrear el tráfico de Pinterest.  El objetivo es realmente ayudar a los sitios web a comprender qué contenido de Pinterest se está realmente compartiendo.

Pinterest web analytics
Elemento de menú para acceder a las Pinterest web analytics

 

 

Pinterest Web Analytics
Pinterest Web Analytics

 

Estas métricas básicas se presentan en forma gráfica mostrando cuatro grupos:

  • Pins
  • Reppins
  • Impresions
  • Clicks

Por cada grupo se creará un gráfico que nos mostrará dos variables, por un lado, muestra las acciones (en color azul), y por otro el número de personas que ejecuta esa acción (en color naranja). (Haciendo click sobre el elemento de la leyenda, podemos ocultar cualquiera de las dos variables).

A su vez, para cada una de estas variables, y a modo de resumen se nos muestra la evolución de la misma en porcentaje – en color gris –  (para el rango de fecha seleccionado), y el valor medio diario (en los respectivos colores naranja y azul).

 Podemos también configurar el ámbito temporal de las estadísticas, utilizando para ello el botón situado en la esquina superior izquierda del panel de estadísticas. (Existen una serie de rangos preconfigurados: 7 días, 14 días, y 30 días).

Pinterest web analytics selección de fecha

Junto con la métricas básicas (mostradas en la pestaña “Site Metrics”) , aparecen otras opciones interesantes:

  • “Most Recent”
  • “Most Reppined”
  • “Most Clicked”

Se trata de una forma visual de ver los elementos anteriores, pudiendo seleccionar también el ámbito temporal.

 

Por último, Pinterest nos ofrece la posibilidad de exportar todas estas estadísticas, usando para tal efecto la pestaña “Export”.

 

Referencias Externas


 

 

Si te ha gustado la entrada comparte en Twitter y Facebook clicando los botones de abajo.

Muchas gracias!
Licencia Creative Commons

Este obra está bajo una licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Unported.

socialmediatfe

Analista de Sistemas de Información (Cabildo de Tenerife). Social Media. Social CRM. Business Intelligence. OLAP. Data Mining.

More Posts - Website

Pasos para verificar tu web en Pinterest

En este micropost voy a describir en unos sencillos pasos cómo verificar una web o blog en Pinterst.

PASO 1. 

Lo primero que se ha de hacer, es ir al elemento de menú “Configuración” tal y como se muestra en la siguiente imagen:

Verificar Web en Pinterest
Configuración Pinterest

Una vez allí, hago click en la opción “Verify Website“,  que se encuentra justo al lado del cuadro de texto donde especifico mi web o blog.

verify website
Verificar web

 

PASO 2. 

Tras haber hecho click, nos mostrará un cuadro de dialogo donde nos indica los pasos a realizar:

  1. Descargar un fichero con extensión html
  2. Subir ese fichero al directorio raiz donde tengo mi blog o web (yo personalmente uso un gestor de FTP, Filezilla para realizar esta opción)
  3. Por último nos indica un elemento para hacer click una vez completado los pasos anteriores.
Pasos para verificar web o blog en Pinterest
Pasos a seguir para verificar web en Pinterest

 

PASO 3. 

Finalmente solo hemos de hacer clik tal y como indica el elemento 3 de la imagen anterior, y ya tendremos en Pinterest nuestra web verificada, tal y como se muestra a continuación:

Web verificada en Pinterest
Web verificada en Pinterest

 

 

Si te ha gustado la entrada comparte en Twitter y Facebook clicando los botones de abajo.

Muchas gracias!
Licencia Creative Commons

Este obra está bajo una licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Unported.

socialmediatfe

Analista de Sistemas de Información (Cabildo de Tenerife). Social Media. Social CRM. Business Intelligence. OLAP. Data Mining.

More Posts - Website

App Móvil versus Sitio Web Móvil ( app vs webapp ) #Mobileweb

webapp vs app (diferencia entre una app nativa y un sitio web móvil)

Actualmente estoy trabajando en un proyecto de e-commerce donde uno de los requisitos es poder acceder a la plataforma desde dispositivos móviles. En principio me planteé dos posibilidades: desarrollar una App Móvil (aplicación) específica para acceder a esa plataforma, o un Sitio Web Móvil ( webapp ), es decir, una interfaz específica del sitio web de e-commerce adaptada a dispositivos móviles.

webapp frente a app nativa

Voy a dividir el presente post en tres partes, en una primera explicaré brevemente las diferencias entre ambas opciones, en una segunda analizaré los pros y contra de las mismas, y finalmente en una tercera expondré mis conclusiones.

 

socialmediatfe

Analista de Sistemas de Información (Cabildo de Tenerife). Social Media. Social CRM. Business Intelligence. OLAP. Data Mining.

More Posts - Website

#Google+ presenta nueva interfaz y mejoras en su App para #iPhone

 

Detalle de la nueva interfaz de Google+ para iPhone
Detalle de la nueva interfaz de Google+ para iPhone

Ayer [9 de Mayo] pude comprobar cómo al actualizar mi app de Google+  para iOS a la versión 2.0.0.5888 (así es como la llama Google), la misma presentaba un cambio radical en su interfaz. Entre las novedades analizadas, destaco las siguientes:

  • Página de inicio con mejoras visuales evidentes, se potencia la imagen. En este punto veo cierta analogía con la app de Pinterest. La gente de Google nos dice que compartir es muy sensorial, y por tal motivo centran su app en una experiencia móvil, más expresiva donde la imagen es la reina. Según citan ellos en su blog: “se trata de una fiesta para los ojos”.
  • Navegación por línea cronológica: se facilita la exploración de las publicaciones, de tal forma que las conversaciones se dividen a medida que se avanza y retrocede en el tiempo. En este punto encuentro también cierta analogía a Flipboard, pero bueno, son impresiones personales.
  • Nuevas fuentes de las letras, ahora muchos  más nítidas.
  • Imágenes de perfil mucho más grande (tendré que cambiar la mía)
  • Aparentemente se ha mejorado en el rendimiento, la aplicación es mucho más ligera y todo es más fluido.

Según nos explica Google en su blog, la actualización de Android llegará en pocas semanas, y con alguna sorpresa extra.

Referencias Externas


 

Si te ha gustado la entrada comparte en Twitter y Facebook clicando los botones de abajo.

Muchas gracias!
Licencia Creative Commons Este obra está bajo una licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Unported.

socialmediatfe

Analista de Sistemas de Información (Cabildo de Tenerife). Social Media. Social CRM. Business Intelligence. OLAP. Data Mining.

More Posts - Website