Códigos ALT

Tweet about this on Twitter0Share on Facebook0Share on Google+5Share on LinkedIn6Pin on Pinterest0

Las imágenes son invisibles para los buscadores, a no ser que éstas tengan asignado un código ALT. Éste se utiliza para añadir una descripción de la imagen que se hace visible cuando el usuario no puede ver imágenes o éstas no se han cargado correctamente por algún motivo.

DIRECTRICES

El objetivo de los códigos ALT es mejorar la accesibilidad de la página, ya que en muchas ocasiones las imágenes albergan contenido relevante necesario para entender el contenido de ésta. El motivo de optimizar los códigos ALT en el SEO es que algunos de los visitantes que no pueden ver imágenes son precisamente los web crawlers de los buscadores.

Por ello, todas las imágenes que utilicemos en la web tendrían que tener un código ALT descriptivo y que contengan por lo menos una palabra clave. Éstas deben situarse al inicio, ya que los buscadores dan prioridad a las palabras que aparecen en primer lugar (es decir, lo más a la izquierda posible).

Una fórmula que funciona es seguir esta estructura:

Palabra clave | Descripción

INSTRUCCIONES

Código ALT con HTML:

Casi todos los editores de tipo WYSIWYG permiten editar las imágenes de forma sencilla añadiendo descripciones en el ALT, pero en el caso de que alguno no lo permitiera, tendríamos que insertarlo directamente en el código HTML de la página.

Para ello, utilizaremos las siguientes etiquetas:

<img src=”canalip-logo.gif” alt=”SEO | Canal IP”>

 

Código Alt con WordPress:

Para poder modificar o añadir un texto en el código Alt de una imagen que esté insertada en un post o página, deberás acceder en primer lugar al apartado “Entrada” y seleccionar un post. Por el contrario, si quieres modificar una página, deberás acceder al apartado “Páginas”.

Una vez estés en modo de edición del “post” o “página”, haz clic encima de la imagen que quieres editar, para tenerla seleccionada. Al hacer clic aparecerá, en el lado izquierdo superior de la imagen, dos iconos. Haz clic en el icono que te mostramos a continuación para poder editar el campo que rellenará el código Alt:

22-08-2014 17-21-19

 

En la nueva capa que se abre se debe rellenar el campo “Título” y “Texto alternativo” para que aparezca el texto en el código Alt.

22-08-2014 17-30-10

Para finalizar haz clic en “Actualizar” y posteriormente al “Actualizar” pero de la página o post en cuestión.

RECURSOS ADICIONALES

Código ALT con HTML:

Casi todos los editores de tipo WYSIWYG permiten editar las imágenes de forma sencilla añadiendo descripciones en el ALT, pero en el caso de que alguno no lo permitiera, tendríamos que insertarlo directamente en el código HTML de la página.

Para ello, utilizaremos las siguientes etiquetas:

<img src=”canalip-logo.gif” alt=”SEO | Canal IP”>

 

Código Alt con WordPress:

Para poder modificar o añadir un texto en el código Alt de una imagen que esté insertada en un post o página, deberás acceder en primer lugar al apartado “Entrada” y seleccionar un post. Por el contrario, si quieres modificar una página, deberás acceder al apartado “Páginas”.

Una vez estés en modo de edición del “post” o “página”, haz clic encima de la imagen que quieres editar, para tenerla seleccionada. Al hacer clic aparecerá, en el lado izquierdo superior de la imagen, dos iconos. Haz clic en el icono que te mostramos a continuación para poder editar el campo que rellenará el código Alt:

22-08-2014 17-21-19

 

En la nueva capa que se abre se debe rellenar el campo “Título” y “Texto alternativo” para que aparezca el texto en el código Alt.

22-08-2014 17-30-10

Para finalizar haz clic en “Actualizar” y posteriormente al “Actualizar” pero de la página o post en cuestión.

Tweet about this on Twitter0Share on Facebook0Share on Google+5Share on LinkedIn6Pin on Pinterest0
<< Post Anterior
Post Siguiente >>

Leave A Response

* Denotes Required Field