Ðcorbaxeo

El nuevo estándar, HTML5, nos promete una larga lista de cambios grandes e interesantes, tanto para usuarios como para profesionales del medio. Vamos a ver algunos de especial relevancia.

HTML5 proporciona a los desarrolladores una manera más sencilla de crear aplicaciones Web con más potencia y menos fallos.

Los usuarios verán las aplicaciones Web en tiempo real de forma más suave y con menos errores. Ya que HTML5 promete un camino más fácil para los desarrolladores en la creación de sitios web que se actualizan en tiempo real.

Los desarrolladores deben realizar complejas tareas de codificación que, fácilmente, pueden acabar introduciendo errores y haciendo que las aplicaciones fallen.

Bruce Lawson, que evangeliza sobre los estándares web abiertos de Opera Software, señala que al grupo que trabaja en el HTML5, se le asignó la difícil tarea de hacer que la especificación fuera más tolerante que sus predecesores, para que los sitios web más antiguos o mal codificados funcionaran mejor en navegadores habilitados para ejecutar HTML5. 

• Web Sockets: conexión permanente entre una página y un servidor.
  Una de las mejoras más interesantes que puede ofrecer HTML5 es la característica Web Sockets: proporciona un sitio web con una interfaz de programación de aplicaciones (API) que abre una conexión permanente entre una página y un servidor, para que la información pase entre ellos en tiempo real, (sin tener que hacer una solicitud cada vez que se quiere una actualización). Web Sockets promete una forma fácil de que los desarrolladores creen páginas web que cambien en tiempo real.
• Mayor velocidad y mejor funcionamiento:
  Las páginas se cargan más rápido (sobre todo en dispositivos móviles), y funcionan mejor, gracias a la red de comunicaciones de HTML5 y a un navegador de almacenamiento.
• Web Storage
  HTML5 también puede ayudar a que las aplicaciones web funcionen mejor cuando los dispositivos están desconectados (o intermitentemente) de Internet, como los teléfonos inteligentes. Una característica llamada Web Storage permite a las aplicaciones Web almacenar más datos en el navegador, recuperarlos de forma más inteligente, y controlar cómo los navegadores guardan ciertas partes de páginas para agilizar la carga.

Una fórmula mágica:

• Mejor manejo de formularios, reduciendo el código javascript:
  HTML5 también mejorará el rendimiento de los navegadores con un mejor manejo de los formularios: menos javascript, más velocidad de carga de la página…
• Funciones CSS diseñadas para trabajar con HTML5:
  Además varias características de la nueva versión de CSS, están diseñadas para trabajar con HTML5, haciendo a las páginas Web más sensibles a la entrada del usuario y permitiendo gráficos de alta calidad.
• Muchas web profesionales funcionan como aplicaciones de escritorio (suite de oficina o herramientas de edición de fotografías p.e.). Pero las funciones más sofisticadas dependen de conexiones que los desarrolladores crean entre diferentes tecnologías Web, como HTML, JavaScript y hojas de estilo (CSS). Esto hace a esos sitios más lentos y vulnerables a los agujeros de seguridad.
  Con las nuevas características de HTML5, como Web Sockets, también estos sitios serán más rápidos, potentes y seguros.
• Más interoperabilidad entre navegadores:
  Otra importante mejora es el ‘parser’ del HTML5. Es un analizador del navegador que lee las etiquetas utilizadas para construir una página y busca cómo mostrarlo. Esto hace que los navegadores sean más interoperables en la forma en que manejan el código mal escrito: el analizador especifica cuáles son las respuestas a los errores, en lugar de dejar que cada creador del navegador decida cómo manejar el código imperfecto. Esto ofrece una experiencia de usuario más sólida, sin importar el navegador que se utilice.
• Vídeo en el navegador, sin plugin, gracias a HTML5:
  HTML5 ha atraído la atención por su capacidad de mostrar vídeo dentro de un navegador web, sin necesidad de plug-ins como Flash de Adobe. Aunque esta no es la característica más importante de HTML5, ni mucho menos, está claro que es una gran novedad y alivio para los usuarios y que podremos disfrutar de lo lindo de este nuevo formato para el vídeo.
  
  YouTube acaba de anunciar que cambia el código para embeber vídeos. El nuevo código utilizará un iframe que permitirá ver los vídeos embebidos tanto en Flash como enHTML5, en función de la configuración del navegador del usuario.
  Por defecto se mostrará HTML5, cambiando a Flash siHTML5no está disponible.
  El ejemplo del nuevo código, mucho más corto:
  <iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
  </iframe>

Naturalmente llevará su tiempo hasta que todo esto esté bien implementado.
Actualmente sólo Chrome, Safari, Firefox y Opera soportan la mayoría de las características de HTML5, (no todas).

Con este enlace podrás comprobar en qué medida tu navegador soporta HTML5. http://www.html5test.com/

Consideraciones personales:

"La base de HTML5 es implacablemente pragmática"

Bueno, sin duda un momento emocionante para los desarrolladores web, pero también los usuarios lo notarán bastante, sobre todo en algunos aspectos.

Y, sin duda, HTML5, también traerá nuevas normas.

Felicitemos al grupo de trabajo HTML5 y a todos los que están detrás de todo esto ya que estas innovaciones encaminadas a mejorar la web, no sólo permiten aumentar la sofisticación en el diseño y la funcionalidad de los sitios web, sino que contribuyen a reforzar la libertad del usuario y a abrir más el horizonte y las mentes…

…Alabados sean…!

Aquí te dejo algunos enlaces a contenidos muy interesantes sobre HTML5 para que vayas haciendo boca y te relajes ante lo que se nos viene con la implementación del nuevo lenguaje de marcas HTML5:

HTML5 gallery

Canvas Vídeo 3D

Chrome Experiments

SlidesHTML5Rocks – magnífica presentación y demo, en uno, (no se ve en IExplorer7).

Guía de HTML5 para desarrolladores web

Hojas de apoyo HTML5 y CSS3

fuente Technology Review

8 pasos simples para la Creación de Vídeo Online

En el último artículo Video SEO: la mina de oro de Google expliqué que hay más probabilidades de salir en la primera página de resultados de búsqueda de Google si tienes un video en tu página. Pero tal vez pensaste que hacer un vídeo online no es cosa fácil.

La creación de vídeo online no tiene que ser cara, difícil ni pesada. Aquí te dejo unos pasos para crear vídeos online fácilmente sin parecer un aficionado. Para que te vayas animando y empieces a crear vídeos online sin complejos, para hacer crecer tu negocio.

1. Definir audiencia y objetivos del vídeo online

El paso más importante en la creación de un vídeo comercial es determinar a qué audiencia va dirigido y cuáles son los objetivos. Este paso te sonará ya que es fundamental en los proyectos de marketing, analítica web, SEO… en verdad es primordial en cualquier proyecto.

Puedes crear el vídeo con contenido educativo en torno a las ventajas de tu producto o sobre su uso, aplicaciones o ejemplos.

Deberías tomarte un tiempo para crear un boceto en plan comic, (storyboard) del vídeo.¡ Mucho mejor que intentar empezar de cero!

El vídeo no debe durar más de 3 minutos.

2. Buena iluminación

La buena luz es esencial para un vídeo de apariencia profesional. Filmar en el exterior es siempre una buena idea. La luz siempre debe estar detrás de la cámara.

A primera hora de la mañana o avanzada la tarde se consiguen los mejores resultados en cuanto a iluminación natural: más nitidez, colores cálidos y limpios.

3. No te muevas

No te vuelvas loco con la cámara -Filma tomas de 10 segundos sin mover la cámara. Luego deja de grabar y cuando encuentres el siguiente plano, vuelve a filmar otros 10 segundos sin moverte. Si sigues esta regla tus vídeos serán buenos.

Si utilizas un trípode, tus vídeos online mejorarán mucho.

4. Lejos Cerca

Empieza con planos generales, que muestren el lugar donde estamos, luego los planos medios y finalmente los cortos, detalles, caras.

Y, por favor, ¡no uses el zoom!. Filma todos esos planos encendiendo y apagando la cámara a medida que te acercas al objetivo; siguiendo la regla de los 10 segundos.

5. Hablar en voz alta

Los testimonios de los clientes satisfechos son muy convenientes en un vídeo online comercial. La gente creerá mucho más a un usuario que a un actor.

Graba la entrevista en un lugar silencioso. Si utilizas un micrófono externo el sonido será bueno no tendrá nada que envidiar a los vídeos online profesionales.

Toma un plano del cliente del pecho hacia arriba.

Díle que hable en voz alta y hazle un par de preguntas simples. No le hagas preguntas que pueda contestar con "Sí" o "No".

6. Editar el vídeo

Ahora tienes que montar los planos grabados. No es tan complicado.

Utiliza un software de edición fácil como el iMovie de Apple o pide ayuda a alguien que sabe cómo editar.

Incluye tu logotipo, guarda el video con una duración de 3 minutos máximo y ¿no olvides tu llamada a la acción!.

Añade música libre de derechos. Usa transiciones simples y sin abusar, (fundidos quedan bien).

Para empezar a trabajar con YouTube, podcasts de vídeo, transmisión en vivo, o videos virales: Seminario de Vídeo Online gratuito.

7. Alternativa de vídeo online para miedosos

Si aún así no te atreves a liberar tu talento de director y no te importa parecer un aficionado, puedes usar este recurso:

Utiliza buenas fotografías. Elígelas en base a los consejos anteriores para el vídeo: plano general, planos medios y de detalle, en ese orden para cada fase.

Utiliza un programa de fotografía como IPhoto (Apple), Picasa, Windows Movie Maker.. Haz una animación o pase de diapositivas con transiciones, música y títulos.

Súbelo a tu sitio web y a YouTube… Voilá! ya tienes tu vídeo online.

8. optimizar el vídeo online

Una vez que hayas terminado, utiliza las mejores prácticas de optimización del vídeo online.

Añádele tu firma , correo electrónico y enlaces y sigue los los pasos de:

Vídeo SEO Cómo optimizar vídeos en Google y en Youtube

No tengas miedo. Crea ahora un vídeo comercial online para atraer a los visitantes a tu sitio y generar clientes potenciales y ventas.

fuente jamesroughton

Optimización de vídeo para Google: Vídeo SEO

La prioridad que Google está concediendo al vídeo en sus páginas de resultados, nos lleva a percibir el Vídeo SEO como la mina de oro de Google.

Me atrevería a decir que en 2010, el Video SEO es La Estrategia SEO por excelencia.

Para los que compiten por el primer puesto en el ranking de los buscadores, el vídeo SEO es el camino más corto y seguro hacia el éxito. Los resultados aparecen rápidamente, el éxito es predecible y la competencia excasa.

En el futuro, Google puede cambiar la prioridad del vídeo, y una mayor competencia puede reducir la eficacia del Video SEO. Pero, por ahora, y para un futuro próximo, el Video SEO es la mina de oro de Google. (No hay más que ver el empeño de Matt Cuts en obsequiarnos continuamente con sus vídeos, ;-))

El vídeo se ha convertido en uno de los formatos de contenido más potente en los últimos años – ya sea como parte integrante de un blog o como una estrategia de contenido viral –

Cuando utilizamos el vídeo como una estrategia SEO vale la pena detenerse y considerar cuáles son los objetivos:

En este vídeo de Seomoz nos explican las diferentes estrategias a seguir dependiendo del objetivo principal, (generación de vínculos, palabra clave, marca y reconocimiento, todo lo anterior…)

SEOmoz Whiteboard Friday – Optimizing for Video Content from Scott Willoughby on Vimeo.

• Hay que tener en cuenta que es muy diferente la optimización del vídeo real frente a la optimización de la página HTML donde está incrustado el vídeo. En ambos casos tenemos que optimizar los metadatos para mejorar la indexación.
• Optimiza los metadatos del vídeo con el programa de edición de vídeo con el que lo crees: cada formato de vídeo lleva su título, descripción, calidad de codificación… incluso la transcripción del contenido es posible.
• Optimiza el vídeo externamente como si fuera una imagen: cuidando el título y descripción, el nombre del fichero, palabras clave…
• En la página donde se encuentre el vídeo debe haber una lista de palabras clave enlazadas con el microformato rel-tag
• El vídeo debe residir en tu sitio, preferentemente en una página única cuyo título coincide con el título de vídeo. Vale la pena incluir otros meta-datos, tales como descripciones y palabras clave, pero por el momento, Google da mucho peso al título
• A continuación, debes crear un sitemap de videos XML: con la ubicación de todos los vídeos de tu dominio, el vídeo en sí, los meta-datos, las miniaturas, duración y otra información pertinente. Este sitemap de vídeo debe ser enviado a Google a través de las Herramientas para Webmasters, y validado por Google.
• La página también tendrá que contener un archivo robots.txt para ayudar a Google a verificar el mapa del sitio.
• Los resultados deberían comenzar a aparecer en dos semanas o menos, y una vez que la presentación inicial es aprobada por Google, los nuevos resultados deberían aparecer en 24 horas o menos.
  Si utilizas un servicio de terceros, asegúrese de que todo el tráfico se dirija a tu dominio, en lugar de ir a una página alojada por el proveedor.

Hay muchas cosas más que te vendría bien saber para la optimización de vídeos en Google y Youtube, pero ya las expuse en este artículo, más completo y detallado:

Vídeo SEO: Cómo optimizar vídeos para Google

————————————————

fuentes: SEO for Video content | Video SEO