Passer au contenu principal

Attribut es una definición que se usa en varios campos de IT. Generalmente, un atributo se usa para describir un fichero o un campo de datos con más detalle. En la programación orientada a objetos, los atributos son una propiedad o característica que se puede asignar a un objeto (elemento). A través el uso de atributos se pueden asignar valores específicos a ciertos items.

Zone d'application

Las tres áreas más comunes en las que se usan atributos en el campo de TI son:

  • Procesamiento de datos: Aquí los atributos se utilizan para especificar archivos. Los atributos comunes de los archivos incluyen el tamaño o la fecha de creación.
  • HTML: En HTML, los atributos sirven como etiquetas para definir más los objetos.
  • XML o SGML: En estos lenguajes, las propiedades de los items o variables se definen por medio de atributos.

600x400-Atributo-es-01.png

Atributos en etiquetas HTML

Los atributos se usan comúnmente en las etiquetas HTML y disponen características distintos. A pesar de todo, sólo se permiten ciertos atributos como parte de los estándares del W3C.

Structure

Dentro de un elemento (aquí una etiqueta h2) se define un atributo de forma directa al principio seguido de un signo igual. El valor del atributo se establece entre comillas.

<H2 id="my id">...</h2>

Existen algunos atributos comunes que pueden ser usados para todos los items HTML:

  • atributo title: Este atributo asigna un título al elemento HTML en particular. Dicho título puede aparecer en la web como un tool tip, por ejemplo, cuando el usuario mueve el cursor sobre él.
  • href/src: Esto especifica una URL para una dirección web o una imagen contenida en el código HTML.
  • atributo width/height: Estos atributos definen el tamaño de los gráficos (anchura/altura).
  • atributo alt: Este atributo se usa para definir un texto de descripción alternativo para gráficos en el código fuente. Aparece cuando el navegador no puede cargar el archivo. Los atributos ALT además se usan para webs de acceso igualitario (es decir, accesibles para personas con discapacidad).

Uso de diversos atributos

Es viable acomodar diversos atributos en una etiqueta. Los atributos individuales están separados por espacios.

<h2 class="textwhite backgroundpurple"id="heading2">...</h2>

Atributos como el atributo de clase y el atributo de id son usualmente aplicados al diseño visual de items HTML utilizando CSS (Cascading Style Sheets).

Cabe destacar que el formateo de las webs siempre debe hacerse por medio de de hojas de estilo. El motivo de esto es que el W3C considera que los atributos que sólo sirven para formatear son «obsoletos». Un buen estilo HTML separa el contenido del diseño.

Exemples

La mayoría de los atributos HTML son opcionales. Si integras una imagen en una web con una etiqueta img, al mismo tiempo de especificar su origen con una etiqueta src, además debería asignarse un atributo ALT para mostrar un texto alternativo si la imagen no se puede mostrar.

Un ejemplo de atributos opcionales pero muy interesantes son los atributos title. Si un usuario de Internet pasa brevemente el cursor sobre un link, obtendrá una breve descripción del destino del link por medio de de este atributo. Esto lo haría más fácil de utilizar y de navegar. Este atributo de título podría implementarse de la próxima manera.

<p>...at the <a href="http://chocolate-expert.tld/path/to/preparation/" title="The chocolate experts – 100 possible ways to prepare chocolate">Preparation</a>of chocolate...</ p>

Los atributos son definitivamente relevantes además para los operadores de tiendas online. Los usuarios pueden comparar y hallar varios productos por medio de de Google Shopping. El marcado HTML correcto es muy importante si una tienda online ofrece sus productos por medio de de Google Base Product Feed (búsqueda de productos). Google describe todos los atributos posibles, que son importantes para el Product Feed Specification en su Google Merchant Center.

Importance pour le référencement

Por norma general, Google considera el uso correcto de los atributos como una indicación de la calidad de una web. Los atributos Title y Alt pueden ser beneficiosos para el SEO OnPage. El atributo alt, por ejemplo, dispone de una gran influencia en el SEO para imágenes, puesto que este atributo proporciona una referencia sobre el contenido de la imagen, que de otro modo el crawler sólo podría conseguir por medio de del contenido incrustado. Los atributos de título se han considerado por mucho tiempo un factor de optimización importante para la relación. Las palabras clave no sólo se utilizaron en el anchor text, sino además en el título como parte de la construcción de enlaces. Actualmente, los SEOs deben tener cuidado al utilizar anchor text y títulos para los enlaces externos para evitar el relleno de palabras clave. A pesar de todo, en el caso de los enlaces internos, los atributos title pueden resultar ventajosos, puesto que ofrecen a los usuarios y a Googlebot una indicación de lo que pueden esperar de la página de destino.

R Marketing Numérique