Category Archives: Diseño

Un Lorem Ipsum para imágenes

Dejadme que escriba de un sitio genial para poder generar fotografías o imagenes para probar temas de wordpress (o diseños, simplemente). Se llama Placehold.it y sirve para poder “reservar” el hueco para unas imágenes solamente definiendo sus tamaños, al mas puro estilo Lorem Ipsum. En ella puedes definir:

  • Tamaño de las imágenes
  • Color de la imagen
  • Texto que quieres que aparezca
<img src="http://placehold.it/125x125" alt="" />

Consigues, con este código, una imagen de 125 x 125 pixeles, por ejemplo

<img src="http://placehold.it/500x125/123555/33ff33/&text=Consultor+SEO" alt="Consultor SEO" />

Ojo, tienen que ir en su orden correspondiente:

  • Tamaño de las imagenes
    • O bien un numero: 500
    • O bien ancho y alto: 500×125
  • Color de fondo en hexadecimal
  • Color de letra en hexadecimal
  • &text= y el texto que quieres que vaya. Si quieres un espacio, has de poner un + entre las palabras

Google y sus pruebas

Que Google hace tests multivariables con nosotros no es nada nuevo, que va cambiando pequeñas cosas en pos de una “mejor experiencia de usuario” tampoco. Ya ayer vimos que Google está mostrando el mapa de Local a la izquierda para destacar uno de los resultados, en vez de colocarlo abajo, como antes. Pero es que este rediseño es totalmente diferente:

  • Recuadro superior en gris, para delimitar la caja de búsqueda
  • Recuadro lateral con los iconos de imagenes jugando con el gris oscuro y el rojo (algo totalmente nuevo, el rojo, al menos para mi impresión)
  • La URL entre el título y la descripcion (eso es algo que ya habíamos visto)
SEO Marbella

SEO Marbella

Si quieres ver mas rediseños anteriores:

Marketing y las tarjetas de visita

El mundo del online avanza a verdadera velocidad. Se requiere de constante actualización. Vida rápida, ya que lo que funcionaba hace un mes tal vez ahora no funcione, o exista algo que funcione mejor.

Con la parte offline (congresos, reuniones,…) funciona de forma parecida. Llegaron los Pokens y parece que todo el mundo se olvidó de la tarjeta de visita, pero, ¡ay amigo! ese pedazo de papel aún hoy en dia es fundamental, sobre todo para una primera impresión. No puedes vender lujo con una tarjeta de visita fea o que no le pega. No puedes vender online con una tarjeta de visita que parezca antigua…

Twitter business card

Twitter business card

He tenido la suerte de que mi tarjeta de visita con apariencia de perfil de twitter aparezca en la que quizá es una de las webs de referencia sobre business card: Card Observer.

Bajo mi punto de vista, es una forma de transmitir tu mundo online al mundo offline, como unica separación del uso del ordenador como medio de comunicación. Seguramente, si mi tarjeta cae en manos equivocadas o de una empresa que no tenga muy claro que es esto de twitter, mi “creatividad” caiga en saco roto. Para eso están las de siempre,

Fondos de twitter

Hoy, a colación de algunos trabajos que hemos recibido en la empresa para la que trabajo nos dimos una vuelta por el twitter de la empresa @senormunoz, soso y sin personalizar y pensamos en como darle una vuelta de hoja al diseño. Nos pusimos a pensar, Raul y yo, cuantas empresas o usuarios de entre nuestros followers podrían tener el diseño personalizado.

La verdad es que nos ha sorprendido ver que hay pocos twitter con su fondo personalizado. Entre los profesionales SEO la verdad es que no está muy extendida la personalización.

Entre todos, supongo que por nuestra vertiente mas diseñadora, el fondo de Ivan García @ivangarcia de SeoBlog.es

Fondo Twitter

Tenemos que destacar el fondo de Carlos Chacón @seocharlie desenfadado, pero que, a la vez, congenia bastante bien con su blog y su tarjeta de visita

Fondo de twitter
.

También nos ha parecido bastante acertado el fondo de nuestra amiga Aleyda Solis, con un diseño en @aleyda que se adapta perfectamente a su blog y que muestra, como no, su cara mas amable.

Fondo Twitter Aleyda Solis
Como no podía ser menos, nuestro amigo Augusto Ellacurriaga, desde SpanishSEO y con su cuenta en twitter  @spanishseo se personaliza su twitter con un fondo muy relacionado con su web y sus colores omnipresentes grises y naranjas.
spanish seo fondo  twitter
Bueno, y obviamente teníamos que poner uno de nuestros últimos trabajos, para Antonio Velo que podeis ver en @antoniovelo, un fondo para twitter totalmente personalizado con una fotografía personal y que casa perfectamente con el diseño de su web y con la nueva imagen que le hemos creado en su logo y tarjetas de visita.

antonio velo fondo twitter

Es curioso que con un medio tan poco amigable para los SEOs, sean pocos los que tienen personalizado su fondo twitter para captar mas usuarios o mas seguidores.

Bueno, y ahora a apretarle a Raul para que haga el fondo para @senormunoz

Rediseño para FormulaF1.es

Hoy recibí por twitter un título de David Martín anunciando el rediseño de su web dedicada a la formula 1 Hacia tiempo que sabiamos que estaba con el nuevo diseño entre manos, pero hasta hoy no ha podido salir a la luz, y es que  los proyectos tienen fecha de inicio y, normalmente, no tienen fecha de finalización, ya que se van alargando los tempos y aparecen los “poyaques”.

formula f1 España¿Porqué me interesa el nuevo blog de David? Pues porque David es un afamado SEO (además de ganador de concursos de posicionamiento como compuntoes y habitaquo (Actualización: como bien dice David en su comentario, también ganó el de Microsano)) y porque quiero ver la evolucion de las SERPs ante el cambio de diseño. Se supone que la nueva plantilla de su wordpress le podrá dar una ventaja competitiva con respecto a las otras webs que copan los índices del sector, por lo que es bastante probable que www.formulaf1.es escale posiciones para sus palabras clave. En la actualidad, la web se encuentra la 8, por detrás de las grandes: thef1.com, la web de telecinco (¿Cuanto tardará en desaparecer este año con la fuga del calvo a la sexta?), la oficial de la Formula 1, formula1.com, f1-live.com, la wikipedia (esa gran web que no se puede manipular y que es fuente de inspiración para tantas y tantas personas), la web de marca (que si subira ya que la sexta y marca andan juntitos de la mano) y f1formulauno.com. Le tiene ganada la posición a Yahoo! Eurosport, y eso ya es mucho, pero seguro que el nuevo diseño le otorga bastante mas fuerza a su posicionamiento.

Obviamente me interesa porque estamos en pleno rediseño del blog de Bojan Krkic, con lo que esto significa. Al contrario de lo que todo el mundo está haciendo hemos decidido acortar los textos de portada poniendo resumenes (mirando nuestras busquedas, los longtails son ínfimos en comparacion con Bojan Krkic, Bojan, Fotos de Bojan y Videos de Bojan (94% sobre 6% del resto) por lo que tenemos que posicionarnos para esas páginas.

Por comentar algunas mejoras del nuevo diseño de la página FormulaF1.es: la inclusión de la porra de formula 1 (a mejorar, como el mismo dice, el no necesitar dos usuarios diferentes para entrar en el juego y en el blog Actualización: fallo de apreciación, si que se puede usar el mismo usuario, era que había que acceder dos veces), la inclusion de Gravatar.com, con lo que esto conlleva de personalización de comentarios y la reordenación de todos los elementos, permitiendo visualizar de forma mucho mejor tanto la información de las noticias como el acceso a los contenidos estáticos como el Circuito de Sepang o los videos de Formula 1.

Como usar el flash con buen SEO o como usar el SEO con un buen flash

Los diseñadores se frotaban las manos cuando en internet corrió como la pólvora que Google indexaría el flash (ver noticia en alt1040, OjoBuscador y hasta Dirson se hacía eco). Servidor sigue afirmando que el uso de flash se debe de limitar en la medida de lo posible y siempre que sea innecesario o prescindible, hacerlo, prescindir de esta tecnología. Ahora bién. Aparecen entonces según que páginas que te demuestra que estamos equivocados. No en el uso de flash, sino en que el flash, bien usado, es fantástico. Eso es lo que leí ayer en morecoffeeplease.net, donde en su post sobre una web con muchos contenidos flash opensource, neave.com, he ido a parar a esta maravilla de la indexación.

Neave, el uso del flash bien hecho

Su estructura en código html es simplemente fantástica, una estructura lógica de <h1>, de capas y <div>, y, aunque tal vez hecho en falta algún <h2> el trabajo de maquetación es de 10 y el diseño está perfectamente integrado con el limpio código.

neave html, buen uso del flash

Gastad media hora dando vueltas por su web y descubrid porqué me he quedado impresionado por el trabajo de este señor. chapó!

Space Invaders made by Neave Games

Los diseñadores, los Pantone y las pantoneras (o pantonario)

Los diseñadores, sean gráficos, web o de interiores tienen una serie de herramientas de uso y disfrute. Mas de una es bastante caras y si el color es lo principal, tenemos que darnos una vuelta por las tiendas online y buscar una pantonera.

Que es una pantonera

Una pantonera (o pantonario) es una conjunción de láminas con colores impresos en ella. Bajo la marca Pantone (que es la mejor marca y la que “tiene el poder”, como Google en España, pero en toda Europa) se comercializan estas pantoneras (que, por cierto, se ha convertido en un sustantivo, como lo fué danone ‘danone yoplait de piña’ al yogur o chupa chups ‘un chupachups koyak de fresa’ al caramelo con palo).

La gama Pantone, la mas usada como hemos dichos tiene varias diferencias además, y es que no es lo mismo dependiendo que tipo de trabajo vayas a realizar, ya que existen pantoneras de tintas planas, pantoneras para papeles brillantes, para papeles mates, pantonario de cromados,… Realmente, lo ideal es hacerte con dos de estas pantoneras, obviamente, de tintas planas, una de cuatricomía brillante y otra de cuatricomía para papeles mates. No son baratas, y es que pueden rondar los 200 € (cuidado con las pantoneras baratos, que pueden ser de años anteriores y existir procesos o colores no incluidos, hay que intentar siempre que sean los mas actuales posibles.

Tipos de Pantonera de Pantone

  • Pantonera Goe™ System coated
  • Pantonera GoeSticks™ coated
  • Pantonera Goe™ System uncoated
  • Pantonera GoeGuide™ uncoated
  • Pantonera GoeSticks™ uncoated
  • Pantonera GoeGuide™ coated, uncoated
  • Pantonera chip replacement pages
  • Pantonera GoeBridge™ coated
  • Pantonera GoeGuide™ coated

¿Por qué escribe esto en pleno concurso?

A los que me siguen en el concurso de comunactivo les resultará bastante extraño ver este tipo de posts, pero a los que me leen desde hace tiempo (recordar que este blog lleva abierto desde Enero del 2005) sabrán que antes escribia mucho de temas de diseño gráfico y similares. De vez en cuando retomo viejos posts y esta mañana, al ver en oink! el cubo de Rubik en Pantone me acordé de este post que escribí sobre los diseñadores y el uso de los pantone en anuncios de la vida real.

Por cierto, aqui está el cubo de rubik del que hablamos

Se trata de, como cualquier cubo de rubik, poner en la misma cara todos los colores iguales; ha incluido unas tonalidades derivadas. Es el Rubitone y si pensabas que ya tenias regalo para estas navidades siento desilusionarte, y es que no está a la venta.

Cubo Rubik Pantone

Nueva plantilla para la página de comunactivo

Nueva plantilla para el concurso comunactivoMe he decidido a cambiar el diseño del blog y aunque seguimos incluyendo el mismo número de bloques de enlaces patrocinados, creemos que el look&feel general ha mejorado ligeramente y permitirá a los pocos lectores que aun me quedan una mejor lectura general.

He intentado actualizar el wordpress de versión y me he encontrado con un grave problema, y es que la frase “Please Log in again” no me dejaba de aparecer en pantalla una y otra vez, a pesar de que todo estaba correcto. Si alguien sabe que le pasa al WordPress para que tenga ese tipo de comportamientos, por favor, que me lo diga

A las 12:00 de hoy realizaremos de nuevo el control de las posiciones para el concurso comunactivo y es que si los bailes de posiciones ya se fueron dando en los controles anteriores, el numero de páginas indexadas en referencia al tema en cuestión está creciendo de forma exponencial. Parte de esta subida puede deberse al cambio en algunos blogs de sus titulos generales. Este, en particular, contará, si el índice de google evoluciona correctamente, alrededor de 500 paginas que tendrán en el título la palabra comunactivo.

Es demasiado tarde para escribir nada, asi que, hasta esta misma noche.

Venga ya, Madrid2016, vete a freir espárragos

Hoy visitando mi racion diaria de periódicos deportivos para nutrir de contenido a mis blogs de futbolistas resulta que he visto un anuncio de Madrid2M16, tan mono el, con su manita saludando y he clicado. Pero mira tu por donde, que andaba yo con Firefox 3.0 y resulta ¡que la página se me descuadraba como los mejores dias de mis propias creaciones!

Y yo diciéndome a mi mismo, con todas mis curiosidades… “resulta que va a ser que no han hecho test en todos los exploradores…” Pero no, funcionaba bien en todos los explorer, pero no así en Operas y Firefox que tengo instalado por los ordenadores de mi casa…

Web de Madrid2016

pero como soy curioso por naturaleza me dije a mi mismo de nuevo: (y porque yo no veo webs, las disecciono) ¡Anda!, mira tu, no tiene título…

Voy a ver el código fuente. OMG!!! Frames!!!

Pero si aparece hasta el sello de accesibilidad (aisss dios mio, que de gente con medallitis aguda) Bueno, vamos a toquetear por dentro a ver si accedemos a alguna de las secciones sin problemas…

Pues no, parece ser que seguimos en la URL general y que todo se está moviendo en el mismo frame… Pero como sabe todo el mundo, se abre un enlace en otra ventana y listo!!

Ahora si, ya puedo ver el código… Faltan alts, titles,… A ver si no va a ser accesible…

Accesibilidad Madrid2016

Coña, si parece mas un juego de MarioBross que una web accesible con tantas interrogaciones rojas…

Al menos es CSS válido…

Por cierto, que pensarán los domainers que yo sigo (Carlos Blanco y Ferran) de que el dominio elegido sea www.madrid16.es (sobre todo cuando madrid16.com y madrid2016.com pertenecen a una persona de Valdemoro…

¿Es que no hemos aprendido nada del concurso del logotipo de Madrid 2016 o del concurso del logotipo del Gobierno de España?

pero lo que mas curioso me ha resultado es que no haya mucha polémica en la blogosfera… Nuestros colegas de Zen, cerrados por vacaciones, los chicos de milrayas.com, chandalismo.com, tallerd3.com, el amigo skeku, los de etc, la bella llamamelola, o los del foro de domestika.