Categoría: Utilidades para blogs y sites

IFTTT sigue apostando en recetas específicas para publicaciones web

Publicado el 12 agosto, 2013

Os hemos hablado de las múltiples posibilidades que nos ofrece el servicio de automatización IFTTT, donde a través de sus casi 70 canales, nos permite realizar acciones como las copias de seguridad en Dropbox de las imágenes que publiquemos en la web social, alertas e integraciones con iOS, posibilidad de compartir por diferentes vías las nuevas publicaciones que llegan a través de los canales RSS, etc.

Pues bien, los canales RSS son una vía por la que podemos establecer las llamadas recetas partiendo de las publicaciones de los medios cuyos canales RSS usamos. Además de los canales RSS, por el momento hay dos publicaciones con sus canales específicos, que son la cadena deportiva ESPN y BuzzFeed, y desde hoy se añade un canal más, perteneciente a la prestigiosa publicación The New York Times. Ofrecida a través de su API, lleva aparejada seis accionadores, de manera que podemos desde recibir en nuestro correo electrónico los nuevos artículos que se publiquen hasta incluir los nuevos eventos del Teatro de Nueva York en nuestro Calendario de Google (Google Calendar), entre otras recetas.

Esto es sólo un paso de lo que está por venir de ahora en adelante, bajo la idea de permitir a las publicaciones contar con sus propios canales, aunque de momento no sabemos la solución que han tomado para abrir su plataforma. Lo que queda claro es que IFTTT supone una plataforma para que los usuarios consumidores de contenidos puedan crear recetas basadas en los contenidos de las publicaciones, y que éstas puedan estar más cerca de sus propios usuarios.

Es posible que se trate de un buen modelo de negocio para IFTTT, cobrar para que cada publicación tenga un canal dedicado, aumentando así la posibilidad de aumentar el número de suscriptores. De momento, si somos usuarios de The New York Times, ya podemos ir a por algunos de los accionadores para crear nuestras propias recetas específicas según nuestros intereses.

Vía: Anuncio oficial del blog de actualizaciones de IFTTT

Google renueva las herramientas y guías de optimización para móviles

Publicado el 8 agosto, 2013

por Juan Diego Polo

Desde hace ya bastante tiempo Google viene insistiendo sobre la importancia de tener versiones web y móviles que se ejecuten de forma rápida en los navegadores de cada dispositivo. Ha ofrecido manuales y herramientas que ayudan a los webmasters a diseñar sus páginas teniendo bajo control todos los componentes que pueden ralentizar la carga, herramientas que, ahora, han ganado una nueva versión.

Por un lado tenemos nuevas guías que muestran detalles técnicos que pueden ayudarnos a crear versiones móviles más rápidas, tanto en la carga como en la navegación. Por otro lado han renovado su conocida página de Pagespeed insights, donde podemos informar una url y esperar el resultado del análisis.

El informe generado por la nueva herramienta de Pagespeed mostrará dos secciones, la web y la móvil, con los puntos que tendremos que resolver para agilizar la carga del contenido. Veremos en rojo los más importante (imágenes y scripts que tardan mucho en cargar, por ejemplo) y en amarillo los puntos que pueden llegar a ser preocupantes (sin ser críticos).

pagespeed

Lo curioso es que en la información generada se comenta que algunos de los componentes más lentos, que deben ser optimizados, son los scripts de Google analytics, google adsense, botón +1 de Google Plus… scripts que están en la mano de Google, por lo que no hay mucho que podamos hacer al respecto. Se sabe, eso sí, que se está trabajando en una nueva versión de dichos scripts, aunque tendríamos que esperar la misma preocupación de los de Twitter, facebook, addthis y demás elementos que forman parte habitual de cualquier página web o móvil.

Podéis obtener más información en Googlewebmastercentral.

Google rediseña su panel de Chromium para mostrar más transparencia sobre las características de Blink

Publicado el 8 agosto, 2013

por Fco. José Hidalgo

Los desarrolladores web deben estar al tanto sobre las nuevas tecnologías y herramientas que van apareciendo para el desarrollo de sitios web. Es por ello por lo que el equipo de Google lanzó meses atrás un sencillo panel en chromestatus.com, con la idea de hacer seguimiento de los nuevos desarrollos que surjan en el motor Blink. Hoy, como anuncia Google en The Chromium Blog, lanza una nueva versión de Chromium Web Platform Feature Dashboard.

Se trata de un nuevo panel en el que, según Google, trata de fomentar la transparencia y la consolidación de la plataforma web de seguimiento de características. Para cada característica se muestra la descripción y el correo electrónico del propietario, estado de implementación en Chromium, progreso a través de los procesos estándar, y la propia comprensión de la opinión de otros desarrolladores de navegadores web.

Cada característica irá identificada con un color, ya sea rojo, amarillo, o verde, siendo el color verde el que significa que la característica ya se encuentra lo suficientemente madura y estable, y aceptado públicamente por los desarrolladores de otros navegadores web, lo que minimiza los riesgos de incompatibilidad y preserva la interoperabilidad.

Como indica en el propio anuncio, se trata de la primera iteración de la nueva versión, cuyo código está disponible en GitHub para los más curiosos, y que van a explorar nuevas maneras de mostrar los datos, incluyendo una nueva visión global.

Enlace: Chromium Web Platform Feature Dashboard | Vía: Anuncio en The Chromium Blog

Google Webmasters ya nos avisa si se ha realizado una acción manual de spam en nuestro sitio web

Publicado el 8 agosto, 2013

por Juan Diego Polo

Si el número de visitas de nuestro sitio web ha empezado a caer dramáticamente, si el PR ha bajado dos o tres puntos de un día para otro (aunque hoy en día el Pagerank no tenga la relevancia que tenía hace unos años) o empezamos a recibir emails de personas que no quieren que tengamos un link a su página desde nuestro sitio, es porque hay algunos asuntos que tenemos que revisar en nuestra forma de publicar contenido.

Poner enlaces dofollow en links patrocinados, añadir publicidad de forma oculta para «engañar a los buscadores» o intentar, de cualquier forma, modificar la posición de ciertos artículos o sitios web dentro de Google a base de estrategias SEO de calidad discutible son algunas de las acciones que pueden hacer que nuestro sitio sea señalado como SPAM, afectando de diversas formas a nuestro negocio (la cantidad de visitas puede ser una de ellas).

Cuando nuestro sitio cae en el oscuro lado del webspam tenemos que corregir todos los problemas existentes, tanto en los artículos publicados como en la estructura de la web, siguiendo la guía de webmasters que Google ofrece en su web.

El caso es que ahora es más sencillo saber si nos han marcado como webspam o no. Solo tenemos que acceder a google.com/webmasters y pulsar en la nueva sección que veis en la captura superior, donde nos avisará si, efectivamente, ha sido o no realizada una acción manual contra nuestro sitio.

webspam

En el blog oficial comentan que, en caso de alerta positivo, veremos si en la acción ha sido castigada toda la web o solo una sección de la misma (un foro, por ejemplo), con un enlace directo al formulario necesario para solicitar la revisión.

Excelente forma de tener la salud de nuestro web bajo control.

Mozilla anuncia el lanzamiento de Persona Identity Bridge para usuarios de GMail

Publicado el 8 agosto, 2013

por Fco. José Hidalgo

Ya hemos hablado en alguna ocasión de Persona, el sistema de identificación para sitios web de Mozilla, que pretende competir frente a los sistemas de identificación del nivel de Google, Twitter y Facebook. Pues bien, Mozilla acaba de anunciar el lanzamiento de Persona Identity Bridge para usuarios de GMail, ésto es, que los usuarios del sistema de correo electrónico de Gmail ahora pueden identificarse en aquellos sitios web que tengan implementado Persona como sistema de identificación, sin necesidad de crear ninguna cuenta de usuario y simplemente con sus direcciones de correo electrónico.

Mozilla invita a probar el servicio a través de Webmaker, y además, hay un detalle que hay que tener en cuenta, ya que el ingeniero Dan Callahan indica en el anuncio:

Persona mantiene su compromiso con la privacidad: Los usuarios de Gmail pueden iniciar sesión en sitios con Persona, pero Google no puede rastrear los sitios en los que se inscriban

Mozilla, mediante la publicación de Dan Callahan en el blog oficial, indica que con GMail y Yahoo, ya son más de 700 millones de usuarios activos de correo electrónico, lo que en otras palabras quiere decir, que cubre entre el 60% y el 80% de las personas que acceden a sitios web en América del Norte. Ya sólo les queda poder ofrecer el servicio con las cuentas de Outlook.com para tener cubierto los principales servicios de correo electrónico, dando alcance a más usuarios.

Enlace: Anuncio oficial

Bitly for Feelings, nuevo bookmarklet en el que podemos mostrar emociones en los enlaces acortados

Publicado el 8 agosto, 2013

por Fco. José Hidalgo

Ya sabéis que los servicios de acortadores de enlaces web son servicios dedicados a crear direcciones web cortas, que apuntan a las direcciones web originales, para ser usadas en mensajes y actualizaciones de estado en plataformas sociales. Pues bien, Bitly es uno de los más conocidos y de los más completos, y además, acaba de lanzar un bookmarklet un tanto divertido, ya que nos permitirá crear direcciones web cortas en función del estado de ánimo que nos transmita los contenidos de las propias páginas.

¿Cómo funciona? Pues básicamente, hay una serie de dominios asociados a una serie de sentimientos, por lo que elegiremos un sentimiento concreto a la hora de acortar una URL, y su dominio asociado será donde tengamos la URL corta, así de sencillo.

Hay que tener en cuenta que es un bookmarklet en fase beta, y que debemos incluirlo en la barra de vínculos de nuestro navegador. La primera vez que lo usemos en cada sesión, deberemos indicar nuestros datos de acceso, por lo que deberemos tener cuenta en Bitly, y ya tan sólo nos saldrá la ventana emergente donde seleccionaremos el estado para acortar la URL de la página que estamos visitando.

Si bien es una utilidad de que la que en un principio podemos prescindir, igual con el tiempo pueda convertirse en un indicador de lo que nos transmite los contenidos de las diferentes páginas para aquellos con quienes compartamos los enlaces acortados.

Enlace: Bitly for Feelings

Cómo crear una extensión de Chrome de tu sitio web

Publicado el 8 agosto, 2013

por Juan David Quiñónez

Amit Agarwal de Labnol.org ha publicado una excelente guía para crear una extensión de Chrome y una Chrome Web App básica (un logo y un enlace, mucho más útil que cuando los usuarios agregan la página a Favoritos en su navegador) en aproximadamente 5 minutos. La clave: plantillas cuyas sencillas líneas se pueden editar hasta con el Bloc de notas de Windows. Claro, como la idea es dejarlas a disposición de todo el mundo en la Chrome Web Store, hace falta pagar una única pequeña cuota de registro de 5 dólares.

Para crear una Chrome Web App

1) Descarga la carpeta comprimida que contendrá la plantilla de la Chrome Web App. Dentro de ella hay un archivo llamado manifest.json, ábrelo con Bloc de notas o el editor que prefieras (clic derecho >> Abrir con…) y cambia las líneas indicadas con tus respectivos datos: nombre de tu sitio web, una corta descripción y su URL un par de veces. Guarda los cambios.

En la carpeta también hay una imagen en formato PNG llamada icon.png, reemplázala por un logotipo propio de 128×128 px pero teniendo cuidado de no cambiar el nombre. Eso es todo hasta allí, verifica que han quedado ambos archivos en la carpeta comprimida que es la que se va a subir luego. Continúa leyendo «Cómo crear una extensión de Chrome de tu sitio web»

Cómo crear una newsletter para un blog

Publicado el 5 agosto, 2013

por Juan Diego Polo

Respondiendo a una de las más clásicas preguntas de los que están comenzando en el mundo blog, voy a comentar ahora los pasos que tienen que realizarse para poder enviar de forma automática un email con las noticias de cada día a los lectores que así lo soliciten.

La idea es presentar un formulario como el que veis en el menú derecho de wwwhatsnew.com (el que veis en la miniatura lateral) para que los visitantes puedan informar su dirección de correo electrónico y recibir un email diario con las noticias del día anterior.

Aunque los más veteranos recordarán a feedblitz.com como uno de los servicios más populares para este tipo de tarea, voy a explicar el paso a paso usando Feedburner, aplicación de gestión de suscriptores que Google compró en 2007.

Lo primero que tenemos que hacer es identificarnos con nuestra cuenta de Google en feedburner.google.com, accediendo a un panel de control con todos nuestros feeds. Podemos crear uno nuevo para nuestro blog en la parte inferior, donde se indica en la captura:

Una vez indicada la url del blog, pulsamos a «Next» y esperamos a que se genere la nueva dirección de nuestro feed (en el caso de la imagen la dirección creada es feeds.feedburner.com/minuevoblog, un canal que obtendrá el contenido de minuevoblog.com y lo ofrecerá tanto por email como en formato RSS.

feed

Ahora podemos acceder al panel de control pulsando en Skip directly to feed management de la siguiente pantalla, un panel que contiene la opción Publicize, tal y como muestro en la siguiente imagen.

emails

Al pulsar en esta opción podremos especificar las características del formulario de entrada de email que los lectores tendrán que rellenar para solicitar la Newsletter. Este formulario tiene un solo campo de texto (email) y tendremos que ponerlo en el menú lateral para que los visitantes de nuestro blog puedan informar su correo electrónico y recibir el email diario con las noticias del día anterior.

Pulsamos en la opción «Activate» para poder comenzar a detallar dicho formulario:

Ahora podemos acceder a las opciones de personalización del formulario que mostremos. Allí vemos el código HTML que debemos pegar en nuestro menú lateral, mostrando un campo de texto para que los lectores informen su email.

Es posible, en lugar de mostrar un campo de texto, informar un enlace que, al ser pulsado, mostrará una ventana emergente donde los visitantes indicarán el email deseado.

Aunque, como veis en la imagen, es posible indicar el idioma del formulario, es necesario alterar algunos puntos del HTML, como el texto del botón (Enviar, en lugar de Subscribe) o el «Delivered by«.

En el menú izquierdo, en la sección Communication Preference, podemos alterar el texto que los suscriptores recibirán en su email como bienvenida, algo necesario para nuestro idioma, ya que dicho texto se encuentra inicialmente en inglés:

texto

En la sección Email Branding podemos especificar detalles relacionados con la estética de la newsletter (tamaño de fuente, tipo de letra, logomarca, etc.), aunque no hay mucha flexibilidad en este punto, la verdad sea dicha.

Por último, en Delivery Options indicaremos la hora del envío de nuestro email, correo que se enviará a todos aquéllos que hayan solicitado la newsletter y la hayan activado al recibir el email de bienvenida.

Una vez publicado el formulario de entrada de emails en nuestro blog, solo tenemos que esperar a que el contenido despierte el suficiente interés como para atraer suscriptores. El número total se verá en la imagen inferior, donde podremos ver los emails registrados y desactivarlos manualmente en caso de que alguno de ellos lo solicite.

Es posible buscar emails ya registrados y borrarlos de la base de datos, pero no podemos incluir nuevos emails de forma manual (para evitar spam) ni validar los que hayan sido informados pero no activados en el email de bienvenida.

Flare, barra flotante de «Compartir en redes sociales» para WordPress

Publicado el 4 agosto, 2013

por Juan David Quiñónez

Flare es un plugin que adhiere a un sitio web hecho en WordPress una flamante barra flotante de botones de redes sociales para compartir los artículos en Facebook, Twitter, Google Plus, Pinterest, Linkedin, Buffer y otros. Tiene algo de parecido a las recientes barras que lanzó AddThis pero su diseño es mucho más llamativo, e incluso es mucho más fácil de implementar.

Su elegante panel permite editar las opciones básicas para definir el lugar donde se desplegará (flotando a la izquierda o a la derecha) y opcionalmente sumar un par de pequeñas barras horizontales que se muestren arriba y abajo de cada artículo. Las demás opciones son más específicas: el color de fondo (negro, blanco o transparente), restricciones para el contador, el diseño de los botones (cuadrados, redondos, con bordes especiales y más) y mostrar un botón de promoción para sus creadores.

En la parte inferior se van añadiendo una a una las redes preferidas para mostrar en forma de botón, los perfiles a los que apuntará y las secciones del sitio donde estará activa (entradas y páginas). Por si fuera poco, en la pestaña Follow será posible definir algunas opciones para un widget que viene incluido con el plugin y que se puede mostrar en la barra lateral del sitio. Resta mencionar la sección de metricas, con una muy buena pinta, de la que informan que pronto estará disponible.

Enlace: Página de Flare en WordPress.org

MockUPhone, crea maquetas para ver como quedarían sitios y aplicaciones web en dispositivos móviles

Publicado el 3 agosto, 2013

por Fco. José Hidalgo

Pongámonos ante la situación en la que estamos al frente del desarrollo de cualquier aplicación o servicio web que vaya enfocado a su uso en dispositivos móviles, tanto smartphones como tablets, y queremos mostrar cómo quedarán los mismos una vez se visualicen a través de algunos de dispositivos móviles existentes actualmente en el mercado, tanto en modo horizontal como en vertical. Una opción es coger las capturas de dichas aplicaciones y hacer fotomontajes a través de cualquiera de las aplicaciones de edición gráfica, o bien, la otra opción es acudir a aplicaciones como MockUPhone para generar nuestras maquetas de forma automática, las cuales podemos descargar posteriormente.

Sin necesidad de registros y de uso completamente gratuito, tan sólo tenemos que elegir uno de los terminales de portada, el cual se irá ampliando a lo largo del tiempo, y posteriormente subir una captura, ya sea arrastrándola a la interfaz web o eligiéndola desde nuestro sistema de almacenamiento local. Entonces, MockUPhone ya se encargará de realizar la maqueta con las diferentes orientaciones del dispositivo seleccionado, permitiéndonos descargar los resultados.

El tamaño que recomiendan es de 1525 px x 2048 px, pudiendo ser archivos en jpg, en png, o incluso en PSD. De esta manera, ya podemos mostrar ante quien sea, el resultado de cómo quedaría el desarrollo de la aplicación o servicio web móvil ante diferentes pantallas de diferentes dispositivos.

Enlace: MockUPhone | Vía: WebResourcesDepot