Dcorbaxeo SEO

Cada vez más vídeos HTML5 en la red

El nuevo estándar HTML5 está haciendo cambiar el panorama del vídeo con las nuevas opciones de diseño que ofrece: La nueva tecnología es más expresiva, ofrece mayor libertad a los diseñadores gráficos y a los desarrolladores. Incluso Adobe se está tomando muy en serio el lenguaje HTML5.

Aunque el World Wide Web Consortium (W3C), que regula los nuevos estándares web, aún tiene que aprobar las nuevas características del video HTML5, ya se están creando muchas páginas web con la nueva tecnología.

El número de vídeos en HTML5 actualmente disponibles en Internet se ha duplicado en 5 meses. Del 26 por ciento en el mes de mayo se ha pasado al 54 por ciento.

La gran expansión del uso de los dispositivos móviles, junto con el bloqueo de Apple a la tecnología Flash en sus dispositivos, han ayudado a la adopción del formato de vídeo HTML5, ya que la mayoría son compatibles, al contrario que los reproductores Flash.

También los editores de contenido en la web han contribuído al aumento.

Por este motivo, según los expertos, la cifra de vídeos HTML5 disponibles en Internet seguirá aumentando.

El hecho de que el iPhone, el iPod, y el iPad de Apple no ejecuten los vídeos basados en Flash también está presionando a las compañías de medios, que están aceptando el HTML5 como forma de llegar al mayor público posible.

La nueva tecnología puede significar para la industria de las tecnologías una menor dependencia de Adobe Flash.

HTML5 promete dar a los programadores una mayor flexibilidad a la hora de presentar los vídeos, y permitir que se puedan reproducir en dispositivos iOS de Apple.

Las compañías están acelerando el sistema HTML5 y poniéndolo al día:

Algunas desventajas del vídeo HTML5 con respecto al vídeo basado en Flash, como el modo de pantalla completa y los subtítulos, ya están siendo salvadas por alguas compañías:

Sublime Video está tratando de dar al video HTML5 un modo de pantalla completa. También lanzó un reproductor que permite a los programadores reproducir las características proporcionadas por el video Flash usando HTML5.

Skyfire ha desarrollado (y enviado para su aprobación por parte de la App Store de Apple) un navegador web móvil que convierte el vídeo basado en Flash en HTML5, por lo que los usuarios del iPhone podrán verlo.

Handroll, que se está posicionando como el WordPress de video de HTML5. Ofrece un formulario en el que puedes poner la URL de cualquier archivo de vídeo y obtendrás el código HTML5 para incrustarlo.

Con el lenguaje de programación web HTML5 se pueden crear vídeos que se ejecutan directamente desde el navegador. Como pudimos ver en el maravilloso experimento de Arcade Fire: una aplicación interactiva geolocalizada, un videclip creado con el lenguaje de programación HTML5, que hace correr la aplicación en el contexto geográfico que definamos, poniendo nuestra dirección. ¡Una pasada!

Apple forzó la situación

En cuanto al bloqueo de Flash en los dispositivos de Apple, la empresa alega que simplemente no es una tecnología eficiente … y eso es cierto, por ahora, teniendo en cuenta cómo se creó.

Aunque se ha dicho de todo: Hay hasta quien piensa que no tiene nada que ver con los estándares abiertos y sólo con llenar los bolsillos de Apple. Pero eso es una cuestión de opiniones.

Ahora Apple nos ofrece una forma de ver vídeos Flash en iPad y en iPhone, con la aplicación Skyfire, que ya está aprobada. Skyfire transforma los vídeos Flash a HTML5 en tiempo real. Y sólo costará 3$. Aunque ha sido retirado temporalmente de La apple Store por exceso de demanda.

¿Qué hace Adobe al respecto?

Adobe se está tomando el HTML5 muy en serio y quiere jugar con todas sus cartas en lo que se refiere a dispositivos móviles.

La empresa anunció en su conferencia MAX en Los Ángeles, dos nuevos formatos de anuncios para teléfonos inteligentes, (para su uso en aplicaciones o en el navegador):

• Flash tendrá un motor 3D real. Adobe está trabajando en un nuevo conjunto de APIs 3D.
• Una nueva herramienta que se centra en hacer la animación utilizando jQuery y HTML5. Creación de animaciones y transiciones usando las capacidades de HTML 5. Esta puede ser la base para un gran cambio en la creación de contenido interactivo HTML. (jQuery se está incorporando muchísimo en las herramientas de la web del futuro).

Adobe se ha asegurado de que los nuevos formatos de anuncio puedan ser verdaderamente ubicuos: La tecnología funciona con anuncios diseñados en Flash o el estándar Web HTML 5, lo que significa que se pueden ver en los dispositivos de Apple.

Esto es importante porque los anunciantes no se tienen que preocupar por el formato a la hora de invertir su dinero en campañas publicitarias.

Estos formatos permitirían a las empresas crear anuncios interactivos o videos capaces de llegar a una amplia variedad de dispositivos.Y están diseñados para que la gente pueda interactuar con ellos sin salir de la aplicación.

Recientemente Adobe anunció el HTML5 Video Player Widget, con el que pretende facilitar el trabajo a los desarrolladores, que no tendrán que optar por una de las dos plataformas (Flash o HTML5).

Ahora Adobe quiere ir más lejos y ha presentado la demo de Wallaby, su conversor Flash a HTML5.

Gracias a esta herramienta, los desarrolladores podrán reutilizar componentes de sus proyectos Flash (gráficos, máscaras, animaciones…), y exportarlos a un archivo HTML, para su posterior utilización con el nuevo estándar HTML5.

La herramienta indica cuáles de los elementos de un proyecto Flash no pueden ser convertidos, por qué y su indicencia en el diseño.

Así que Adobe no se queda atrás en su lucha por mantenerse como el intermediario favorito de los profesionales creativos.

Aunque yo creo que lo importante no es que permanezca uno de los dos, sino que haya más opciones, lo que es bueno para la Web.

——————————————————–

fuentes: Technology Review — Read Write Web — Blog de Adobe

Vídeo SEO: Cómo aparecen mis vídeos en Google

Según el propio Google, la publicidad online aumenta cada vez más su Inversión en videos online.

Los vídeos suponen ya, según un informe elaborado por Cisco, más de un tercio del tráfico mundial generado por los consumidores de internet y se prevé que a finales de 2010 la cifra alcance el 40%. (Sin contabilizar el intercambio de archivos en redes P2P).

Está claro que lo que más hace la gente es ver vídeos.

Y, por supuesto Youtube está a la cabeza de este fenómeno social.

Así que se hace necesario ponerse las pilas en este campo y aprovechar las ventajas del vídeo para posicionarse bien en Youtube y en Google.

Para que tus esfuerzos en posicionar tus vídeos sean más efectivos te traigo estos sabios consejos, que te harán el trabajo más sencillo.

Obtener el ID de usuario correcto y las palabras clave

• ID de usuario

• Haz uso de la función de YouTube para personalizar tu ID de usuario. Para conseguir un buen usuario de YouTube utiliza la Herramienta para palabras clave de YouTube .

• Título

• La Herramienta para palabras clave de YouTube también es una gran herramienta para obtener ideas sobre palabras clave. Puedes poner las palabras clave necesarias en el título y la descripción.
  YouTube permite 120 caracteres en el título del vídeo. Asegúrate de incluir las palabras clave más importantes de tu marca en el título.

• Descripción

• YouTube permite 1000 caracteres en la descripción del vídeo. Aprovecha la ventaja de esta característica, porque esto significa que puedes poner una nota de prensa completa sobre el vídeo con toda la información y palabras clave que consideres importantes.
  No olvides incluir las URL (con el http://), del canal, la lista de reproducción u otros sitios, en tu descripción.
  Incluye la URL a tu sitio al principio de la descripción del vídeo.

• Etiquetas

• YouTube permite 120 caracteres en las etiquetas del vídeo. Sé lo más detallado posible. Incluye palabras clave, ubicación y nombre de marca.
• Utiliza palabras clave enlazadas con el microformato “rel-tag”, en la página de tu sitio donde se ecuentre el vídeo incrustado.

Formato del Video

• YouTube permite el formato 16:9, pero te aconsejo el formato 4:3, ya que las miniaturas se han optimizado para 04:03.
• Miniaturas personalizadas: para que los usuarios puedan decidir si desean subir una imagen relevante o una de las tres capturas de pantalla del vídeo generadas automáticamente.

Contacto

• Incluye tu información de contacto en el vídeo. Alguien puede estar interesado en ponerse en contacto contigo de inmediato.
• Incluye la dirección URL en el video.

Enviar vídeos a Google News

• La inclusión de tus vídeos en Google News es uno de los pasos más importantes para el SEO, ya que Google SERP incluye resultados de búsqueda de YouTube.

Incluir Vídeos de Youtube en Google Maps

• Ubica geográficamente tu vídeo en Google Maps: para mejorar el posicionamiento para búsquedas locales. Aquí tienes un vídeo que explica claramente Cómo crear un mapa en Google Maps

Incluir Vídeos de Youtube en Google Places

• Google Places: Añadir vídeos de Youtube hace más completa la página de Google Places y, por tanto, ésta se posiciona mejor. Si además el vídeo está correctamente etiquetado y geolocalizado, nuestro ranking mejorará.

Frecuencia

• Subir vídeos con frecuencia es la mejor forma de aumentar las reproducciones, los suscriptores y la visibilidad. Creo que Google también valora la frecuencia. Preferible subir un vídeo cada semana que varios en un día.
• También Google posiciona mejor los vídeos recién subidos, (durante las primeras 24 horas). Por lo que cuantos más vídeos subas más visibilidad.

Calidad

• Sube siempre vídeos con la mayor calidad posible.

Accesibilidad

• Haz los vídeos más accesibles incluyendo subtítulos.

Sociabilidad

• Activa todas las opciones “sociales” de Youtube vídeo: (votos, comentarios, compartir el vídeo, incrustar el video, etc). El número de visualizaciones del vídeo en otros sitios y su puntuación es muy importante para el posicionamiento del vídeo.

Detalles

• Puedes elegir la posición de inicio del vídeo, aunque esto no influye en el SEO: por ejemplo, puedes agregar la variable: #t=00m06s donde 00m son los minutos y 06s son los segundos.

Sitemap de Vídeo

• Utiliza un Sitemap de Vídeo para informar a Google de los vídeos existentes. En él puedes indicar la dirección, duración, un thumbnail, título, descripción…

El nuevo estándar web: HTML5 en el vídeo

Actualmente el vídeo por Internet está pasando por una etapa complicada. El nuevo estándar web, HTML5, promete dar a los programadores una mayor flexibilidad a la hora de presentar los vídeos.

El hecho de que los vídeos en Flash no se puedan reproducir en dispositivos de Apple, está impulsando el desarrollo del HTML5, y el que las compañías empiecen a mirar hacia este fomato. Pero HTML5 carece de algunas de las características de Flash. Además, ya existen millones de vídeos, incluyendo la mayor parte de YouTube, que sólo se pueden reproducir usando Flash.

Sin embargo se ha producido una intensa actividad para acelerar el sistema HTML5 y ponerlo al día.

Reproductores de vídeo HTML5

Con HTML 5 y su nuevo elemento <video> tenemos la posibilidad de incluir muchos formatos de vídeo con muchas opciones… y para hacerlo ya todo más sencillo, además de hacerlo compatible con versiones anteriores que no soportan los nuevos formatos, están apareciendo algunos sistemas que permiten estos reproductores de una forma “chula” y fácil.

Javier Casares comenta algunos Reproductores de vídeo HTML5:

FlareVideo: Necesita de jQuery y el soporte es, a mi gusto, un poco reducido… hay que programar expresamente para ello.
MediaElementsJS: También necesita de jQuery, soporta todos los navegadores e incluso terminales móviles. Hay que incluir el nuevo tag <video> y unas pocas líneas más… Esto significa que cuando todos los navegadores den soporte, se quita y todo seguirá funcionando.
JW Player: La nueva versión de este tan utilizado reproductor ya es compatible con HTML 5. Necesita de jQuery y aun está en βeta.
VideoJS: No necesita de librerías externas y funciona gracias al elemento <video>, lo que, en principio, a mi me da mucha seguridad. Funciona con todos los navegadores y soporta los nuevos formatos.
SublimeVideo: Aunque aun no ha salido oficialmente, lo que se puede ver es parecido al VideoJS, es decir, que no necesita de librerías externas y funciona gracias al elemento <video>. En principio funciona con todos los navegadores, soporta la mayoría de formatos.

Espero que te sean de utilidad estos consejos y que tus vídeos pronto estén en las páginas de resultados de Google y aparezcan los primeros en las búsquedas de YouTube.

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

La paciencia no es el fuerte de Google y, a medida que ha invertido su entusiasmo en lanzar su versión beta de Chrome para Mac, y que mucha de la tecnología de Gears, se está incorporando en la especificación HTML5, la compañía ha dejado que decaiga su proyecto de Gears.

Google creó hace dos años su propio software de escritorio para mejorar el navegador web: Gears, con carácterísticas como el almacenamiento en la caché sin conexión o poder arrastrar y soltar los archivos.

Gears es un software ofrecido por Google, que permite crear aplicaciones webs más poderosas, añadiendo nuevas funciones al navegador. La última versión pública es la 0.5 (febrero 2009).

Gears consiste en una aplicación que se instala como una extensión de navegador, que agrega una API que permite programar en javascript algunas interacciones con los componentes instalados localmente por la aplicación.

Componentes principales:

▪ Un servidor local, encargado de cachear y servir los datos (HTML, Javascript, imágenes, etc.). Permite que las aplicaciones web interactúen de forma natural con su escritorio

▪ Una base de datos: almacena los datos localmente en una base de datos completamente investigable.

▪ Un controlador, formado por varios hilos que sincronizan los datos en un segundo plano.

▪ La API de Geolocalización, que permite ubicar a un persona dentro del mundo según la posición desde donde se conecte.

Muchas de estas funciones estarán incluidas en la próxima revisión del lenguaje de programación estándar HTML5. Tecnologías como soporte offline y las API de geolocalización se están incorporando en la especificación HTML5 como un estándar abierto apoyado en los navegadores.

Esto es una buena noticia para los navegadores pero, por ahora HTML5 no está listo aún.

Por el momento, Gears todavía contará con una serie de herramientas que se pueden abrir con Firefox e Internet Explorer. La tecnología se basa en el navegador de Google Chrome.

El portavoz de Google aclaró en un seguimiento de e-mail, que siguen apoyando Gears de manera que no afecte nada a la funcionalidad de los sitios que lo utilizan. Y que esperan que los desarrolladores de HTML5 avancen en la utilización de estas características ya que se trata de un enfoque basado en estándares, que estará disponible en todos los navegadores.

fuente: Los Angeles times