Categoría: Utilidades para blogs y sites

7 colecciones de fotografías libres de derechos y con alta calidad

Publicado el 28 junio, 2014

Hoy, con ayuda de un listado en el blog de Buffer, revisamos casi una decena de colecciones con fotografías de alta calidad publicadas por novatos y profesionales que desinteresadamente comparten en la web parte de su trabajo dejándolo a disposición de cualquiera para que le sea sacado provecho aún en proyectos comerciales. En cada ítem destacamos un ejemplo del material presente y, aunque no haga falta en la mayoría de casos por su naturaleza libre, publicamos la debida referencia al autor.

Gratisography

El artista Ryan McGuire comparte semanalmente imágenes de alta resolución libres para uso personal o comercial aún sin mencionar a su autor (la versión más permisiva de la licencia Creative Commons). Un clic basta para descargarlas, nada de registros adicionales.

BigFoto

Fotografías de diversas partes del mundo debidamente agrupadas por su origen geográfico del cual hasta se incluye un resumen y una miniguía turística. Comentan que son tomadas por fotógrafos amateur que comparten su material sin ánimo de lucro, aunque en lo posible, se pide un enlace al sitio web, darle Me gusta a su página de Facebook o promoverles mediante un tweet.

Death to The Stock Photo

Allison Lehman y David Sherry son los creadores de este útil recurso en el que se comparten mensualmente un paquete de fotografías de alta calidad. Lo único que hace falta es ingresar nuestro correo electrónico para que sean enviados los enlaces de descarga cada vez. Restará usarlas libremente (con una licencia básica) en artículos, redes sociales, mockups y lugares semejantes.
Imagen: Captura, página principal de join.deathtothestockphoto.com

Good Free Photos

Según noupe.com Yinan Chen es el responsable de hacer de dominio público la mayor parte de su material fotográfico de alta calidad, en particular, contenido relacionado a paisajes, animales, plantas, parques naturales y otros lugares. Se pueden usar libremente aunque no sobra un enlace de referencia.

Hubspot

Hubspot, el arsenal de herramientas de Social Media Marketing, suele ofrecer ebooks y otro útil material multimedia a cambio de anotarnos en su lista de correo. Pues bien, para enriquecer nuestras campañas por email, presentaciones, publicaciones en redes sociales y tareas similares, en el sitio se ofrecen paquetes con cientos de fotografías libres. Como ejemplos, este, este y este otro enlace.

Unsplash

Crew Labs es la compañía canadiense tras este proyecto que publica 10 fotografías cada 10 días. Todas las fotografías están libres de derechos, «haz lo que quieras con ellas» es lo primero que aparece en Unsplash donde se enlaza a la información de su dominio público. Algunos artistas envían sus trabajos fotográficos y si son aceptados, reciben a cambio su publicación junto al enlace a sus portafolios.

PicJumbo

Viktor Hanacek es el creador de este portal en el que comparte todo tipo de fotografías para su uso en proyectos personales y comerciales, especialmente para los que llevan a cabo diseñadores y artistas gráficos. Dispone también de un plugin de pago para Photoshop que permite acceder directamente a las imágenes desde la aplicación de Adobe.

Alternativas al Lorem Ipsum

Publicado el 27 junio, 2014

por Juan Diego Polo

Los que trabajan en diseño de sitios web acostumbran a usar Lorem Ipsum (lipsum.com) para rellenar el texto de las páginas aún en modo borrador. El funcionamiento es bien sencillo: se decide el número de párrafos deseados y se copian y pegan las palabras en el trabajo.

El problema es que muchos quieren ser algo más originales, les aburre tanto «Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…», buscan innovar.. y para ello hay una opciones que vale la pena destacar:

BLOKK

Una tipografía bastante original, creada especialmente para quien desarrolla maquetas de sitios web donde importa la forma, no el contenido.

Redacted

Otra tipografía, disponible en github, con varios modelos diferentes para completar diseños.

minionsipsum.com

El Lorel Ipsum de los minions. Solo tenemos que elegir el número de párrafos y pulsar en el botón Bananaas!! teniendo la opción para copiar el resultado.

quijotipsum.com

Para darle cultura al cuerpo del texto, aquí tenemos párrafos extraídos del Quijote.

chiquitoipsum.com

Con frases del «gran pensador» Chiquito de la Calzada. El funcionamiento es idéntico al de los minions.

cupcakeipsum.com

En inglés, para darle un saber dulce al lorem ipsum.

fillerati.com

Para amantes de la literatura, rellenando el contenido con textos de obras inmortales.

lorempixel.com

Para rellenar espacios con imágenes, en lugar de con textos.

Si conocéis alguna más, podéis compartirla en los comentarios.

Google nos explica cómo crear una página de inicio para usuarios internacionales

Publicado el 27 junio, 2014

por Juan Diego Polo

En muchas ocasiones necesitamos crear una web cuyos potenciales clientes llegan desde diversas partes del mundo. Es importante poder mostrar un contenido u otro en función del origen del visitante, y Google nos ayuda a realizar dicha configuración con un artículo en el que se barajan tres opciones: mostrar el mismo contenido para todo el mundo, permitir que cada uno elija el idioma o mostrar información diferente, de forma automática, en función de la localización e idioma de los usuarios.

En el primer caso no hay mucho que hacer: si es una misma página para todos, no tendremos que realizar ninguna configuración específica.

En caso de mostrar la opción de elegir el idioma y saltar a una versión u otra en función de la decisión, nos recomienda usar la anotación x-default rel-alternate-hreflang para la página de selección de país. Esta opción es útil para quien tiene el contenido principal en un solo idioma y se traduce únicamente la plantilla (el caso de foros, por ejemplo), para quien tiene contenido que sufre pequeñas variaciones regionales (español de España y de América Latina) o para los que tienen el sitio completamente traducida para cada página. En este vídeo muestran los detalles (tiene subtítulos en español):

La tercera opción, que envía al usuario a una versión u otra en función de su país o idioma, es algo más compleja de implementar, ya que tendremos que usar redirecciones 302 en el htaccess o publicar de forma dinámica el contenido HTML adecuado, siendo necesario también usar las etiquetas x-default rel-alternate-hreflang. Será necesario tener URL distintas para cada versión de país y de idioma, y será importante verificar en el archivo robots.txt que se encuentran accesibles para el rastreo y la indexación de Googlebot.

Podéis ver más detalles en el artículo mencionado anteriormente, así como en esta página de soporte.

Sprites, herramienta online de creación de infografías

Publicado el 23 junio, 2014

por Rebeca Polo

sprites

Las infografías van cobrando cada vez más fuerza como herramienta de despliegue de información: hacen que nuestra web sea más visible y que la información se muestre de forma más atractiva. Por eso no va nada mal tener a mano un servicio en el que poder crear fácilmente infografías propias, como puede ser Sprites.

En Sprites dispondremos de un lienzo en blanco en el que añadir los elementos y páginas deseadas según la infografía a crear. En ella podremos agregar infinidad de elementos como texto, gráficos, imágenes, figuras, iconos, mapas, tablas, líneas, barras, eventos y widgets, todos personalizables para poder indicar estadísticas propias, colores deseados, tamaño y posición dentro de la infografía. Podremos ir realizando una previsualización de los datos en todo momento y publicar el resultado en Internet cuando por fin estemos satisfechos.

Disponemos de dos versiones para utilizar Sprites, la gratuita e ilimitada con las versiones básicas (funcional y con buenos resultados, ciertamente) y la Pro disponible por 6 dólares. Ésta última incluirá nuevos bloques de contenido, edición de texto, posibilidad de personalización de temas e integración con Google Analytics, entre otros. Si lo queremos es echar un vistazo a la versión profesional sin abonar la cuota también podremos, ya que se nos da un período de prueba gratuito.

Filament.io, para añadir apps en nuestro sitio web sin necesidad de programar

Publicado el 17 junio, 2014

por Rebeca Polo

Filament.io es una plataforma con diversas aplicaciones y widgets insertables, disponibles para que a todo el mundo le sea mucho más fácil integrar diferentes elementos en su sitio web o app sin necesidad de programar.

Para utilizar las ventajas de Filament podremos empezar a añadir aplicaciones directamente, o bien añadir un fragmento de código en Java en nuestra aplicación en caso de que queramos configurar más opciones, pero en este caso será el único código que veremos. Cuando toque añadir las aplicaciones correspondientes, veremos en todo momento una previsualización de nuestra aplicación para que podamos decidir de qué forma se despliega la información.

Actualmente pueden instalarse seis aplicaciones: Flare, Passport, Mailchimp, Ivy, CodeDrop y Google Analytics – en la página podéis también descubrir lo que aporta cada app. Y también preparan añadir unas cuantas más próximamente – en caso de que nos interese podemos acceder a la lista de futuras implementaciones desde la misma web de Filament.

Obviamente los cambios no se verán directamente desde nuestro sitio web, podremos actualizar los datos a través de un botón «publish» que enviará los cambios a nuestra página. Para utilizar el servicio tendremos que registrar una cuenta, o bien acceder a Filament.io a través de nuestra cuenta de Facebook o Google.

VisualPing, la aplicación que detecta cambios en zonas de páginas web, lanza servicio Pro

Publicado el 29 mayo, 2014

por Juan Diego Polo

Si queréis que os avisen automáticamente cuando una región específica de una página web sufre algún cambio, visualping.io os puede ayudar. Lo usa mucha gente para detectar cambios sutiles en una logomarca, o para saber en qué momento muda la estructura de un menú de una web o el contenido de ciertas páginas.

Solo tenemos que indicar la url que queremos analizar y, después de ver una captura de la misma, indicar la región que sufrirá el análisis. Una vez realizado el proceso, indicamos el email al que llegarán los avisos y la frecuencia de los tests (cada día, cada hora, cada 5 minutos…), siendo posible también acceder a un panel de control para tener bajo control los cambios que se van detectando.

Visualping anuncia ahora un plan pro basado en «paga lo que usas». Cada vez que se hace un test se cobra un crédito, por lo que si configuramos el sistema para que verifique cada hora posibles cambios en el logo de Google.com, por ejemplo, cobrarán 720 créditos al terminar el mes (1,5 dólares).

La plataforma es sencilla, y personalmente llevo usándola bastante tiempo con buenos resultados, aunque hasta ahora era completamente gratuita.

Función en Google para Webmasters permite ver nuestras páginas como si fuéramos Google

Publicado el 27 mayo, 2014

por Juan Diego Polo

Desde el blog de Google para webmasters nos hablan hoy de la función Fetch as Google feature (buscar como google), función que nos permite ahora ver exactamente cómo se muestran nuestras páginas ante el robot del buscador.

Solo tenemos que informar la url de nuestro sitio web y pulsar en Fetch and render, siendo necesario esperar unos segundos a que el sistema acceda al contenido y muestre exactamente lo que ve el robot, con los css y JS incluidos, así como componentes externos.

La utilidad es enorme, principalmente para los que tienen un archivo robots.txt complejo, ya que podemos determinar el contenido que está siendo bloqueado o no a los ojos de Google.

Al terminar el análisis podemos pulsar en el nuevo registro para ver la imagen de nuestra web, así como los problemas que ha encontrado Google en ella y el motivo por el que no ha podido acceder a determinados contenidos (generalmente porque son bloqueados por dicho robots.txt).

Un recurso más para una plataforma cada vez más completa para los que nos dedicamos a crear y compartir contenido en Internet.

Compressor.io, reducir el peso de una imagen sin pérdida de calidad y de forma online

Publicado el 26 mayo, 2014

por Juan David Quiñónez

Compressor.io es una herramienta online que permite optimizar el peso de una fotografía o cualquier otra imagen de la que se desee mantener una alta calidad pero en un archivo con menor cantidad de kilobytes. Funciona con formatos JPEG, PNG, GIF y SVG, cuenta con dos tipos de compresión y los resultados pueden ser descargados al PC o directamente a un servicio de almacenamiento.

El proceso es tan sencillo como pulsar en el gigante botón Try it de su página principal, seleccionar lossy o loseless para la optimización (el segundo es el de menor pérdida de calidad pero conserva más tamaño), y finalmente cargar el archivo de imagen desde el PC bien sea arrastrándolo o mediante el explorador. Restará esperar a que se muestren los resultados con un resumen del almacenamiento ahorrado, botones habilitados para su descarga y la posibilidad de enviarlos a Google Drive o Dropbox.

Su creador comenta que Compressor.io ha sido desarrollado partiendo de otras herramientas open source y que en futuras versiones se incorporarán detalles tan útiles como un menor límite para la subida (hasta ahora es de 10 Mb por archivo), optimización de múltiples imágenes simultáneamente y hasta una aplicación offline. Por cierto, la barra blanca vertical que aparece sobre las imágenes permite ver la diferencia entre la imagen original y la imagen comprimida; Respecto a la privacidad, las imágenes cargadas se mantienen en sus servidorers durante 6 horas y luego son eliminadas.

No funciona como compressnow u otras opciones online de reducción de tamaños de imágenes (peso y dimensiones) que en ocasiones usamos para su posterior publicación en sitios web sino que su uso está enfocado al público profesional que deba trabajar con grandes formatos y que suela sufrir con los grandes requerimientos de almacenamiento de su material de alta calidad.

Enlace: Compressor.io

Guías SEO que vale la pena consultar, en español y PDF

Publicado el 24 mayo, 2014

por Juan Diego Polo

Ahora que ha llegado la última versión de Google Panda, para alegría de muchos y tristeza de otros, el SEO vuelve a estar de moda. Cada vez es una «ciencia» menos transparente, llega un momento en el que no sabemos si un enlace debe ser nofollow o dofollow, si es bueno o malo poner imágenes grandes y atractivas, si vale la pena mostrar etiquetas en cada texto o no… lo que está claro es que hay que seguir escribiendo para los lectores, ya que escribir para Google es algo que solo funciona a muy corto plazo.

Aún así hay reglas generales, aspectos técnicos y asuntos relacionados con la forma, que tenemos que tener en cuenta, y para ello hay varias guías que es importante consultar cuando queremos comenzar un proyecto web:

seo

– Guía SEO oficial de Google: Una guía divulgada por Google en su página de soporte, creada en 2011, en la que se comentan aspectos básicos, aunque no se menciona nada sobre los últimos algoritmos (pandas, pinguinos y colibrís)
– Guía para novatos: Breve guía creada por José Rodríguez, autor de los populares libros de Wordpress y Ubuntu que ya comentamos hace unos meses.
– Guía de Javier Casares: No se actualiza desde hace 6 años, pero ha sido la referencia durante mucho tiempo en nuestro idioma.
– Guía de Solomarketing: Creada especialmente para gestores de comunidades en redes sociales, aunque puede aplicarse para cualquier webmaster.
– Guía SEO para comercio electrónico: Con el título «SEO Natural para Comerciantes de Internet en Actividad», fue creada para ayudar a los que quieren posicionar una tienda online.
– Guía Seo del Instituto Nacional de Tecnologías de la Comunicación: Data de 2009, pero tiene conceptos universales que no mueren en el mundo SEO.
– Guía SEo On-page: Breve, pero intensa, creada por Santiago Vitola este año.

Si conocéis alguna guía más que valga la pena ser mencionada, abiertos están los comentarios.