Introducción al HTML: 4 maneras de romper el corazón a tu navegador

Cuando escribimos código html es importante seguir una serie de tips/consejos para facilitar la tarea de interpretación que realiza tu navegador. Hoy, me gustaría comentarte cuatro errores muy comunes pero a su vez, muy fáciles de evitar. Dichos errores, no solo hacen daño (en sentido literal y figurado) a tu navegador, sino que además influyen y pueden perjudicar tu posicionamiento en google (SEO, SEM…) entre otras cosas:

No utilizar la etiqueta “alt” en las imágenes de tu página web: la etiqueta “alt=” suele escribir-se después de la “img src=” y su función es la de describir brevemente la imagen que se muestra en el navegador. El ordenador es incapaz de interpretar las imágenes, por lo tanto describir-la con palabras es un must!

Ejemplo correcto:

<img src=”unaimagencualquiera.jpg” alt=”una descripción breve cualquiera”>

Ejemplo incorrecto:

<img src=”unaimagencualquiera.jpg”>

No utilizar listas: el html, te permite utilizar listas de todo tipo (puedes ojear en www.w3school.com una gran variedad de opciones) utilizar la etiqueta <br> para un salto entre líneas vale, pero para una lista de cuatro elementos es forzar la máquina, nunca mejor dicho. Por favor, las etiquetas <ul> i <ol> en este caso, son las más adecuado.

Ejemplo correcto:

<ul>
<li> elemento 1 </li>

<li> elemento 2 </li>

<li> elemento 3 </li>

<li> elemento 4 </li>

</ul>

Ejemplo incorrecto:

elemento 1

<br>

elemento 2

<br>

elemento 3

<br>

elemento 4

Utilizar la etiqueta <b> o <i> en vez de <strong> o <em>: las primeras te pondrán la negrita y la cursiva igual que las segundas, pero el corazón de tu navegador va a sufrir, además (y aunque esto quede en un segundo plano) si utilizas la segunda opción, tendrás un código más limpio y un mejor posicionamiento respecto a los que escojan la primera.

Ejemplo correcto:

<strong> en negrita </strong>

<em> en cursiva o itálica </em>

Ejemplo incorrecto:

<b> en negrita </b>

<i> en cursiva o itálica </i>

Utilizar/escribir propiedades CSS en las líneas de tu código html: no solo ensucia el código, sino que además algunas propiedades no suelen funcionar y son pisadas sin compasión por la hoja de estilos CSS (que, voilà: es donde debe ir el CSS!)

Ejemplo correcto:

<h2 style=”color:red;”>Un título cualquiera</h2>

Ejemplo incorrecto:

h2 {

color: red;

}

Estas son las formas más comunes de hacer daño a nuestro navegador, ya ves que todas tienen fácil solución. Si alguna vez te han roto el corazón, y sabes de que hablo, no le hagas lo mismo a tu navegador. Aunque sea sólo por solidaridad.

En SetUp Media nos encanta la programación, además somos una agencia especializada en el marketing digital y en asuntos legales. Si quieres hacer feliz a tu navegador y no pillarte los dedos con las cookies, contacta con nosotros, estaremos encantados de ayudarte. La primera asesoría es gratis!