Atributo

Atributo es un término que se utiliza en varios campos de IT. Generalmente, un atributo se utiliza 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). Mediante el uso de atributos se pueden asignar valores específicos a ciertos elementos.

Áreas de aplicación

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

• Procesamiento de datos: Aquí los atributos se usan 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 elementos o variables se definen mediante atributos.

Atributos en etiquetas HTML

Los atributos se utilizan comúnmente en las etiquetas HTML y tienen características diferentes. Sin embargo, sólo se permiten ciertos atributos como parte de los estándares del W3C.

Estructura

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

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

Hay algunos atributos comunes que pueden ser usados para todos los elementos 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 utiliza 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 también se utilizan para webs de acceso igualitario (es decir, accesibles para personas con discapacidad).

Uso de múltiples atributos

Es posible acomodar múltiples 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 frecuentemente aplicados al diseño visual de elementos HTML usando CSS (Cascading Style Sheets).

Cabe señalar que el formateo de las webs siempre debe hacerse a través de hojas de estilo. La razón 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.

Ejemplos

La mayoría de los atributos HTML son opcionales. Si integras una imagen en una web con una etiqueta img, además de especificar su origen con una etiqueta src, también 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 útiles son los atributos title. Si un usuario de Internet pasa brevemente el cursor sobre un enlace, obtendrá una breve descripción del destino del enlace a través de este atributo. Esto lo haría más fácil de usar y de navegar. Este atributo de título podría implementarse de la siguiente 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 también para los operadores de tiendas online. Los usuarios pueden comparar y encontrar varios productos a través de Google Shopping. El marcado HTML correcto es muy importante si una tienda online ofrece sus productos a través 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.

Importancia para el SEO

Por regla 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, tiene una gran influencia en el SEO para imágenes, ya que este atributo proporciona una referencia sobre el contenido de la imagen, que de otro modo el crawler sólo podría obtener a través del contenido incrustado. Los atributos de título se han considerado durante mucho tiempo un factor de optimización importante para la vinculación. Las palabras clave no sólo se utilizaron en el anchor text, sino también en el título como parte de la construcción de enlaces. Hoy en día, los SEOs deben tener cuidado al usar anchor text y títulos para los enlaces externos para evitar el relleno de palabras clave. Sin embargo, en el caso de los enlaces internos, los atributos title pueden resultar ventajosos, ya que ofrecen a los usuarios y a Googlebot una indicación de lo que pueden esperar de la página de destino.