Cómo se crea una Galeria en nuestro CMS

Por fin ya hemos habilitado la posibilidad de crear Galerias en nuestro CMS nos hemos esforzado para que sea una tarea muy sencilla y rápida para que los escritores se animen a usarlas.

El sistema es bastante rápido teniendo en cuenta que todas las imágenes asi como sus thumbs primero se suben a nuestro servidor pero luego quedan almacenadas en Amazon S3. Toda la parte Ajax se ha programado con JQuery que se encarga de lo más dificil: subir multiples fotos, actualizar sin refrescar

Por el momento hemos permitido que se puedan subir fotos de hasta 750 k, diez veces el tamaño máximo que permitimos en las fotos en los posts (75k). En cualquier caso cualquier foto que se sube se adapta en tamaño y peso, de manera que en la web al final queda colgada una versión optimizada (la versión original de mayor calidad se almacena también por si acaso):

  • El tamaño máximo permitido es de 950 pixels de ancho y 600 de alto, cualquier foto que se suba de mayor tamaño se reduce en la versión para publicar de manera transparente para el usuario.
  • Utilizamos el formato jpeg a 90 de calidad, normalmente usamos 80 pero preferimos no ser tan tacaños y que capturas que hubieran quedado mejor publicadas en formato gif o png conserven una buena nitidez pese a estar en jpeg.

Se puede cambiar el orden de las imágenes, para ello sólo es necesario pulsar sobre la imagen y arrastrarla hacia su nueva posición.

CMS How To: Alta de establecimientos y tipos de vinculación (1/3)

Explicamos los tipos de relaciones que pueden existir entre los establecimientos dados de alta en la guía y los artículos del blog. También explicamos como vincular con sitios ya dados de alta.

En TopMadrid y DolceCity existen dos capas de información: por una parte los artículos del blog y por otra parte los datos de localización de los establecimientos sobre los que escribimos.

Al tiempo que publicamos un post podemos dar de alta establecimientos nuevos o vincular el artículo con establecimientos ya dados de alta previamente por nosotros o por otros escritores del blog. Todo ello se realiza a través de un módulo que podemos encontrar integrado en la esquina inferior derecha:

Vinculación Fuerte – Vinculación Débil

Es importante entender los dos tipos de relaciones o vinculaciones que pueden existir entre un artículo del blog y un establecimiento de la guía:

Vinculación fuerte – El artículo del blog describe el establecimiento concreto al que está vinculado y el nombre del establecimiento forma parte del título del artículo. Por ejemplo: BEIRUT INTERIORES, Asia en el centro de Madrid

Vinculación débil – En el artículo se escribe sobre un producto que se puede encontrar en ese establecimiento y probablemente en otros sitios, pero realmente no estamos escribiendo sobre la tienda en si, ni sobre un producto exclusivo de la misma. Por ejemplo: El salvaje clutch de Roberto Cavalli es un bolso que se puede encontrar en la tienda Delitto e Castigo

Cuando incluimos un sitio nuevo en la guía por defecto se asocia con una «vinculación fuerte». Si asociamos un post con un establecimiento ya dado de alta, salvo que marquemos la casilla correspondiente la vinculación que se crea será débil.

Es sencillo modificar la vinculación de un establecimiento asociado, sólo hay que pulsar sobre el icono de la cadena:

Algunas consideraciones:

  • Un artículo no debería tener una vinculación fuerte con más de un establecimiento de la guía.
  • Un establecimiento puede mantener una vinculación fuerte con varios artículos.
  • Un articulo puede estar vinculado a varios establecimientos con vinculaciones débiles (p.ej – posts recopilatorios).

La importancia de evitar duplicados

Es necesario comprobar que un establecimiento ya metido en la guía no se introduce una segunda vez, esto provocaría que artículos sobre la misma tienda quedaran dispersos cuando deberían estar juntos. Se puede comprobar que un sitio no está duplicado utilizando el buscador de la propia web o consultando el desplegable ordenado alfabéticamente con los establecimientos ya introducidos.

Si un establecimiento está ya dado de alta lo seleccionaremos en el deplegable, si la vinculación es fuerte marcaremos la casilla donde dice «¿describes el establecimiento?» y después pulsaremos sobre «Vincular»

Hay que entender que no perseguimos crear unas Páginas Amarillas: nuestra intención no es la de tener todos los Zara, Mango y Starbucks de Madrid catalogados… eso supondría mucho esfuerzo y nos obligaría a invertir mucho tiempo para mantener los datos actualizados.

Con escribir sobre el establecimiento principal, el más grande o el más representativo es suficiente, en la propia web del negocio que incorporamos a la guía el usuario podrá encontrar una lista más detallada de establecimientos.

En la guía no se introducen:

Por el momento no se introducen en la guía aquellas tiendas que se encuentra en Centros Comerciales, tampoco se meten aquellas marcas que únicamente tienen presencia en espacios boutique de El Corte Inglés. Los artículos donde se escriba sobre estas marcas o establecimiento se terminará de la siguiente manera:

Agatha Ruiz de la Prada en El Corte Inglés

Asociando «El Corte Inglés» al artículo con una vinculación débil.

Si una marca tienes varias tiendas en una ciudad, centraremos nuestros artículos en aquellas que estén a pie de calle para así poderlas meter en la guía. En la guía tampoco se introducen establecimientos temporales: circos itinerantes, mercadillos de temporada… Tampoco se introducen eventos.

CMS How To: Cómo dar de alta sitios nuevos en la guía (2/3)

En este tutorial explicamos cómo se da de alta un sitio nuevo en la guía y algunas consideraciones sobre cómo introducir los datos de manera correcta.

Para introducir un establecimiento nuevo en la guía -una vez hayamos comprobado que aun no ha sido dado de alta- tendremos que disponer de la siguiente información: nombre del establecimiento, teléfono, dirección física, web, una pequeña descripción de 255 caracteres y la categoría en la que queremos insertarlo.

Aunque no es imprescindible es conveniente disponer del código postal para refrendar que se geoposiciona correctamente la dirección.

Todos estos datos se introducen en el formulario de módulo «Vincular con establecimiento».

Rellenando el formulario de Alta de un Establecimiento Nuevo

Nombre – En la casilla nombre introduciremos el nombre del establecimiento. Una vez se guarda el sitio este nombre no se puede modificar, por lo que es importante rellenarlo correctamente a la primera y tener en cuenta las siguientes directrices:

  • No escribiremos el nombre con todas las letras en mayúsculas, salvo en el caso excepcional donde la marca sea difícilmente identificable si se escribe de otra manera (por ejemplo IKEA, FNAC…).
  • Se omitirán los datos societarios de la empresa: S.A., S.L., Inc, Corp…
  • Evitaremos incluir coletillas explicativas del tipo «Ofiprix Muebles de Oficina», introduciremos «Ofiprix» a secas.
  • Evitaremos incluir coletillas con referencias geográficas «Ofiprix Valencia» salvo en el caso excepcional donde esa referencia forme parte de la propia marca, por ejemplo: Custó Barcelona.
  • Intentaremos escribir el nombre igual que la propia empresa para que sea fácilmente reconocida por el usuario: por ejemplo no pondremos Bang and Olufsen, ya que ellos escriben Bang & Olufsen, tampoco escribiremos Women Secret porque ellos lo escriben women’secret.
  • Evitaremos otras terminaciones como «.com» salvo que formen parte inseparable de la propia marca y no se identifique sin ella.

Dirección – Tipo de vía + Nombre de Vía + Número. Volveremos sobre este punto cuando expliquemos el proceso de geoposicionamiento.

Localidad – Normalmente nos vendrá ya rellenada, pero se puede cambiar si es necesario.

Web – Es importante comprobar que la web que introducimos funciona correctamente y que no hemos cometido ningún error al teclearla. Para homogeneizar la manera en la que se introduce el CMS nos las pasara toda a minúsculas y eliminará el «http://». Es importante tener en cuenta las siguientes consideraciones:

  • No incluiremos webs que nada más visitarlas hagan saltar pop-ups o que incluyan publicidad de contenido obsceno o inapropiado.
  • No se incluiran webs que al visitarlas provoquen errores, no se muestren correctamente, disparen advertencias de seguridad en el navegador o en general nos resulten sospechosas por alguna razón.
  • Tampoco se incluirán webs con aspecto excesivamente amateur, cutre o en alojamientos compartidos del tipo «geocities» y similares.
  • Dentro de lo posible sólo enlazaremos con webs de negocios con su propio dominio, no se incluiran enlaces a explicaciones sobre el establecimiento en otras webs aglutinadoras de contenido (salir.com, ciao.com, 11870, lanetro…etc).
  • Las webs que se incluyan deben estar en funcionamiento, no se incluyen webs en contrucción o que simplemente muestren la dirección del establecimiento. Tienen que ser webs con contenido y que aporten algo al usuario.
  • Se evitará el deep-linking, enlazaremos con el dominio a secas, sin entrar en subcarpetas o subdominios que en el futuro pueden desactivarse (aun cuando ese dominio o carpeta condicionen el idioma en el que se muestra la web).

En – Aqui se muestran un desplegable las categorías en las que podemos archivar el establecimiento que estamos añadiendo. Una vez elegida una categoría y guardado el registro no podemos modificar la categoría elegida desde el módulo (tendremos que hacerlo desde otro apartado del CMS).

Aquí hay poco margen de error ya que tenemos que elegir una categoría de las relacionadas, hay que tener en cuenta que hay categorías que son muy genéricas y que no admiten que introduzcamos establecimientos, por ejemplo la categoría «Infantil» o «Moda y Complementos» o «Muebles». Será necesario concretar un poco más.

Descripción – Se rellena en un textarea que admite sólo 255 caracteres y que es importante aprovecharlos al máximo. Haremos una descripción amena e informativa en la que evitaremos incorporar datos caducables o que en poco tiempo puedan quedar desactualizados: precios, horarios, días festivos, promociones… A veces es cuestión de tener un poco de picardía, en lugar de escribir que un establecimiento lleva abierto 20 años al público, escribiremos mejor «desde 1990» ya que de esa manera la información no caducará.

Una vez rellenados estos datos pulsaremos sobre el botón «Dar de alta».

Avisos de Duplicación

La herramienta no nos dejará introducir dos sitios con el mismo nombre para evitar duplicados. Si por ejemplo hemos metido ya «El Corte Inglés» y necesitamos irremediablemente introducir otro podremos usar alguna coletilla del tipo: «El Corte Inglés Castellana», intentando plasmar como es conocido popularmente ese establecimiento.

Como explicamos en la primera parte, la idea no es crear unas Páginas Amarillas, por lo que si ya dimos de alta la tienda principal de Mango en Madrid, no es necesario dar de alta otra tienda… vincularemos los posts posteriores con la tienda ya dada de alta.

A parte de las coincidencias exactas la aplicación antes de meter un sitio nos avisará de coincidencias parciales -si es que existen-. Asi podremos detectar que ya dimos el establecimiento de alta pero con un nombre ligeramente diferente.

En caso de que entre la lista de «Sitios Parecidos» aparezca el nuestro, abortaremos el proceso de alta de un nuevo establecimiento y vincularemos el posts a través de la opción «Asociar a un establecimiento que ya existe» (explicado en la primera parte).

Si ha sido una falsa alarma y deseamos continuar con el proceso de alta, entonces marcaremos la casilla «he verificado que no es ninguno de la lista» y volveremos a pulsar sobre el botón «Dar de alta».

El establecimiento ya está dado de alta, sólo falta confirmar su posición en el mapa de nuestra ciudad.

CMS How To: Geoposicionamiento de sitios en la guía (3/3)

Explicamos como debemos confirmar el mapa correcto de un sitio que se ha introducido en la guía y algunos trucos para cuando Google Maps no nos muestra el mapa correcto.

Una vez introducido un establecimiento hay que confirmar su posición dentro del mapa.

Actualmente este proceso se hace a través de Google Maps, si bien se realiza dentro del propio módulo de Alta de Establecimientos por lo que es muy sencillo.

Cuando un sitio se da de alta se envía a Google el campo Dirección y Localidad, y a partir de esos datos nos devuelve una lista de coincidencias. Estas son las posibles situaciones en las que nos podemos encontrar:

Nos aparece una sola opción

La mayoría de las veces sólo habrá una coincidencia y será la correcta, por lo que tras comprobar que el mapa está bien sólo tendremos que pulsar sobre el icono que parpadea para confirmar y ya habremos terminado.

No se han encontrado coincidencias o las que aparecen no son las correctas

Si no nos aparece mapa y aparece el mensaje «No se han encontrado coincidencias» o nos salen una o varias direcciones pero entre ellas no está la correcta disponemos de algunos trucos para que Google afine el tiro:

  • Elimina algunas palabras de la dirección: En la captura vemos que «Avda. Nuevo Cauce, S/N» no devuelve ningún resulta, por lo que yo probaría a modificar la dirección y poner «Nuevo Cauce» a secas.
  • Revisa que has escrito bien la dirección y modifica la localidad si es necesario.
  • Incorpora el código postal a la dirección al final separado por una coma, esto especialmente útil cuando Google nos devuelve una lista muy extensa de coincidencias.
  • A veces no se encuentra la calle porque está almacenada en catalán, valenciano, vasco o por algún acento de más o de menos: haz pruebas.
  • También puedes ir a Google Maps y buscar el emplazamiento tú mismo, luego fíjate en cómo está escrita esa calle, cópiala de la misma forma en el campo Dirección y pulsa el botón Modificar para que guarde el cambio y Google vuelva a buscar el plano.
  • Como último recurso puedes buscar una dirección que esté al lado, y si Google la encuentra confirmar el mapa. Después será necesario modificar el campo dirección para que refleje el nombre de la dirección correcta.
  • Y si todo falla: deja la recomendación sin mapa y mándanos por correo el enlace de Google Maps con el emplazamiento para que nosotros intentemos darlo de alta.

Nos aparecen varias opciones

En ocasiones para nuestra dirección Google encuentra varias coincidencias y tendremos que decirles cuál es la correcta.

Por ejemplo, en la captura podemos ver un caso en el que introducimos en la casilla dirección Recoletos 7 para lo que hay dos posibles coincidencia Paseo de Recoletos 7 y Calle de Recoletos 7.

Si tenemos dudas podemos ir pulsando en cada una de las direcciones para que se nos muestre su plano correspondiente. El código postal también es muy útil en estas situaciones.

Es importante tener en cuenta que para poder confirmar la dirección primero tendrás que pulsar sobre ella para que se active y nos muestre su mapa, es entonces cuando aparecerá el icono parpadeante que nos permite confirmar.

Tres Consideraciones Importantes

1. Una vez que hemos confirmado un mapa la dirección de Google sobre-escribirá la nuestra, esto en ocasiones puede que no nos interese, por ejemplo si hemos introducido una dirección que tenía algún dato adicional como número de local, piso, escalera… En este caso una vez confirmado el mapa podemos modificar la dirección para volver a incorporar esa información.

2. Si queremos cambiar el mapa podemos pulsar sobre el icono de la papelera debajo del mapa, este se borrará y podremos volver a empezar.

3. La página con el perfil de la empresa se crea cuando confirmamos el mapa, si no lo hemos podido confirmar la página se creará cuando se publique el posts y el perfil aparecerá sin mapa.

Enlazando a la página del establecimiento desde el artículo

Al final del artículo es necesario añadir en negrita la coletilla:

En TopMadrid: Luxenter

De esta manera facilitamos el enlace al lector para que consulte la dirección del sitio, el mapa y otros artículos sobre esa misma tienda. El enlace al perfil del establecimiento podemos obtenerlo desde el módulo, sólo habra que poner el ratón encima del nombre del establecimiento, botón derecho y «copiar acceso directo».

Este enlace es siempre mejor copiarlo de esta manera que escribirlo directamente.