Contenidos

    alt

    ¿Te preguntas cómo insertar imágenes en HTML en una página web? Ciertamente no hay que ser un experto en html para saberlo, pero sí conocer algunos fragmentos básicos de este código.

    Cómo insertar imágenes en HTML

    Vale, te gustaría insertar una bonita imagen en tu web, pero no sabes cómo hacerlo (por cierto, si tienes problemas para encontrar imágenes adecuadas aprende como elegir imágenes para webs y blogs). Si tienes acceso al código HTML, lo tienes fácil. Solo hay que insertar el siguiente fragmento de código en el lugar adecuado donde quieres que aparezca la imagen:

    <img src=”url/imagen.jpg” alt=”Nombre de la imagen” height=”Xpx″ width=”Ypx″>

    Quizás puesto así te suene a chino así que voy a explicarte qué es cada cosa:

    Img src: es la ubicación de la imagen, la dirección donde se encuentra. JPG, JPEG y PNG son los formatos más habituales. Preferiblemente usa imágenes en jpg, que ocupan menos.

    alt: el texto alternativo de la imagen. Lo que pongamos en esta etiqueta es lo que verá alguien a quien no se le cargue la imagen (por ejemplo, si el alt es “perro enterrando un hueso”, si alguien no puede visualizar la imagen al menos sabrá lo que debería ver).

    Height y width: son respectivamente el alto y el ancho de la imagen (en píxeles)

    Ahora que sabes lo que es cada cosa, vamos con un ejemplo real:

    <img src=»https://www.yoseomarketing.com/wp-content/uploads/2017/03/certificado-ssl-98.jpg» alt=»certificado ssl» width=»961″ height=»601″ />

    Lo que hemos visto es el código básico, luego se le pueden ir añadiendo florituras como el alineado y diferentes estilos.

    Cómo ves, insertar una imagen en HTML en tu web no es nada complicado, y aunque lo habitual es hacerlo a través de la interfaz gráfica de un CMS, también puedes verte en el apuro de tener que hacerlo a mano, como nuestros antepasados programadores. Además, siempre es recomendable acompañar cualquier texto con una imagen, hace el contenido más atractivo y mejora el SEO.

    Ten en cuenta que el tamaño de la imagen debe ser el adecuado para que se vea bien y que si subes una imagen demasiado pesada, afectarás negativamente a la velocidad de carga, así que te recomiendo que sepas cómo cambiar el tamaño de una imagen sin perder calidad.

    Si tienes alguna duda sobre cómo insertar imágenes HTML en tu web, por favor, no te quedes con ella. Los comentarios están para ese tipo de cosas, úsalos ;).

    Te deSEO un buen día,

    William Penguin.

    Artículos Relacionados
    Inconvenientes del SEO 23/10/2019 Los inconvenientes del SEO y cómo solucionarlos

    El SEO es una herramienta de marketing muy eficaz, sin embargo, es imprescindible que conozcas los inconvenientes...

    Respuesta de usuario 02/10/2019 Qué es la respuesta de usuario y qué información aporta en SEO

    La respuesta de usuario es el complemento perfecto al SEO OnPage y la estrategia de linkbuilding. Existen preguntas que...

    15/07/2019 Amazon Prime Day 2019: cómo aprovecharte de sus numerosas ventajas

    Asentados en el calendario comercial por los grandes descuentos y chollos que se pueden ver en su catálogo, al...

    08/07/2019 Reseñas de Google negativas: qué hacer ante las críticas a tu negocio

    Uno de los temores de los responsables de un negocio son las críticas, especialmente aquellas que están a la...

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *