Cookiechoices: Aviso de empleo de cookies

Desde hace un tiempo en adelante, todas aquellas páginas que tengan presencia en Internet deben tener una política de cookeis, así como un aviso de la misma. Esta obligación viene impuesta por la legislación europea (directiva 2009/136/CE), en la que se hace referencia a los derechos de los usuarios así como la necesidad de que estos sean correctamente informados cuando un sitio web vaya a hacer uso de sus datos.

Qué son las cookeis

Una cookie es una pequeña información enviada por un sitio web y almacenada en el navegador del usuario, de manera que el sitio web puede consultar la actividad previa del usuario.
Sus principales funciones son:

• Llevar el control de usuarios, cuando un usuario introduce su nombre de usuario y contraseña, se almacena una cookie para que no tenga que estar introduciéndolas para cada página del servidor. Sin embargo, una cookie no identifica solo a una persona, sino a una combinación de computador-navegador-usuario.
• Conseguir información sobre los hábitos de navegación del usuario, e intentos de spyware, por parte de agencias de publicidad y otros. Esto puede causar problemas de privacidad y es una de las razones por la que las cookies tienen sus detractores.

Por qué hay que avisar del uso

1. Por que es lógico.
2. Por que la legislación nos obliga.

Cómo avisar

Recientemente Google sacó un proyecto, cookiechoices, que simplifica y mucho la forma de avisar de que una web emplea cookies. En realidad no es más que un sencillo código javascript que, de forma asíncrona, ofrece las notificaciones legales que se piden, dejando al administrador de la web la única tarea de establecer su mensaje.

El código es sencillo, la carga del script cookiechoices es asíncrona, tiene la confiabilidad de Google y sobre todo no se aloja en sitios de terceros. El código javascript te lo ofrecen de forma gratuita para que esté sobre tu servidor.

Tipo de mensaje

Aunque cookiechoices te da el mensaje completo es importante saber las partes de las que se compone dicho mensaje,

• Cuerpo
  Texto donde se avisa que la web emplea cookies
• Learn more
  Link a la política de privacidad de la web en cuestión.
  Ver aquí un ejemplo.
• Close message
  Botón de cierre de advertencia y aceptación del uso de cookies.

Uso de cookiechoices en Blogger

cookiechoices ofrece para descargar un pequeño código javascript y la forma de usarlo. En prácticamente cualquier web lo podrás usar según lo que indica Google, sin embargo para Blogger la cosa cambia un poco, ya que no hay forma de subir un fichero .js a la raíz de la web.

La forma más sencilla que encontré de usarlo, y así no tener que hacer el javascript necesario es siguiendo estos pasos.

1. Editar plantilla
   
   Hay que editar la plantilla HTML de tu blog. Antes de tocar nada, hacemos una copia de seguridad, por si algo va mal.
2. Pegar código
   
   Hay que recoger copiar todo el código que nos hemos descargado e incluirlo después de la etiqueta body , como sigue aquí

   <script>
   //<![CDATA[
   
   Código completo de cookiechoices.js
   
   //]]>
   
   document.addEventListener('DOMContentLoaded',
     function(event) {
       cookieChoices.showCookieConsentBar(
         'Utilizamos cookies',
         'Aceptar',
         'Leer más',
         '/politica-cookies.html'
       );
     }
   );
   </script>
   

3. Modificar el mensaje
   
   Modificamos el mensaje que sacaremos al usuario, según lo que queramos.

   ...
   cookieChoices.showCookieConsentBar(
     'Mensaje a sacar',
     'Botón aceptar',
     'Botón con link a URL',
     'URL de explicación'
   );
   ...
   

4. Guardar plantilla
   
   Guardamos la plantilla y si todo está correcto, el nuevo mensaje ya debería de salir. Podemos probar como queda con una pestaña de incógnito.

Leer más

SEO, a nivel teórico

Hacía tiempo que no escribía nada sobre SEO, y este fin de semana, tras una más que interesante lectura sobre técnicas SEO y de mejora de posicionamiento Web, voy a escribir una pequeña entrada acerca de ello. Nada a nivel práctico, como las entradas de mejora de posicionamiento web en Blogger [1] y [2], sino temas teóricos.

A día de hoy, tener una página en la red y que te encuentren por nombre es imposible y mucho menos tener un flujo de visitas constante. La gente que va a consumir tu información es, en la mayoría de los casos, gente que llega a tu URL a través de enlaces en los buscadores, que son los grandes protagonistas en la estructura World Wide Web actual. Por lo tanto, a nivel de negocio como de blog, es importante estar bien posicionado si pretendes que se lea lo que escribes. Para conseguirlo existen dos formas básicas:

1. SEO (Search Engine Optimization)
   
   Es el posicionamiento natural, en base a la información que ofreces. No se paga por estar, sino que se está por contenidos.
2. SEM (Search Engine Marketing)
   
   Son campañas de pago por enlaces o mejoras de posicionamiento mientras pagues. Pagas por salir en la primera página, no importa tu calidad o tus contenidos.

Sobre el segundo método de posicionamiento poco hay que decir o explicar. Pasas por caja y sales como anuncio en la primera página. Vamos a dedicar un poco de espacio por lo tanto a explicar el primer método: Las técnicas SEO. Éstas se basan en 4 principios básicos:

1. Indexación
   
   Quizás es la parte más importante de estas técnicas, ya que es necesario comprender cómo funcionan los buscadores para adaptar la estructura de tu página a ellos. Cuanto más facilites la información al indexador, mejor le vas a caer, más fácil le será encontrar la información y más escalarás.
   Por supuesto, cada buscador es un mundo y lo que es bueno para Google, no tiene por que serlo para Bing. Aunque es cierto, que todos intentan más o menos buscar lo mismo.
2. Relevancia
   
   Son las palabras sobre las que queremos y tenemos que hacer hincapié y darle más fuerza en nuestra página. Por decirlo de alguna forma, buscar y dar palabras clave al buscador es como ofrecer un criterio de búsqueda con técnicas SEM, pero sin pasar por caja.
   En cada página hay que establecer 3 o 4 palabras importantes y hacer que destaquen. No todo el texto puede ser importante, de ahí que haya que darle fuerza a aquellas palabras por las que nos interesa que nos busquen, para que salgamos.
3. Popularidad
   
   Simplemente, enlaces externos.
   No es fácil conseguir que un sitio sea popular, pero es un trabajo del día a día. Es importante tener enlaces externos, pero enlaces de verdad, no enlaces en granjas de links.
   Los enlaces de verdad se consiguen con calidad de contenidos.
4. Honradez
   
   Ser honrado, en lo que escribes, al igual que en la vida y te verás recompensado. Procura no engañar al indexador, pues cuando se de cuenta, te penalizará. Intenta crear contenido de calidad, no copies. Y sobre todo, ten presente que lo que hoy es bueno, mañana puede no serlo.

Después de tener claros los 4 principios básicos, queda constancia de que conseguir un buen SEO no es algo sencillo ni que se haga de la noche a la mañana. Existen técnicas, como el tema de las keywords para páginas, pero la popularidad y mantenerse ahí arriba con un buen Page Rank cuesta muchas horas de dedicación. Así que no os desesperéis y acordaros que invertir en calidad nunca está demás.

Leer más

SEO: Optimización de entradas

No soy un experto ni mucho menos en técnicas SEO, pero dicen que la lectura hace al hombre completo y aprovechando que estoy leyendo en ratos muertos libros e información sobre técnicas SEO, quiero seguir compartiéndola con vosotros. Dicha información no es novedosa ni nada que no se haya escrito antes, ya que realmente estas técnicas ya está escritas y perfectamente documentadas, especialmente en todo lo referente a Blogger y entradas en Blog's. Sin embargo, sí puede resultar de cierto interés para algunos refrescarlas y con ello conseguir más visitas a sus entradas y ganar un par de posiciones en los buscadores.

Antes de seguir, hay que dejar claro que nunca vas a encontrar una fórmula mágica que haga que Google te coloque en la primera posición en una búsqueda. Eso depende de muchas variables, algunas sí controlables, como las que ya vimos o las que vamos a ver a continuación y otras que establece el motor de búsqueda y que no son directamente controlables.

Cuando escribimos una entrada o un artículo que se vaya a publicar en la red, algunos de los factores que sí están en nuestras manos para poder mejorar su posicionamiento son,

1. Palabras clave
   
   Se entiende por palabras clave aquellas palabras o frases que cualquier persona busca en la red a la hora de querer acceder a la información. Por lo tanto, cuando escribamos algo tenemos que centrarnos y hacer hincapié en dichas palabras, para que los buscadores las indexen y tengan relevancia. Algo muy importante sobre el uso de esta palabras clave es el no abuso de las mismas. Esto quiere decir que no podemos, ni debemos escribirlas continuamente sino, en vez de favorecer lo que hará será desfavorecer y bajar la prioridad del contenido.
   Así que ya sabéis, escribir inteligentemente, pero sin abusar.
2. Uso de sinónimos
   
   Creo que esta parte ya no tiene ni que explicarse. Si en la vida real o en cualquier redacción siempre nos aconsejaban escribir con sinónimos  lo mismo es aplicándolo a la red. Cada posible visitante tiene su forma de expresarse y de buscar, por lo tanto, el empleo de sinónimos para definir una misma cosa es útil y necesario. A mayores, el empleo de sinónimos da una mayor fortaleza al texto escrito, lo que a la vez ayuda en su posicionamiento.
3. Negritas y cursivas
   
   Las frases o palabras clave deben resaltarse para que el lector centre su mirada sobre ellas. De la misma forma que en un texto escrito esto se hace de forma directa, un buscador también es capaz de realizarlo. Aunque en la mayoría de las webs actuales, cada vez más se emplean CSS's para dar formato, para que un buscador tenga en cuentas las negritas y cursivas, se deben emplear las etiquetas HTML, <b>, <strong> y <i>. Es importante no abusar con el empleo de formato en el texto para no dejarlo muy sobrecargado y las palabras más destacadas emplear <strong> para establecer la negrita y en el resto de los casos, <b>.
4. Ortografía y expresión escrita
   
   Si es importante el empleo de sinónimos, más todavía una buena ortografía. Es muy importante no escribir con faltas ni emplear palabras coloquiales. Aunque puede ser que para la entrada quede bonito, para el posicionamiento no y para el lector que lo va a consumir, menos.
   En Internet el uso de mayúsculas tiene un significado similar a gritar, así que no escribas una entrada en mayúsculas!
5. Genera temas nuevos
   
   Aunque una de las cosas que más influye a la hora de posicionar un Blog es la frecuencia de actualización es tanto o más importante generar nuevo contenido y no únicamente copiar y copiar contenido ya generado. Aunque escribas de un mismo tema, hazlo por ti mismo. Consulta, investiga, averigua toda la información que necesites y luego transfórmala con tus palabras en un artículo.

Más información: Guía de introducción a la optimización de motores de búsqueda y Optimización del motor de búsqueda (SEO).

La entrada SEO: Optimización de entradas la puede leer en Puppet Linux.

Leer más

SEO: Optimización de Blogger

Recientemente he comenzado a leer un poco de técnicas SEO y aunque Blogger no permite hacer demasiados ajustes en lo que a SEO se refiere, hoy quiero enseñaros un pequeño truco que mejora un poco el SEO en nuestro blog. Poco a poco iré introduciendo mejoras, algunas aplicables a Blogger, otras no.

De momento vamos a ver cómo crear la URL de cada post, cómo cambiar el título del blog en cada artículo y cómo añadir etiquetas META.

Cuando creamos un post, a éste le ponemos un título y luego al visualizarlo en el navegador y por lo tanto también al indexarlo Google, quedará de la siguiente forma, por defecto.

Titulo blog | Titulo post

Esto queda muy bien, pero el problema viene cuando Google recoge los títulos de vuestros post. Google por defecto tiene unos títulos de 60 caracteres, por lo que si vuestra combinación de "Título blog + Título post" sobrepasa esos caracteres, se pueden ignorar partes de título o key's importantes de dicho artículo.

Título Blogger con SEO

Para solucionar esto, existen dos formas de hacerlo, o bien eliminamos el título del blog o bien intercambiamos las ocurrencias. Primero el título del post y luego el del blog. A mi personalmente me parece más adecuada la segunda, así que vamos a ver qué cambios hay que realizar si estáis empleando una plantilla de Blogger. Tenemos que ir a editar la plantilla en HTML y buscar el siguiente código,

<title><data:blog.pageTitle/></title>

Que será reemplazado por este otro,

<b:if cond="’data:blog.pageType" item="" quot="">
   <title><data:blog.pageName/> | <data:blog.title/> </title>
<b:else>
   <title><data:blog.pageTitle/></title>
</b:else></b:if>

En caso de que sólo deseemos quedarnos con el título del post y obviar la parte del título del blog, el código final quedaría,

<b:if cond="’data:blog.pageType" index="" quot="">
   <title><data:blog.title/></title>
<b:else>
   <title><data:blog.pageName/></title>
</b:else></b:if>

SEO en URL

La segunda parte que tenemos que cuidar también bastante es la URL con la que publicamos cada uno de nuestros posts. Los motores de indexación también se fijan en ello y no sólo en el contenido. Esta parte es importante. Cuando estáis redactando un post, al lado derecho tenéis el botón Permalink, que por defecto coge un valor predetermiando, en función del título o de las primeras palabras del artículo. Esto lógicamente no es bueno para posicionarse, así que lo mejor es siempre editarlo y poner una URL estática con las 2 o 3 palabras que mejor definan de lo que estáis hablando. La separación de palabras, lo mejor es realizarla con -. Es importante también no pasar de 3 palabras en crear el título. Por ejemplo, para este post, no sería lo mismo http://.../tecnicasseoi.html, que http://.../tecnicas_seo_i.html que http://.../tecnicas-seo-i.html. De las 3 aproximaciones aquí puestas, la primera no significa nada, ya que para un indexador la palabra tecnicasseoi no tiene sentido y será muy raro que alguien la busque así. De las 2 que quedan, realmente la diferencia es muy poca y depende en gran medida del bot, algunos los _ no los toman como separadores de palabras mientras que -, sí.
Como píldora final, os dejo otro pequeño truco para mejorar también el posicionamiento. Los motores de búsqueda cada vez hacen más hincapié en los metadatos, es decir, la tendencia es ir hacia lo que se quiere decir y no a lo que se dice. Esto es muy complicado, así que como método de ayuda podemos incluir metadatos con información de nuestro blog en las cabeceras del mismo. En este caso, vamos a añadir metadatos de descripción y palabras clave. Para ello, nuevamente editamos la plantilla (edición HTML) y buscamos

<![CDATA[/*

Justo antes de esa línea, agregamos estas,

<b:if cond='data:blog.url == data:blog.homepageUrl'>
   <meta name="description" content="Tu descripción" />
   <meta name="keywords" content="key1, key2, key3" />
</b:if>

Con ello conseguiremos meter las meta-etiquetes a nivel general del blog.

Más información: search-engine-optimization-starter-guide.pdf

La entrada SEO: Optimización de Blogger la puedes leer en Puppet Linux.

Leer más