Hace unos días conocíamos la sentencia de la Sala Civil del Tribunal Supremo en el caso que enfrentaba a United Biscuits con el fotógrafo Daniel Virgili. Éste había demandado a la multinacional galletera porque había contratado con aquélla la cesión de los derechos sobre unas fotografías que hizo para ilustrar unos envases, y United Biscuits siguió utilizando dichas imágenes una vez que el contrato llegó a su término.

Recurre el Tribunal Supremo para sentenciar el caso a una de las distinciones más polémicas y confusas que contiene la vigente Ley de Propiedad Intelectual: las obras fotográficas (art. 10) y las “meras” fotografías (art .128). El autor de una “mera fotografía” ve recortado sustancialmente su catálogo de derechos, en comparación con los que otorga ser titular de una “obra fotográfica“, arte expresado en fotografía o procedimiento análogo a la fotografía. Entre ellos, el de retirada de la obra del mercado, además de que las “meras fotografías” sólo están protegidas por un plazo de 25 años

Para distinguir unas clases de imágenes de otras, se habían venido manejando criterios como el carácter de profesional del autor de la obra fotográfica, la preparación o trabajo de composición que lleva aparejado, la utilización de equipos especiales, etc. En fin, criterios que se han ido relativizando y perdiendo valor a medida que las técnicas fotográficas más elaboradas y los mejores equipos quedaban más al alcance de cualquier aficionado a estos menesteres de la imagen.

Con esta sentencia el Tribunal Supremo establece que, en definitiva, es el juez del caso concreto quien ha de decidir si hay “obra fotográfica” con plenitud de derechos de autor otorgado vía Ley de Propiedad Intelectual, o una “mera fotografía” desprovista de toda esa parte “moral” y personalísima que conlleva la “autoría”. Dice el Tribunal que la obra fotográfica “supone la aportación de un esfuerzo intelectual -talento, inteligencia, ingenio, invectiva o personalidad- que convierte a la fotografía en una creación artística o intelectual“.

El tenor de esta sentencia ha sido criticado por aquellos que piensan que supone convertir al juez en una especie de perista de arte que ha de valorar una serie de elementos desde criterios muy subjetivos.

Sea como fuere, ¿en qué nos afecta como bloggers?

Básicamente en que como editores de un blog no estamos capacitados para decidir si una imagen que hayamos obtenido de Internet gozará o no de una especial protección jurídica. Por ello es conveniente reiterar estos consejos básico a la hora de ilustrar un post con imágenes o publicar una galería fotográfica:

1) Utilizar imágenes de nuestra autoría y que no afecten a derechos de imagen de terceras personas (nos han otorgado la cesión de los derechos correspondientes)
2) Ilustrar con imágenes de dominio público o de uso libre
3) Utilizar imágenes o fotografías licenciadas bajo Creative Commons cumpliendo con los requisitos que nos imponga el respectivo procomún.

(La imagen que ilustra el post ha sido tomada del Flickr de chicanerii, bajo licencia CC)

La protección jurídica de las imágenes que usas en tu blog es un articulo de: Bloguismo - Consejos para blogs

Aquí, una vez más, tú como blogger delante de tu artículo: crees que tienes algo interesante por contar (lo doy por descontado, el contenido y su calidad es un 70%), pero tu artículo no ha funcionado, tu blog sigue sin arrancar. ¿Qué puedes estar haciendo mal?

Aunque no lo parezca, hay errores muy comunes al escribir en un blog que puedes empezar a solucionar desde ya; de hecho puede que este artículo te parezca una tontería pero es que sigo viendo errores tan básicos en blogs que leo, así que guárdatelo como un mantra. He visitado artículos muy interesantes en blogs chulos pero que he cerrado antes de terminar de leerlos por lo eterna que se me estaba haciendo la lectura, o lo mal que estaba distribuido el texto.

1 – No ilustrar tu artículo

En serio, un 99% de los artículos de blog fallan en cuanto a éxito por no estar bien ilustrados, recuerda que en Internet la gente escanea, nunca lee y por tanto tienes que facilitarles esa labor:

• Usa negritas.
• Usa listas.
• Usa imágenes.
• Usa titulares: investiga sobre h1, h2, h3…

El tema de titulares es esencial: no puedes usar el mismo formato que el texto poniendo 1), 2), 3) y demás… porque lo siento, pero te va a quedar un tocho infumable, lo siento pero es así. Quizá el que llegue está interesado sólo en un apartado, otro en dos… haz su vida un poco más sencilla y te lo agradecerán.

Además, haz párrafos de 4-7 líneas como mucho, porque facilitará la labor de leer -el ir leyendo poco a poco y avanzando a través de tu artículo- siempre ayudará, mejorará que se vaya leyendo todo el artículo.

2 – Colocar mal las imágenes

Éste es otro de los puntos donde siempre tengo una gran batalla con algunos bloggers: si del 100% del ancho del contenido de tu blog la imagen ocupa un 75% del total, ¿Por qué colocas texto alineado en ese 25% restante? Va a quedar horrible y lo sabes.

Si la imagen va a ocupar más del 50% del ancho (cuenta márgenes) del contenido, mejor céntrala y pon el texto debajo, pues se hace realmente horrible leer líneas de texto donde sólo caben 2 ó 3 palabras alineadas con una imagen. No facilita para nada la lectura.

3 – No echar un ojo al SEO

Una vez escrito el artículo recuerda repasar el título, así como los meta-keywords y meta-description, como te comenté la semana pasada en el artículo sobre cómo mejorar el SEO de tu blog.

A menudo una buena descripción, atrayente y que defina bien tu artículo mejorará el porcentaje de clicks de los usuarios al encontrarse tu artículo en un buscador. Además lo puedes hacer fácilmente con un plugin como All in One SEO.

Quizá en este punto tengas problemas “éticos” porque siempre se discute entre si escribir para buscadores y escribir para humanos. Te daré un consejo: Busca el equilibrio, a menudo un gran título con una buena descripción no está reñido con un fantástico contenido.

En resumen: repasa tu artículo una vez escrito, bien instantes después o bien pasadas unas horas o unos días. Repasar con calma lo escrito te ayudará en gran medida a encontrar errores, mejorar frases y en definitiva mejorar lectores y audiencia de tu blog.

Los 3 errores más comunes al escribir un artículo es un articulo de: Bloguismo - Consejos para blogs

Hace ya algún tiempo que publiqué la primera parte de esta serie sobre optimización de blogs. Álvaro ha hecho un excelente artículo dentro de su tutorial de Blogger, para ver cómo se puede optimizar este tipo de blogs. Mi intención es profundizar el los motivos por los que es necesario optimizar el blog, y los beneficios que nos reporta.

En el anterior artículo hablamos de los principales bloques que construyen nuestro blog, el HTML, CSS, JavaScript, PHP, etc… Todos ellos son susceptibles de ser optimizados, y al hacerlo, no solo nos lo agradecerán nuestros lectores, sino que además podremos reducir drásticamente el consumo de ancho de banda de nuestro blog. Esto nos permitirá poder ahorrarnos unos euros en la factura del hosting.

En general, algunos de los trucos que se presentan aquí podrían no ser aplicables a todos los blogs, principalmente porque, en algunos casos, el servicio de hosting no tiene activada, o no es posible activar, ciertas características en sus servidores.

El HTML

Gran parte del contenido de nuestros artículos estará en HTML. Lo más importante en este caso es activar la compresión de HTML. ¿Qué es esto? Nuestro servidor web, es capaz de enviar el contenido de forma comprimida por la red, en formato GZIP, como un ZIP para los ficheros. Es decir, antes de enviar por la red el documento, lo comprime, y nosotros recibimos un archivo GZIP, que nuestro navegador descomprime y convierte en HTML legible. Este formato está soportado por todos los navegadores modernos, así que lo podremos usar siempre sin problemas.
Por supuesto, esto acelera la descarga y ahorra ancho de banda de nuestro servidor de hosting. Con pocas visitas, puede ser irrelevante, pero en un blog con miles de visitas, tiene mucha importancia.

Contenido

Todo el contenido de nuestro blog es susceptible de aplicar una serie de buenas prácticas que mejoran mucho la carga de las páginas:

1. Hacer menos peticiones HTTP
2. Reducir las búsquedas de DNS
3. Repartir la carga entre varios dominios
4. Evitar las redirecciones y los 404′s

Servidor Web

Una buena parte de las optimizaciones que podemos hacer en nuestro blog, se harán a nivel de nuestro servidor web. Las más importantes son:

1. Usar una CDN (Content Delivery Network). Esta opción no está al alcance de cualquiera y en muchos casos exigirá un pago por su uso, que no todos los bloggers se pueden permitir. La ventaja al usar una CDN es que el contenido está repartido entre servidores geográficamente dispersos por todo el mundo, con lo cual el tiempo de descarga de los elementos mejora notablemente. Una CDN gratuita es CoralCDN.
2. Añadir cabeceras de caché. Todo el contenido de un blog no es igual. Habrá elementos que no cambien nunca o casi nunca (cabecera, iconos, fondos, etc..) , mientras otros lo harán cada muy poco tiempo o a diario (comentarios, posts, búsquedas…). Podemos mejorar mucho los tiempos, añadiendo una etiqueta en la cabecera de los archivos que se descarguen, indicando el periodo de validez del mismo. Por ejemplo, el JPG de nuestro logo podría durar muchos meses o años, y podemos decir a nuestro servidor que “Never expire”, es decir, que nunca caduque. Esto hace que cuando un usuario que ya haya visitado nuestro sitio, vuelva, no tenga que descargarse la imágen porque ya la tendrá en su caché del navegador (siempre que no lo haya borrado claro). Para el caso de otros contenidos, deberíamos estimar el tiempo razonable de expiración. Por ejemplo, los posts más antiguos, no deberían variar mucho, por lo que se podría alargar su tiempo de cachedado. Los comentarios y/o búsquedas, no. Más adelante en la sección de PHP veremos más sobre esto. Otra forma de gestionar las cachés es a través de las etiquetas ETags, pero es un tema algo más avanzado.
3. Evitar poner imágenes con src=”", o con JavaScript img.src = “”. En ambos casos, la mayoría de los navegadores harán una petición al servidor para buscar algo que no existe o que ni siquiera se va a mostrar. Esto puede provocar gran cantidad de peticiones innecesarias. Aquí tenéis una explicación más en profundidad sobre el tema (en inglés).

Archivos CSS

1. Compresión. En cuento a los archivos de estilo tambien se puede y debe aplicar la compresión. Además, podemos minimizarlos (del inglés minify). Es decir, simplificar el contenido del fichero, eliminando espacios en blanco, tabulaciones, comentarios, etc… Esto es muy fácil de hacer. Puedes optar por minimizar los archivos manualmente y luego subirlos, o bien usar PHP, para que los minimice. Hay muchas herramientas para automatizar esto Minify de Google, Yahoo UI Compressor, y si hacéis una búsqueda en Google encontraréis muchas más.
2. Poner los estilos al principio. Las hojas de estilo, es decir, los archivos CSS, se deben colocar siempre al principio de la página HTML. Esto se debe a que los navegadores van leyendo la página de arriba a abajo, y si encuentran el estilo al principio, pueden ir renderizando la página conforme a lo que pone el CSS. Así el usuario recibe un aviso visual, de que la página se está cargando correctamente.

JavaScript

Para JavaScript, las mismas reglas de minimizar y GZIP se pueden y deben aplicar, pero además tienen unas características propias:

1. Poner los scripts al final. Muy importante. El HTML 1.1 limita la descarga en paralelo de más de dos archivos a la vez. Al poner todos los js al principio se bloquea la descarga en paralelo de otros elementos de la página. Cuando se descarga un js, el resto de archivos HTML, CSS, imágenes, se quedan a la espera de que el JS termine.
2. No incluir nunca archivos JavaScript (y CSS) dentro de las páginas. Al poner javascript dentro del HTML, mezclado, se impide la posibilidad de cachear estos archivos. Es decir, cada vez que carga la página, se vuelven a cargar los scripts y los css. Si se llevan a archivos externos (.js y .css) el navegador los puede cachear y evitar que se descarguen siempre. No solo reduce el tiempo de cargar, sino que nos ahorra ancho de banda de nuestro proveedor.

Imágenes

En este caso, a diferencia de los archivos CSS y JS, hay que tener en cuenta otras consideraciones. Las imágenes ya estarán comprimidas y la optimización tiene que seguir otros caminos.

1. Formato de la imágen. Es muy importante saber elegir el formato adecuado para cada imágen. Cada compresión (GIF, JPEG, PNG) tiene un tipo de imágen para el que es más óptimo. Por ejemplo, GIF se debería usar en rótulos, o con imágenes con poca variación de colores. JPEG, para fotografías o imágenes con mucha variación de color, siempre que no se necesite transparencia. Por último, PNG de 8 ó 24 bits, para imágenes tipo fotografía que necesiten transparencia. Entrar en detalles se llevaría un post entero, pero las normas generales serían estas.
2. Ajustar las imágenes a la paleta de colores que realmente usan. ¿Tu imágen GIF tiene 4 coleres de 256? Se puede optimizar. Hay muchas herramientas para hacer esto según el tipo de imágen. En imagemagick se pueden encontrar herramientas para optimizar tus GIFs, PNGs y JPEGs.
3. No escalar las imágenes con HTML. Si se necesita una imágen de 100×100, la imágen original debería tener 100×100 y no 500×500. Si luego queremos mostrar una imágen ampliada hay otras formas, como poner el enlace a la imágen original de mayor tamaño. Así se evitan descargar muchos kbs que no se necesitan.
4. Usar Sprites CSS. Es mejor cargar un único archivo de imágen con todos los iconos incluídos en el, que muchos iconos de forma separada. Luego a través de CSS, podemos ir seleccionado por programación aquellos iconos que se deben mostrar en cada caso.

PHP/MySQL

En este caso las opciones de optimización han de ser aplicadas en el servidor a través de módulos de PHP/MySQL. Hay que tener en cuenta que PHP interactuará con una base de datos de la que extrae la información, ya sean posts, comentarios, etiquetas, búsquedas, etc… Por tanto, todo aquello que evite las peticiones a la base de datos harán que nuestros posts se muestren más rápidamente. El principio general es como el de la energía “la consulta más rápida a una base de datos es aquella que no se hace”. La puesta en práctica de las siguientes recomendaciones dependerá del tipo de hosting que tengáis:

1. PHP Flush. Las páginas en PHP tardan un poco en ser procesadas, y hasta que no lo hacen no se envían desde el servidor a nuestro navegador. En PHP hay una orden <?php flush(); ?> que obliga al servidor de PHP a enviarnos todo lo que esté por encima de esta orden. Lo ideal es ponder el flush, justo después de la etiqueta HEAD para que de esta forma nuestro navegador pueda empezar a representar los estilos y que el usuario vaya viendo algo.
2. Desactivar las revisiones de las entradas. Esto puede ser útil en blogs con muchos editoes. Con un solo editor, y un par de revisiones bastan. Recordad. Cada revisión se guarda en la base datos y hay que consultarla. Un plugin para hacerlo cómodamente es Revision Control. También se pueden eliminar por completo las revisiones poniendo define('WP_POST_REVISIONS', false); en el archivo wp-config.php.

3. Activar el cacheado del opcode en PHP. Hay muchas peticiones de PHP que siempre son las mismas, de formas que podemos optimar el opcode (pseudo-código que usa PHP) para tenerlo ya preparado. Se puede hacer con eAccelerator v0.9.5.

En general, debemos revisar con mucho cuidado todos estos aspectos del blog para ver cuáles están afectando al rendimiento. Cuanto menos mejor. Menos plugins, menos entradas en la cabecera, menos textos, imágenes más pequeñas… Si no se necesita, no se debería ver ni descargar. Recargar una página en exceso, además de afectar al estilo, nos puede penalizar mucho el rendimiento, y el bolsillo si tenemos contratado un ancho de banda fijo.

No hagas esperar a tus lectores. Optimiza tu blog (parte 2) es un articulo de: Bloguismo - Consejos para blogs

Si en la primera parte de este post veíamos la problemática jurídica de usar fotografías donde sale la imagen de una persona “que no somos nosotros”, lo que conocemos como “robados”,  dedico ahora esta segunda parte a tratar muy básicamente las cuestiones más sensibles sobre el uso en tu blog de fotografías “que no son tuyas”.

En este caso, la fotografía que ilustra tu post juega como objeto de derechos de propiedad intelectual o industrial (marcas, logotipos, rótulos de establecimiento, etc) de otra persona o de una empresa, por lo que su tratamiento, en principio (luego lo matizo) no diferiría de cualquier otro contenido sobre el que existan este tipo de derechos, que son uno de los límites de tu blog.

Bien. Si queremos poner en nuestro blog una fotografía que no es de nuestra autoría, tendremos que contar con permiso, con autorización, con licencia de la persona o de la empresa que ostenta esos derechos. Y como siempre, el permiso ha de obtenerse previamente y por escrito. Decían los romanos “verba volant, scripta manent“, algo así como que lo escrito perdura pero a las palabras se las lleva el viento, y por eso, el legislador español optó por imponer la forma escrita en el art. 45 TRLPI para transmitir los derechos de explotación (nunca los morales, que son personalísimos e instransmisibles).

Como pedir y obtener este consentimiento por escrito del titular de los derechos de la fotografía, en cada ocasión y para cada imagen, sería agotador y paralizaría las relaciones de intercambio propias de internet, he aquí que para apoyar la actividad fluida de la web y de los bloggers, nacieron las licencias, ya sabéis, ese pequeño texto que en una web marca qué puede hacer un visitante con esos contenidos. Hay muchos tipos de licencias y con muy diferente alcance: Creative Commons, Coloriuris, GPL, personalizadas, etc. Ya hablaremos de ellas y de cómo elegir la más adecuada para cada blog.

Ahora mismo sólo quería advertiros de algo en lo que cae poca gente cuando toma prestada una imagen publicada en un sitio bajo licencia Creative Commons: que el titular de la fotografía deje cualquier día de utilizar esa licencia, la revoque, o la abandone. Esto puede ser fuente de problemas, pero también hay soluciones. Me explico.

Mirad, el artículo 138 de la Ley de Propiedad Intelectual enumera las cosas que puede pedir al juez el titular de los derechos cuando alguien le ha “fusilado” una foto (o cualquier otro contenido sin permiso). Y aviso, puede ir a por la indemnización desde el primer momento: puede exigir p. ej. retirada de la foto y una suma de dinero indemnizatoria, y además, como medida cautelar, que te cierren el blog para que no vuelvas a publicar esa imagen. Luego, el juez pondera y decide. Pero el problema ya está planteado.

Pero en el caso de que alguien haya publicado una fotografía bajo una licencia Creative Commons al uso y luego cambie de licencia y la proteja acogiéndose íntegramente a la LPI (lo que incorrectamente llamamos copyright), esa persona no debería tener legitimación para solicitar las medidas del artículo 138, sin haber advertido previamente a la persona que usó esa imagen respetando los términos de la licencia Creative Commons.  Es más, debería advertirle, por medio que deje constancia y como mínimo un par de veces, de que esa foto que utiliza en su blog dejó de estar en Creative Commons y la fecha en que se produjo el cambio de licencia. ¡Ojo! Es mi opinión, y la expongo aquí para generar debate, quizá doctrina y, esperemos, algún día, jurisprudencia conforme.

También considero importante si usas fotos en Creative Commons para ilustrar los posts, que hagas una captura de pantalla o que conserves el link del sitio donde está publicada esa fotografía. Un servicio como el Internet Archive puede ser muy útil para revisar versiones antiguas de una página, aunque no funciona siempre y en todo caso. Lo importante es que utilices cualquier medio que ayude a probar que esa foto estuvo licenciada como Creative Commons a la fecha de publicar el post, será considerado en el juzgado y podría jugar en tu defensa. Probar vuestra buena fe y vuestra diligencia en un juicio sirve para prevenir sanciones o para atenuarlas.

Por último os hablo de la distinción que se desprende de la Ley de Propiedad Intelectual entre “obra fotográfica”, que goza de todas las protecciones de la ley, como cualquier obra literaria, artística, científica, y entre “mera fotografía”. Las diferencia una cosa: la originalidad, ese “hacer personalísimo del artista”, el poner éste su toque particular y diferenciador en la obtención del resultado fotográfico. La “mera fotografía”(del artículo 128 de la Ley) esa foto que todos hacemos del Peñón, de la Torre Eiffel, etc y desprovista ya no de técnica sino de todo rasgo artístico o irrepetible, sólo está protegida durante 25 años a contar desde el 1 enero del año siguiente a la fecha en que fue tomada, pasando acabado ese tiempo al dominio público (utilización totalmente libre) y, además, aquí no jugaría uno de los derechos de explotación que otorga la ley: el de transformación, lo cuál tiene su lógica. Tocaré más detenidamente estos temas en otra ocasión, si hay debate o dudas sobre ello.

Y cerrando, un caso práctico para ver si habéis entendido e interconectado el primer post de la serie y éste. Va de esto: encuentras por ahí una foto que te gusta mucho: el contenido de la foto eres tú, es decir, tu retrato. ¿Puedes utilizar esa foto en tu blog, web, etc sin pedirle permiso a su titular y saltándote cualquier licencia o aviso legal?

Tic, tac, tic… Lo hablamos en comentarios.

(La imagen que ilustra este post ha sido tomada del Flickr de Marta Jiménez y está publicada bajo una licencia Creative Commons)

Uso de imágenes en un blog: problemas jurídicos (II) es un articulo de: Bloguismo - Consejos para blogs

Hace ya algún tiempo (demasiado quizá) Juan Andrés me pidió que escribiera un artículo sobre optimización de blogs. Aunque pueda parecer un tema menor, entra de lleno en la categoría de los pequeños detalles que mejoran un blog. También podría parecer aburrido, aunque para mi no lo es en absoluto. A ver si consigo que no se me duerman.

Antes de ver qué podemos hacer para optimizar un blog, es necesario dominar algunos conceptos. Si, el concepto, lo de siempre el coñazo (o no tanto) de la teoría. Un blog ya sea de WordPress, Blogger (del que Álvaro está haciendo un excelente tutorial) o cualquier otro, siempre va a tener estos componentes: html, javascript, css, php (más común), e imágenes. Luego, dependiendo de otros factores como temática, audiencia, etc.., puede haber archivos flash, pdfs, doc, etc. Pero el núcleo del blog, lo que hace que funcione simpre serán los primeros. Vamos a ver qué es y para qué vale cada uno:

HTML

Javascript

CSS

Imágenes

PHP

Toc, toc. ¿Estáis aún ahí? Espero no haberos dormido. Si es así, no os preocupéis, podréis sobrevivir como bloggers sin saber esto, pero tarde o temprano os pasará algo y vendréis a pedirme que os ayude. ¡Ni hablar, no haberos dormido! Es broma. Si tenéis alguna duda podéis contactar conmigo a través de bloguismo. Lo que no os garantizo es que sepa resolverla (sobre todo si es de PHP del que solo sé el “Hola Mundo”).

En un próximo artículo veremos cómo estos 5 elementos influyen decisivamente en el rendimiento de nuestros blogs, y por qué. En un capítulo final veremos qué podemos hacer para que nuestro blog vaya como un rayo, y que nuestros lectores no tengan la tentación de ir a otra página porque el nuestro tarda mucho en cargar.

(La imagen que ilustra este artículo es de psd y ha sido publicada bajo Licencia Creative Commons)

No hagas esperar a tus lectores. Optimiza tu blog (parte 1) es un articulo de: Bloguismo - Consejos para blogs