Atributos de las imágenes – Trucos para mi Blog

Una de las cosas que nos olvidamos al escribir un post es el tema de las imágenes. Los visitantes llegan a nuestro blog a través de texto, pero también visitamos motores de búsqueda de imágenes. Es importante saber qué atributos de las imágenes que subimos para intentar ser tan atractivas para Google y en ese aspecto, ¡nunca debemos descuidar una visita allá donde vaya!

Cuando subimos una imagen a diario, le proporcionamos atributos, lo entendamos o no. Intentaremos averiguar qué información hay que rellenar y qué corresponde a cada elemento.

Cuando insertamos un archivo multimedia, se abre dicha pantalla. En la mayoría de los casos, simplemente cargamos la imagen tal como está, y eso es todo. Pero eso no es lo que deberíamos hacer. Hay muchas cosas a considerar al descargar. Si nos acostumbramos a hacer todo bien, no es caro ni difícil, pero es importante acostumbrarse a hacerlo bien y no ser holgazán.

Veamos la columna «Detalles del archivo adjunto». ¿Qué significan todas estas cosas?

Atributos de imagen

La parte superior

• nombre del archivo. OJOS. Esto es importante renombrar imágenes para ayudarnos a publicar. Podemos utilizar el nombre descriptivo, la palabra clave que elegimos para el post, o no complicarnos la vida, poner el título del post y añadir un número para distinguirlo del resto de imágenes del post. Nunca subas imágenes como te dije. Evite tantos y acentos.
• Fecha de carga
• Peso de la imagen. Es interesante tener un buen equilibrio interno entre el tamaño y la calidad de la imagen. Formatos:
  1. JPG. Este es el formato más interesante para fotos planas.
  2. PNG. Es perfecto para logotipos ya que tiene la capacidad de tener un fondo transparente.
  3. GIF. Imágenes animadas. Hablamos mucho de ellos en el blog.
• Dimensiones. Para mí, la opción ideal es intentar ir siempre a la columna completa en el caso de imágenes jpg. En cualquier caso, todas las imágenes de un mensaje deben tener el mismo ancho (excepto las animadas, que son gratuitas)
• Cambiar la imagen. Por si queremos jugarlo después de la descarga, aunque es mejor hacerlo antes.
• Eliminar la imagen. Si no lo vamos a usar porque nos confundimos o finalmente encontramos algo mejor, debemos eliminarlo del servidor. ¡Tienes que estar limpio!

La parte media

• URL. Dónde se almacena esta imagen en el servidor
• Título. Nos ayuda a buscar nuestro servidor. A veces queremos subir una imagen que ya hemos usado en otras ocasiones, y aquí la podemos encontrar. Por eso es interesante ponerle un título que nos ayude a recuperarlo más adelante.
• Leyenda. ¿Qué sale cuando publicamos una publicación con una foto a continuación?
• Texto alternativo. También escuchará sobre esto como un atributo ALT (descubriremos por qué más adelante). Es muy importante llenarlo. Es importante agregar palabras clave
• Descripción. Si no completamos el texto alternativo, lo cargará como ALT. Podemos publicar más información si queremos.

Desde abajo

• Alineación. Podemos colocar imágenes a la derecha, centro o izquierda. Si usamos el ancho máximo que nos permite nuestro blog, no importa porque nos dará la sensación de que van de un lado a otro, pero por defecto es mejor tenerlo en el «centro»
• Asociado con. Podemos decidir a qué queremos que vaya la imagen. Por defecto es mejor tener «no», pero a veces queremos hacer clic en la imagen para ir a una URL específica (por ejemplo, en una distribución de Facebook). En ese caso, podríamos cambiarlo aquí mismo.
• Talla. Podemos elegir qué talla mostrarlo. Las opciones de venta predeterminadas tamaño original y ajuste el tamaño de la imagen en el programa antes de cargarla. Si son demasiado grandes, estamos usando tontamente el espacio del servidor. Recuerde: debe ahorrar espacio en el servidor. Si es necesario pasa, pero no lo gastaremos.

¿Qué atributos de imagen necesito completar?

La parte superior sale por defecto y no podemos tocarla. La de abajo resultará igual que en la imagen anterior que subimos: es decir, si la imagen anterior estaba centrada, sin relación con nada y en su totalidad por defecto, todo lo de abajo será igual. De esa manera, no es necesario que toque nada normalmente.

La madre del cordero es la que está en el centro. Es divertido completar el título y la descripción de todos modos, y una leyenda solo cuando nos interesa.

¿Y es como se muestra en el código?

Este es el código de la imagen. Cosas a tener en cuenta

• align = «alineación». Se ajusta a la regla y le dijimos que lo hiciera central
• ancho = «800». Ancho de la foto. En este caso 800
• img class = «tamaño completo de imagen wp 763». Aquí se dice que la imagen 763 pasa a tamaño completo, es decir a tamaño completo
• Src = «http://www.trucosparamiblog.com/atributos-de-las-imagenes/link». La ruta desde la que se carga la imagen. Habla a
• alt = «este es texto alternativo». Esto es lo que ponemos en el cuadro de texto alternativo. Si no ponemos nada en este campo, es una descripción de carga.
• Altura = «800». Altura de imagen

• . Si la imagen tiene una leyenda al principio de la imagen, verá una etiqueta al principio y

  cerca.

No es necesario que sepas programarlo, ya que esto se hace solo con WordPress, pero es interesante que sepas qué atributo de las imágenes corresponde a cada pieza de código.

¿Contiene todos los atributos necesarios de la imagen? Espero que esto te ayude.

Relacionado