Che cos'è HTML5? Ne ho bisogno per il mio sito web aziendale?

Sommario:

Anonim

A questo punto potresti aver sentito il termine HTML5 nei tuoi viaggi online. Ma sai cos'è veramente HTML5?

È importante sapere perché HTML5 offre più opzioni per un sito Web più ricco, oltre a funzionalità aggiuntive. Probabilmente ne sentirai ancora parlare.

In effetti, il tuo prossimo sito web potrebbe essere scritto in HTML5. Quindi vorrai essere informato in modo da conoscere abbastanza da comunicare correttamente con il tuo sviluppatore Web e prendere in considerazione le opzioni per il tuo sito web.

$config[code] not found

E allora È HTML5?

L'HTML è in circolazione dall'inizio di Internet. È un linguaggio che funge da blocco per i siti web. HTML è il codice che fa apparire le immagini sulla pagina, allinea le immagini, rende il testo normale o grassetto, specifica quale carattere deve essere il testo e molto altro.

Dagli anni '90, ci sono state 4 versioni di HTML. Ora stiamo passando alla versione 5, che è ciò di cui siamo qui oggi a parlare.

La pianificazione per HTML5 è iniziata nel 2004 dal World Wide Web Consortium e, un decennio dopo, un numero relativamente esiguo di siti Web utilizza HTML5. Questo dimostra che questo processo di aggiornamento delle versioni HTML non è una cosa da un giorno all'altro. Ci vogliono anni (per non parlare di alcune polemiche e di un gruppo separatista di dissidenti).

Ma quando HTML5 inizia a diventare più ampiamente utilizzato, HTML4 non verrà trasferito in una soleggiata isola. HTML5 e HTML4 sono costruiti uno sopra l'altro e ciascuno coesisterà pacificamente tra loro, portando il proprio set di funzionalità.

HTML4 e HTML5 sono coesistenti in questo momento. Tuttavia, alcuni browser meno recenti non sono in grado di leggere HTML5. (Per verificare se il tuo browser è compatibile con HTML5, visita questo sito.)

Benefici HTML5

Quindi probabilmente stai già chiedendo quali saranno i benefici del nuovo HTML5. Diamo un'occhiata ad alcuni vantaggi chiave.

Affrontare il problema Flash

Se hai un dispositivo iOS, allora saprai già che il dispositivo non è in grado di utilizzare Flash. Anche Android ha i suoi problemi con Flash. Con Android potresti aver bisogno di soluzioni alternative per vedere elementi Flash di un sito o di un video flash. Ciò è dannoso per l'esperienza dell'utente se parti di un sito Web rimangono off-limits a causa di un'incompatibilità del software.

HTML5 ti consente di creare effetti e animazioni più fantasiose e pagine Web più elaborate, senza bisogno di Flash. HTML5 può essere visto come un'alternativa per Flash, non una sostituzione.

Siti Web più ricchi

HTML5 avrà il potenziale di rendere i siti web più veloci e più interattivi. Esempi di questo includono la riproduzione di video in streaming su un sito web MOLTO più veloce. Siti come YouTube offrono già lettori video HTML5. (Tuttavia, è necessario accenderlo da soli in quanto non è un'impostazione predefinita).

Oppure può significare riprodurre audio su un sito Web senza plug-in, utilizzare il codice per disegnare su un sito Web (con il dito o uno stilo) o trascinare e rilasciare file su un sito Web (come la funzionalità di caricamento su WordPress).

Un ottimo esempio di HTML5 è Chrome Experiments, un sito Web gestito da Google, che mostra alcune delle funzionalità di HTML5. Gli esempi su questo sito sono fatti con qualcosa chiamato WebGL, e questa è una tecnologia correlata a HTML5 che crea oggetti e animazioni 3D.

Migliore markup semantico

Il markup semantico non è una creazione di HTML5 - è in circolazione da un po 'di tempo - ma HTML5 migliora su di esso.

Cos'è il markup semantico? Proviamo a scomporlo senza diventare troppo tecnici e ci perdiamo nei dettagli. In passato, un sito Web conteneva informazioni, ma non c'era modo per un motore di ricerca di dare un senso a quelle informazioni. Semplicemente indicizzava quello che trovava, ma non c'era alcun contesto per dare a quell'informazione alcun significato. Un numero di telefono era solo una stringa di numeri casuali.

Con il markup semantico, tuttavia, i dati vengono interpretati nel loro contesto appropriato, quindi un numero di telefono viene identificato come un numero di telefono, gli orari di apertura dei negozi sono identificati come orari di apertura del negozio e così via. Questo rende i motori di ricerca in grado di comprendere meglio le vostre domande e fornire informazioni più accurate. Quindi potresti chiedere a Google quando Walmart nella tua zona si chiude, e farà apparire i tempi.

Forse l'esempio di markup semantico più noto è l'authorship di Google. Ogni volta che cerchi qualcosa su Google, i post e gli articoli del blog spesso presentano la foto dell'autore a sinistra.

Inoltre, dici che stai cercando uno studio legale a New York? Il markup semantico sui motori di ricerca ora ha i dettagli del contatto, insieme a un indicatore che ti porta a una mappa di Google per le indicazioni. Puoi persino leggere le recensioni e visualizzare la pagina Google Plus dell'azienda.

Quindi il markup semantico ha il potenziale per rendere il web molto più utile. La marcatura semantica può includere anche video, testimonianze e dettagli dei prodotti in vendita.

E ricorda, aggiungere Google Authorship per ottenere la tua foto accanto ai tuoi articoli nei risultati di ricerca è facile. Google lo spiega passo dopo passo qui.

Per ottenere un po 'di altre cose nel tuo sito, Search Engine Land ha un grande schema che descrive caratteristiche come l'indirizzo, i dettagli di contatto, i tipi di pagamento accettati e gli orari di apertura sul tuo sito. Ciò ti dà un'idea del tipo di dati che puoi mostrare nei risultati di ricerca sulla tua attività.

In che modo le aziende possono iniziare con HTML5?

Quindi la domanda che probabilmente stai ora chiedendo è "cosa devo fare?". La prima cosa da sottolineare è che non lo fai avere fare qualsiasi cosa in questo momento. Il tuo sito web può andare perfettamente d'accordo senza HTML5.

Ma se si dispone di un'azienda che fa molto affidamento su una presenza online o mobile, non farà male iniziare a pianificare e passare le opzioni con il proprio sviluppatore web.

Considera quali funzioni ti servono e come potrebbero aiutare la tua azienda. HTML5 può o non può essere la scelta giusta per portare queste funzionalità alla tua presenza online.

Ma tieni presente che potrebbe essere controproducente essere all'avanguardia se i tuoi clienti non ci sono ancora. Il CTO di Small Business Trends, Leland McFarland, ha qualche consiglio sull'intera questione HTML5:

"Ricorda, i tuoi clienti potrebbero utilizzare i vecchi browser. Non è solo una questione di ciò che voi o il vostro sviluppatore vogliono. Un obiettivo dovrebbe essere quello di rendere il tuo sito accessibile a quanti più lettori o spettatori possibile. Se alcuni dei tuoi spettatori non saranno in grado di vedere quell'animazione carina a causa di un vecchio browser, hai ancora un'alternativa che possono vedere? Forse una pagina con testo e alcune immagini catturate? Chiedi al tuo sviluppatore di costruire quell'alternativa in modo che tutti possano avere una buona esperienza sul sito. "

I dati di Analytics per il tuo sito web (come Google Analytics) dovrebbero essere in grado di dirti i tipi di browser e dispositivi che il tuo pubblico utilizza principalmente. Questo dovrebbe dare un'idea di quali siano le esigenze del tuo pubblico. Una delle tue prime considerazioni dovrebbe essere quella di fornire ciò che vogliono e di cui hanno bisogno. Ma considera anche il tipo di nuovo pubblico che vorresti piace attirare. Ad esempio, HTML5 potrebbe essere in grado di attirare e trattenere più persone che utilizzano dispositivi Apple.

HTML5 è il futuro e ha il potere di aggiungere funzioni aggiuntive alla tua presenza online. In qualità di proprietario o manager di piccole aziende, ti aiuterà se supererai la curva, acquisirai ulteriori informazioni su HTML5 e inizierai a pianificare come usarlo.

Immagine HTML tramite Shutterstock; screenshot

Altro in: What Is 7 Comments ▼