¿Cómo agregar correctamente el atributo ALT a una imagen?

Tabla de contenido:

¿Cómo agregar correctamente el atributo ALT a una imagen?
¿Cómo agregar correctamente el atributo ALT a una imagen?
Anonim

Todas las páginas web se crean utilizando marcado, un código que se escribe en un lenguaje especialmente proporcionado (la mayoría de las veces HTML). El navegador del usuario, a su vez, puede leer este código para mostrar correctamente toda la información que los creadores del recurso han querido transmitirnos. Resulta que todos los elementos que vemos en una página web los proporciona el código fuente del sitio que visitamos.

Optimización de código

establecer el atributo ALT
establecer el atributo ALT

Como puedes adivinar, cada letra de este código, cada símbolo tiene un significado. Además, curiosamente, sucede que visualmente el sitio puede no contener aquellos elementos que son extremadamente importantes para su optimización (es decir, la configuración correcta del recurso para los motores de búsqueda). El atributo ALT se puede atribuir a la cantidad de estos que apenas se notan, por ejemplo. Está en las páginas de muchos recursos, y muy a menudo simplemente no lo notamos.

En este artículo, nos gustaría prestar atención solo a este elemento del diseño web. Aquí le diremos por qué es tan importante para la clasificación correcta del sitio, el crecimiento de su tráfico y la comodidad del usuario para trabajar con él.

¿Qué es el atributo ALT?

Comencemos desde el principio: describiremos de qué trata este artículohabla y por qué necesitamos este atributo.

atributo ALT
atributo ALT

Entonces, para comprender este texto, primero debe comprender el lenguaje de marcado HTML. Este es el código sobre el que se escriben las páginas web básicas que, como ya se ha señalado, tiene la propiedad de mostrarse en el navegador. Todo el idioma se compone de atributos especiales (como IMG, ALT, FONT, etc.). Cada uno de ellos se encarga de trabajar con uno u otro elemento de diseño. En la práctica, el atributo "Imagen" mencionado anteriormente se utiliza para las imágenes que se pueden encontrar en las páginas del sitio web. Más específicamente, con su ayuda, se crea una descripción para las imágenes, según la cual el usuario (visitante del sitio) puede comprender fácilmente lo que se muestra en ellas. Seguramente usted mismo se ha encontrado con descripciones de este tipo: aparecen cuando pasa el mouse sobre la imagen.

Valor práctico

Por supuesto, estos atributos se aplican en la práctica por una razón. Los webmasters necesitan descripciones para sus imágenes tanto como los visitantes del sitio (probablemente más). Después de todo, si todas las imágenes carecen del atributo ALT, es posible que una persona ni siquiera lo note si se agregan textos explicativos a las imágenes en la página. Por otro lado, es posible que los robots de búsqueda (con una ALT vacía) no clasifiquen el sitio lo suficientemente alto, reduzcan su posición en los resultados de búsqueda y, por lo tanto, no atraigan una cantidad suficiente de visitantes. Por lo tanto, podemos decir con confianza que las descripciones de las imágenes en el sitio también juegan un papel importante para los propios webmasters, por lo que no puedennegligencia.

A todas las imágenes visibles les f alta el atributo ALT
A todas las imágenes visibles les f alta el atributo ALT

Bonificaciones de los motores de búsqueda

Para comprender mejor los beneficios de completar correctamente las etiquetas de descripción de las imágenes, vamos a dar un pequeño ejemplo. Digamos que hay un sitio web con imágenes alojadas en él. Si el atributo ALT no está configurado, el usuario no sufrirá, porque en cualquier caso verá lo que se muestra en una foto en particular. Un resultado completamente diferente le espera al propietario del recurso, que ignorará la etiqueta anterior, por lo que perderá parte del tráfico de los directorios de imágenes, por ejemplo.

¿Cómo escribir el atributo ALT?

Técnicamente, no hay nada difícil en completar una descripción debajo de esta o aquella imagen. Esto es obvio: debe ir al editor HTML de su sitio y encontrar el código de la imagen (comienza con IMG y termina con el mismo). Dentro de este bloque de código, hay código. Esto es lo que quieren decir cuando dicen que necesitas escribir el atributo ALT. Esto se hace así: “alt=“descripción”.

Si no trabaja con código puro, pero usa algún "motor" separado para el sitio (por ejemplo, Wordpress o Joomla), integra un mecanismo especial para agregar " alts" a través del cual nuestro sitio será recordado por los motores de búsqueda. Si completa una nueva ALT, la actualización está en su página.

¿Qué escriben en el atributo?

Por supuesto, cuando tiene la tarea de escribir el atributo ALT, no está pensando en cuestiones técnicaslado. La mayoría de las veces, esta pregunta se hace si el webmaster no sabe qué información debe proporcionar sobre una imagen en particular. Esto hace que sea difícil decir qué información beneficiará al sitio desde el punto de vista de los motores de búsqueda.

En la práctica, hay muchos enfoques para resolver el problema de la descripción. Alguien trabaja con plantillas típicas, según las cuales la etiqueta simplemente se llena con palabras clave para las que se crea la página. Quizás esta es la práctica más común que se puede encontrar a menudo. A veces, en lugar de buscar cómo escribir el atributo ALT, el usuario simplemente deja este espacio vacío. Cabe aclarar aquí que cada uno toma sus propias decisiones sobre qué descripción indicar.

f alta el atributo alt
f alta el atributo alt

Requisitos

Al mismo tiempo, existen varias reglas básicas (o, si lo prefiere, requisitos) según las cuales todos pueden sumar el atributo ideal para sus imágenes. Consisten en una pequeña cantidad de elementos, cada uno de los cuales se refiere a las descripciones de fotos e imágenes en el sitio.

Por ejemplo, el primer requisito de este tipo es la longitud del texto completo. Si está buscando cómo escribir correctamente el atributo ALT, la solución es elemental: no use más de 2-3 palabras. El texto de este tamaño, en primer lugar, será idealmente leído por un robot de búsqueda (y hará que su sitio sea más relevante); en segundo lugar, dicha descripción es más comprensible para los propios usuarios. De acuerdo, lea la oración completa, si solo quiere saber lo que se muestra en la imagen, nadie lo hará. Basta con ser breve y preciso.una descripción que será útil tanto para usted como para sus clientes.

No te olvides del significado. Si publica una foto de un elefante, asegúrese de describir su raza o historia; especifique por qué se representa en esta foto, qué le gustaría decir con esto. Sería útil para el visitante conocer su opinión sobre este elefante.

Otro punto importante (que se estableció en el curso de numerosas pruebas prácticas) es la singularidad. Si está buscando cómo agregar el atributo "Imagen" a una imagen, recuerde que debe ser único para cada una de las fotos enumeradas en el sitio. Por ejemplo, publicar tres imágenes seguidas con el título "mi elefante" será incorrecto; esto solo dañará su recurso en los resultados de búsqueda. Es mejor nombrar las imágenes "elefante 1" y "elefante 2", lo que las hará más únicas.

Finalmente, tenga en cuenta los parámetros de las imágenes mismas a las que está buscando cómo agregar el atributo ALT. Para las imágenes, es importante cumplir una serie de criterios: no ser demasiado pequeñas y parecer realistas. Es decir, si especifica una descripción, hágalo para imágenes más serias que se toman en cuenta con más peso. No califique el atributo "Imagen" para algunos emoticonos pequeños o algo así.

Buscar ALT

Finalmente, hablamos sobre los conceptos básicos de un atributo, algunas de las reglas para su compilación y los requisitos de ambas partes (tanto usuarios como robots de búsqueda) para ellos. Ahora pensemos: cómo buscar palabras clave y frases,que vamos a prescribir en nuestro sitio web? Como se señaló anteriormente, la búsqueda debe dirigirse hacia bases de datos listas para usar de palabras clave que realmente comiencen a atraer clientes a su sitio. Por supuesto, esto no se puede lograr si aún carece del atributo ALT. Toma palabras clave y frases preparadas que usas en tu contenido y pégalas en imágenes.

Si no tiene esa información y no ha pensado en absoluto en comenzar a promocionar gradualmente su recurso, le sugerimos que comience a buscar bases de datos de tales "palabras clave" con las que pueda crear fácilmente nuevos sitios. Para ello son perfectos servicios como Google Keyword Extract Tool o Yandex. Wordstat, que muestran estadísticas de búsqueda de determinadas frases. Al "jugar" con esta configuración, puede aumentar significativamente la proporción de tráfico de búsqueda en sus sitios y, por lo tanto, comenzar a obtener nuevos beneficios. Lo principal es evitar una situación en la que todas las imágenes visibles carezcan del atributo ALT.

Conclusiones

Entonces, ¿qué podemos decir sobre el atributo descrito en este artículo? Es parte del lenguaje en el que se crean los sitios más simples: HTML. Es muy fácil hacer esto, ya que describe un lenguaje elemental y básico. Para seguir registrando la etiqueta en las imágenes, debe emitirla de forma independiente a través del código fuente. O, siguiendo las nuevas instrucciones, empieza a besarte de nuevo. Sea como sea, etiquetar "Imagen" es el caso perfecto de beneficio mutuo cuando tanto el visitante como el propietario del recurso están satisfechos.

Indicar una etiqueta puede conducir a nuevosvisitantes: este fenómeno se observa especialmente en servicios como Google y Yandex Images. Cuando hace clic en una imagen, el sitio determina de forma independiente la fuente de donde se tomó la imagen y redirige al visitante. Y esto, como comprenderá, es muy importante poder hacerlo en el futuro.

Recomendado: