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.

10 Consejos que toda web PYMEs debería tener en cuenta

Hoy, a raíz de un gran post de la gente de vexlan (como no, otro trabajo bien hecho, felicidades) os traigo esta recopilación de 10 puntos sacados devarios post con consejos para mejorar el posicionamiento y también para mejorar la experiencia del usuario una vez que entre en nuestras páginas webs.

  1. Ten una web que parezca profesional y que sea profesional (por favor, no dejes tu web en manos de ese sobrino que maneja fantásticamente el fotoshó)
  2. Comprueba que tu sitio web aparece en los buscadores (¿Cómo? Fácil, escribe en el cajetín de tu buscador favorito site:www.direcciondetuweb.com)
  3. Busca enlaces hacia tu web (Esto es lo más pesado, lo sabemos, y todos estamos cansados de hacer “intercambio de enlaces”, pero ya que nuestra web es nueva o es poco conocida, es complicado que alguien la enlace sin mas; y sí, es un trabajo que hay que hacer)
  4. Crea una página de error adecuada (página 404) No hay nada peor que un usuario llegue a tu página, pulse un enlace, y aparezca una gran pantalla blanca sin información. Fijate, por ejemplo, en nuestra página de error http://www.treceporciento.com/404
  5. 8 segundos es lo que tardan los usuarios en decidir quedarse o no en tu página. Así que cuando lleguen los posibles clientes, ofrécele lo que están buscando.
  6. La parte importante de la página es arriba a la izquierda, coloca lo que consideres oportuno lo más pegado a esa zona.
  7. Las imágenes con caras, además de dotar de cercanía a la página, atraen más la mirada.
  8. El espacio en blanco es nuestro amigo, si ves mucho blanco en tu página, no te agobies
  9. El “botón rojo” mola. Los botones de color rojo, por mucho que digan, molan, y molan mucho más cuando tienen frases del estilo “Pruébalo ahora” en vez de “Compra” “Añade al carro”
  10. Utiliza las redes sociales y los foros, nunca se sabe donde se van a encontrar clientes. Pero no abuses, que si no, te conviertes en objeto de escarnio y mofa por parte de algunos miembros de la blogosfera.

Mas conocimientos aplicables a pequeña escala, para mejorar el posicionamiento y el diseño de nuestras páginas webs y nuestras landing pages (o sea, allí donde los clientes llegan cuando clican en algún enlace externo).

  1. 30 recomendaciones para promocionar tu sitio web (especial PYMEs)
  2. 8 Conclusiones para pruebas con Eye Tracking
  3. 7 reglas para la optimización de páginas de aterrizaje