¿Qué es HTML5? ¿Lo necesito para mi sitio web de negocios?

Tabla de contenido:

Anonim

A estas alturas, es posible que haya escuchado el término HTML5 en sus viajes en línea. ¿Pero sabes qué es HTML5 realmente?

Es importante saberlo porque HTML5 le brinda más opciones para un sitio web más rico, junto con características adicionales. Es probable que escuches más sobre esto.

De hecho, su próximo sitio web puede estar escrito en HTML5. Así que querrás estar informado para saber lo suficiente como para comunicarte adecuadamente con tu desarrollador web y considerar tus opciones para tu sitio web.

$config[code] not found

Y qué Es HTML5?

HTML ha estado presente desde el principio de Internet. Es un lenguaje que sirve como bloques de construcción para los sitios web. HTML es el código que hace que las imágenes aparezcan en la página, alinea esas imágenes, hace que el texto sea normal o en negrita, especifica qué fuente debe ser el texto y mucho más.

Desde la década de 1990, ha habido 4 versiones de HTML. Ahora estamos en la transición a la versión 5, que es de lo que estamos aquí para hablar hoy.

La planificación para HTML5 comenzó en 2004 por el World Wide Web Consortium, y una década más tarde, un número relativamente pequeño de sitios web utilizan HTML5. Esto solo sirve para demostrar que este proceso de actualización de las versiones HTML no es algo de la noche a la mañana. Lleva años (sin mencionar alguna controversia y un grupo disidente de disidentes).

Pero cuando HTML5 comienza a ser más utilizado, HTML4 no se retirará a una isla soleada. HTML5 y HTML4 están construidos uno encima del otro y cada uno coexistirá pacíficamente entre sí, trayendo su propio conjunto de características.

HTML4 y HTML5 están coexistiendo en este momento. Sin embargo, algunos navegadores antiguos no pueden leer HTML5. (Para probar si su navegador es compatible con HTML5, visite este sitio).

Beneficios de HTML5

Probablemente ya estés preguntando cuáles serán los beneficios del nuevo HTML5. Echemos un vistazo a algunos beneficios clave.

Abordar el problema del flash

Si tiene un dispositivo iOS, entonces ya sabrá que el dispositivo no puede utilizar Flash. Android tiene sus propios problemas de Flash también. Con Android es posible que necesite soluciones para ver los elementos Flash de un sitio o un video flash. Esto es perjudicial para la experiencia del usuario si partes de un sitio web permanecen fuera de los límites debido a una incompatibilidad de software.

HTML5 le permite crear efectos y animaciones más sofisticados, y páginas web más sofisticadas, sin la necesidad de Flash. HTML5 puede ser visto como una alternativa a flash, no un reemplazo.

Sitios web más ricos

HTML5 tendrá el potencial de hacer que los sitios web sean más rápidos y más interactivos. Ejemplos de esto incluyen la reproducción de video en streaming en un sitio web MUCHO más rápido. Sitios como YouTube ya están ofreciendo reproductores de video HTML5. (Sin embargo, debe activarlo, ya que no es una configuración predeterminada).

O puede significar reproducir audio en un sitio web sin complementos, usar código para dibujar en un sitio web (con el dedo o un lápiz óptico), o arrastrar y soltar archivos en un sitio web (como la función de carga en WordPress).

Un gran ejemplo de HTML5 es Chrome Experiments, un sitio web administrado por Google, que muestra algunas de las cosas que HTML5 es capaz de hacer. Los ejemplos en este sitio están hechos con algo llamado WebGL, y esta es una tecnología relacionada con HTML5 que crea objetos 3D y animaciones.

Mejor marcado semántico

El marcado semántico no es una creación de HTML5, ha existido desde hace un tiempo, pero HTML5 lo mejora.

¿Qué es el marcado semántico? Intentemos desglosarlo sin ser demasiado técnicos y perdernos en los detalles. En los viejos tiempos, un sitio web tenía información, pero no había manera de que un motor de búsqueda diera sentido a esa información. Simplemente indexó lo que encontró, pero no se adjuntó ningún contexto para dar a esa información ningún significado. Un número de teléfono era sólo una serie de números aleatorios.

Sin embargo, con el marcado semántico, los datos se interpretan en su contexto adecuado, por lo que un número de teléfono se identifica como un número de teléfono, los horarios de apertura de las tiendas se identifican como horarios de apertura de tiendas, etc. Esto hace que los motores de búsqueda puedan comprender mejor sus consultas y entregar información más precisa. Por lo tanto, puede preguntar a Google cuándo se cierra Walmart en su área, y se mostrará el tiempo.

Quizás el ejemplo de marcado semántico más conocido sea la autoría de Google. Cada vez que buscas algo en Google, las publicaciones de blog y los artículos a menudo muestran la foto del autor a la izquierda.

Además, ¿está buscando un bufete de abogados en Nueva York? El marcado semántico en los motores de búsqueda ahora tiene los detalles de contacto, junto con un marcador que lo lleva a un mapa de Google para direcciones. Incluso puede leer reseñas y ver la página de Google Plus de la empresa.

Por lo tanto, el marcado semántico tiene el potencial de hacer que la web sea mucho más útil. El marcado semántico también puede incluir videos, testimonios y detalles de productos para la venta.

Y recuerde, agregar la Autoría de Google para obtener su imagen junto a sus artículos en los resultados de búsqueda es fácil. Google lo explica todo paso a paso aquí.

Para incluir otras cosas en su sitio, Search Engine Land tiene un excelente resumen que detalla características como el marcado de la dirección, los datos de contacto, los tipos de pago aceptados y las horas de operación en su sitio. Eso le da una idea de qué tipo de datos puede mostrar en los resultados de búsqueda de su negocio.

¿Cómo pueden las empresas comenzar con HTML5?

Entonces, la pregunta que probablemente te estás preguntando ahora es "¿qué debo hacer?". Lo primero que debes enfatizar es que no tener hacer cualquier cosa ahora mismo. Su sitio web puede ir perfectamente bien sin HTML5.

Pero si tiene un negocio que depende en gran medida de una presencia en línea o móvil, no le hará daño comenzar a planificar y revisar las opciones con su desarrollador web.

Considere qué características necesita y cómo podrían ayudar a su empresa. HTML5 puede o no ser la opción correcta para llevar esas características a su presencia en línea.

Pero tenga en cuenta que podría ser contraproducente ser de vanguardia si sus clientes aún no están allí. El CTO de Small Business Trends, Leland McFarland, tiene algunos consejos sobre todo el problema de HTML5:

“Recuerda, tus clientes pueden estar usando navegadores antiguos. No es solo una cuestión de lo que usted o su desarrollador quieren. El objetivo debe ser hacer que su sitio sea accesible a la mayor cantidad de lectores o espectadores posible. Si parte de tu audiencia no podrá ver esa linda animación debido a un navegador más antiguo, ¿aún tienes una alternativa que puedan ver? ¿Quizás una página con texto y algunas capturas de imágenes? Pídale a su desarrollador que construya esa alternativa para que todos puedan tener una buena experiencia en el sitio ".

Sus datos de Analytics para su sitio web (como Google Analytics) deben poder indicarle los tipos de navegadores y dispositivos que utiliza principalmente su audiencia. Eso debería dar una idea de cuáles son las necesidades de su audiencia. Una de sus primeras consideraciones debe ser entregar lo que quieren y necesitan. Pero también considera el tipo de audiencia nueva que gusta atraer. Por ejemplo, HTML5 podría ser capaz de atraer y retener a más personas usando dispositivos Apple.

HTML5 es el futuro y tiene el poder de agregar funciones adicionales a su presencia en línea. Como propietario o administrador de una pequeña empresa, le ayudará si se adelanta a la curva, aprende más sobre HTML5 y comienza a planificar cómo usarlo.

Imagen HTML a través de Shutterstock; capturas de pantalla

Más en: ¿Qué es 7 Comentarios ▼