Cómo optimizar las imágenes para SEO

Cuando se incluyen fotos, videos, u otros elementos no textuales en su sitio web, es necesario describirlos en el texto circundante para fines de SEO. Esta es la clave para la optimización de sus elementos multimedia para que los motores de búsqueda saben lo que están a punto. Arañas de los motores de búsqueda no pueden ver un video o ver una imagen aún con precisión, a pesar de que están trabajando en ello. Por lo que debe explicar la imagen, vídeo, o cualquier otro elemento no textual utilizando palabras.

Para las imágenes (incluyendo JPEG, GIF y otros tipos de archivos de imágenes), tiene varios lugares donde usted puede poner un texto descriptivo que los motores de búsqueda pueden leer. Puede hacer referencia a lo que la imagen se trata en los siguientes lugares:

  • Texto que rodea el elemento: Incluir texto descriptivo ya sea por encima, por debajo o al lado de la imagen, vídeo u otro elemento no textual. Una leyenda o una sentencia de plomo en el que explica lo que la imagen muestra también obras. Esto da texto de búsqueda arañas de motores que pueden leer y el índice, sino que también ayuda a comunicar su significado deseado a los usuarios.

  • Nombre del archivo: Los nombres de archivos de imagen, vídeo y otros tipos de archivos multimedia deben contener palabras reales.

  • Alt atributo: También se puede poner breve texto descriptivo en el Alt atributo unido a cualquier imagen. Por ejemplo, alt ="1968 Ford Mustang California Gas Especial Cap".

Imágenes de nomenclatura

Debido a que tanto las personas como los motores de búsqueda van a leer los nombres de archivo, asegúrese de usar buenas, palabras descriptivas al nombrar a su imagen, vídeo y otros tipos de archivos multimedia. Aquí hay otra oportunidad de proporcionar contenido legible a las arañas. En lugar de nombrar a su imagen A1234.jpg, Llame a esa foto de un esquiador que cae sobre su rostro esquiador-faceplant.jpg de modo que los motores de búsqueda saben lo que es, también.

Para separar palabras, no utilice un espacio o un guión bajo. En su lugar, utilice un guión o un punto para separar las palabras en sus nombres de archivo. Pero trata de no abusar de ellos, ya sea - sólo porque usted puede tener muchos guiones en una URL no significa que usted debe.

Además, tenga breve nombres de archivo. Recuerde que los nombres de archivo largos causan URL para obtener más tiempo, también (por ejemplo, si una de sus imágenes consigue devueltos en una búsqueda de imágenes). Debido a que la gente en general evita hacer clic direcciones URL largas, mantener sus nombres en un plazo razonable. Seis palabras en un nombre de archivo sería generalmente demasiado.

Que sea sencillo: Una imagen de un Ford Mustang con un guardabarros abollado no debería ser llamado ford-mustang-con-una-fender.jpg abollada, simplemente llamarlo abollado-ford-mustang.jpg o mustang-abollada-fender.jpg. Tendrás en la página de texto y Alt atributos para explicar a los motores de lo que el contenido de la imagen es.

Manipulación tamaño de la imagen

El tamaño importa, sobre todo cuando se trata de imágenes. Estas son algunas recomendaciones para cambiar el tamaño de sus imágenes y sus atributos Alt.

Alt longitud atributo

¿Quieres escribir un texto descriptivo alrededor de las imágenes y en su Alt atributos. Pero la cantidad de texto que se utiliza depende del tamaño de la imagen. Por ejemplo, si usted tiene una foto de 50 x 70-píxeles de la cara de un escritor junto a un artículo, es suficiente con sólo poner el nombre de la persona en el rubro. Usted podría incluir una descripción más larga de sus credenciales en la copia complicada, pero usted no necesitaría un párrafo entero de subtítulos de texto una imagen pequeña como esta.

Por otro lado, las grandes imágenes deben tener descripciones de texto más largos. Si la imagen es lo suficientemente importante como para tomar una gran cantidad de espacio en la pantalla, que es lo suficientemente importante como para decir a los motores de búsqueda sobre. Explicar la foto con al menos una sentencia de texto.

Dimensiones de la imagen

Si las imágenes ayudan a involucrar a sus usuarios, grandes imágenes pueden satisfacer aún más. Si usted está ofreciendo imágenes muy grandes, es posible que desee ponerlas en una página aparte para que sólo los usuarios que realmente quieren ver la vista de tamaño completo tienen que esperar a que se exhiben. Sin embargo, usted no quiere que los motores de búsqueda para perder el hecho de que esa foto es parte de los contenidos de su página, y no una página independiente, sin relación.

Para mantenerlo relacionado, puede mostrar un miniatura o pequeña versión de la imagen en su página original, con una descripción de texto, Alt atributos y las obras. Entonces, si un usuario hace clic para ver la imagen a tamaño completo en una ventana separada, considerar la inclusión de una descripción de texto allí, también - pero definitivamente darle una Alt atributo y el nombre que describe lo que está en la imagen.

Al escribir Alt atributos de las imágenes, hacen que la longitud proporcional al tamaño de la imagen en pantalla. Crear una breve Alt atribuir a una imagen pequeña y más largas para grandes imágenes. Como pauta general, trate de asegurarse de que Alt el contenido no sea superior a 12 palabras.

Tamaño de imagen para el móvil

Alguien visitar su sitio web en un teléfono inteligente no quiere esperar mucho tiempo para su página para que se vea. Una segunda es sobre todo el tiempo que tiene que mostrar al menos la parte superior de la página antes de que un usuario decide que su sitio no es móvil amigable.

La velocidad del sitio Lento puede ser causada por muchas cosas, pero los archivos de imagen de grasa son un culpable común. Usted quiere asegurarse de dimensiones de una imagen se contraen de forma que encaje en una pantalla de smartphone y webmasters tienen varios trucos bajo la manga para hacer eso (incluyendo diseño- sensible utilizando javascript, que es un idioma- codificación y altura especificar y los atributos de anchura en la etiqueta de imagen).

Sin embargo, simplemente apretando una imagen grande para ajustarse a un diseño más pequeño puede hacer que su página se cargue demasiado lentamente, que puede ser agravada por una página web imagen pesada. Eso se debe cambiar el tamaño de visualización no reduce el tamaño del archivo de imagen que está siendo enviado, a veces a través de conexiones de bajo ancho de banda, al dispositivo móvil de una persona. Así que no sólo desea que sus imágenes se vean bien, también les permite descargar rápidamente.

Optimización de imágenes para móviles debe implicar la reducción de la cantidad de datos mediante la reducción de tamaño de archivo de la imagen, no sólo sus dimensiones. Esto se puede hacer con diversas técnicas de diseño web, incluyendo compresión de imágenes, javascript, y / o el HTML5 elemento.