O que é o HTML5? Preciso disso para o meu site de negócios?

Índice:

Anonim

Até agora você pode ter ouvido o termo HTML5 em suas viagens on-line. Mas você sabe o que é realmente HTML5?

É importante saber porque o HTML5 oferece mais opções para um site mais rico, além de recursos adicionais. É provável que você esteja ouvindo mais sobre isso.

Na verdade, o seu próximo site pode ser escrito em HTML5. Então você quer ser informado para saber o suficiente para se comunicar adequadamente com seu desenvolvedor da Web e considerar suas opções para seu website.

$config[code] not found

E daí É HTML5?

O HTML existe desde o começo da Internet. É uma linguagem que serve como blocos de construção para sites. HTML é o código que faz as imagens aparecerem na página, alinha essas imagens, torna o texto normal ou em negrito, especifica qual fonte o texto deve ser e muito mais.

Desde a década de 1990, houve 4 versões de HTML. Estamos agora em transição para a versão 5, que é o que estamos aqui para falar hoje.

O planejamento para o HTML5 começou em 2004 pelo World Wide Web Consortium e, uma década depois, um número relativamente pequeno de sites usa o HTML5. Isso só serve para mostrar que esse processo de atualização de versões em HTML não é uma coisa do dia para a noite. Leva anos (para não mencionar alguma controvérsia e um grupo dissidente de dissidentes).

Mas quando o HTML5 começa a ser usado de forma mais ampla, o HTML4 não passa por uma ilha ensolarada. HTML5 e HTML4 são construídos uns em cima dos outros e cada um coexistirá pacificamente, trazendo seu próprio conjunto de recursos.

HTML4 e HTML5 estão coexistindo no momento. No entanto, alguns navegadores mais antigos não conseguem ler HTML5. (Para testar se o seu navegador é compatível com HTML5, visite este site.)

Benefícios do HTML5

Então você provavelmente já está perguntando quais serão os benefícios do novo HTML5. Vamos dar uma olhada em alguns dos principais benefícios.

Endereçando o problema do flash

Se você tiver um dispositivo iOS, já saberá que o dispositivo não pode usar o Flash. O Android também tem seus próprios problemas com o Flash. Com o Android, você pode precisar de soluções alternativas para ver os elementos Flash de um site ou um vídeo em flash. Isso atrapalha a experiência do usuário se partes de um site permanecerem fora dos limites devido a uma incompatibilidade de software.

O HTML5 permite que você crie efeitos e animações mais sofisticados e páginas da web mais sofisticadas, sem a necessidade do Flash. HTML5 pode ser visto como uma alternativa para Flash, não um substituto.

Sites mais ricos

O HTML5 terá o potencial de tornar os sites mais rápidos e interativos. Exemplos disso incluem reproduzir streaming de vídeo em um site MUITO mais rápido. Sites como o YouTube já oferecem players de vídeo em HTML5. (No entanto, você deve ativá-lo, pois não é uma configuração padrão).

Ou pode significar reproduzir áudio em um site sem plugins, usar código para desenhar em um site (com o dedo ou uma caneta stylus) ou arrastar e soltar arquivos em um site (como o recurso de upload no WordPress).

Um ótimo exemplo de HTML5 é o Chrome Experiments, um site executado pelo Google, que mostra algumas das coisas que o HTML5 é capaz de fazer. Os exemplos neste site são feitos com algo chamado WebGL, e esta é uma tecnologia relacionada a HTML5 que cria objetos 3D e animações.

Melhor marcação semântica

A marcação semântica não é uma criação do HTML5 - já existe há algum tempo - mas o HTML5 melhora.

O que é marcação semântica? Vamos tentar quebrá-lo sem ficar muito técnico e nos perdendo nos detalhes. Antigamente, um site tinha informações, mas não havia como um mecanismo de busca entender essas informações. Apenas indexou o que encontrou, mas não havia nenhum contexto para dar a essa informação qualquer significado. Um número de telefone era apenas uma série de números aleatórios.

Com a marcação semântica, no entanto, os dados são interpretados em seu contexto apropriado, portanto, um número de telefone é identificado como um número de telefone, os horários de abertura das lojas são identificados como horários de abertura da loja e assim por diante. Isso torna os mecanismos de pesquisa capazes de entender melhor suas consultas e fornecer informações mais precisas. Então você poderia perguntar ao Google quando o Walmart em sua área fecha, e isso aumentará o tempo.

Talvez o exemplo de marcação semântica mais conhecido seja a autoria do Google. Sempre que você pesquisa algo no Google, as postagens e os artigos do blog geralmente aparecem com a foto do autor à esquerda.

Além disso, digamos que você está procurando um escritório de advocacia em Nova York? A marcação semântica nos mecanismos de pesquisa agora tem os detalhes de contato, além de um marcador que leva você a um mapa do Google para obter rotas. Você pode até ler resenhas e visualizar a página do Google Plus da empresa.

Assim, a marcação semântica tem o potencial de tornar a web muito mais útil. A marcação semântica também pode incluir vídeos, depoimentos e detalhes de produtos à venda.

E lembre-se de que adicionar a Autoria do Google para obter sua foto ao lado de seus artigos nos resultados da pesquisa é fácil. O Google explica tudo passo a passo aqui.

Para colocar algumas outras coisas em seu site, o Search Engine Land tem um ótimo esquema que detalha recursos como marcação do endereço, detalhes de contato, tipos de pagamento aceitos e horário de funcionamento em seu site. Isso mostra o tipo de dados que você pode fazer nos resultados da pesquisa sobre sua empresa.

Como as empresas podem começar com HTML5?

Então a pergunta que você provavelmente está perguntando agora é "o que eu preciso fazer?" A primeira coisa a enfatizar é que você não ter fazer qualquer coisa agora mesmo. Seu site pode ir perfeitamente bem sem HTML5.

Mas se você tem um negócio que depende muito de uma presença on-line ou móvel, não vai doer começar a planejar e explorar opções com seu desenvolvedor da Web.

Considere quais recursos você precisa e como eles podem ajudar sua empresa. O HTML5 pode ou não ser a escolha certa para levar esses recursos à sua presença on-line.

Mas lembre-se de que pode ser contraproducente ser inovador se seus clientes ainda não estiverem lá. O CTO da Small Business Trends, Leland McFarland, tem alguns conselhos sobre toda a questão do HTML5:

“Lembre-se de que seus clientes podem estar usando navegadores antigos. Não é apenas uma questão do que você ou seu desenvolvedor querem. Um objetivo deve ser tornar seu site acessível a tantos leitores ou espectadores quanto possível. Se parte do seu público não conseguir ver aquela animação fofa por causa de um navegador mais antigo, você ainda tem uma alternativa que eles possam ver? Talvez uma página com texto e algumas capturas de imagem? Peça ao seu desenvolvedor para construir essa alternativa para que todos possam ter uma boa experiência no site. ”

Seus dados do Google Analytics para seu website (como o Google Analytics) devem informar os tipos de navegadores e dispositivos que seu público-alvo usa principalmente. Isso deve dar uma ideia das necessidades do seu público. Uma de suas primeiras considerações deve ser entregar o que eles querem e precisam. Mas também considere o tipo de novo público que você gostaria de atrai. Por exemplo, o HTML5 pode atrair e reter mais pessoas usando dispositivos Apple.

O HTML5 é o futuro e tem o poder de adicionar funções adicionais à sua presença on-line. Como proprietário ou gerente de uma pequena empresa, ajudará se você ficar à frente da curva, aprender mais sobre o HTML5 e começar a planejar como usá-lo.

Imagem HTML via Shutterstock; screenshots

More in: O que é 7 Comentários ▼