LAS IMÁGENES Y EL POSICIONAMIENTO EN LOS MOTORES DE BÚSQUEDA

in GEMSlast month

En mi publicación anterior, hablé sobre la importancia de las etiquetas <h>Título</h>, su relación con el Markdown y el posicionamiento en los motores de búsqueda o SEO. Para recordar un poco, el SEO son aquellas técnicas, disciplinas o estrategias que usamos en las páginas de un sitio web o blog para optimizar su posicionamiento en los motores de búsqueda. Esto quiere decir, que cuando los usuarios hagan una búsqueda en Google, lograr que nuestro contenido aparezca de primero o en los primeros resultados de búsqueda y así tener la mayor visibilidad posible.

buscadorgoogle.JPG


Para las imágenes también son necesarias las estratégicas de SEO, entre las estrategias puedo mencionar los nombres de los archivos, el formato, la compresión de las imágenes, la dimensión, el título, el texto alternativo o atributo ALT, y muchas estrategias más. En esta publicación hablaremos del nombre de archivo de las imágenes y el texto alternativo ALT.

NOMBRE DE ARCHIVO

nombrearchivo.JPG

Cuando organizamos la información que guardamos en nuestro computador, lo más recomendable es crear directorios o carpetas con nombres que podamos reconocer fácilmente, al igual lo hacemos con los archivos, esto nos permite ubicarlos rápidamente o a las herramientas de búsqueda encontrar las coincidencias de las palabras claves que le damos. Para las estrategias SEO, también debemos mantener estás prácticas, nombres descriptivos usando las palabras claves del contenido. Esto permitirá a los algoritmos de los motores de búsqueda posicionar las imágenes contenidas en nuestras publicaciones.

buscarseo.JPG

En la imagen anterior podemos observar que con la búsqueda de la palabra "SEO", obtenemos de resultado imágenes relacionadas y estás imágenes se convierten en enlaces directos a publicaciones de autores que han aplicado correctamente las estrategias.

Algunas recomendaciones a tener en cuenta son las siguientes:

  1. Evitar palabras ambiguas y muchas preposiciones.
  2. No usar caracteres especiales ("/", "#", "ñ", "$", "_", entre otros), usar el guión "-" cómo separador de palabras.
  3. No usar espacios
  4. Usar palabras descriptivas relacionadas con la imagen y el contenido de la publicación

Ejemplos de prácticos:

FORMA INCORRECTAFORMA CORRECTA
imagen1.jpgnombre-descriptivo.jpg
pintura asbtracta.jpgpintura-asbtracta.jpg
zapato azul para caballero.jpgzapato-azul-caballero.jpg

ATRIBUTO ALT O TEXTO ALTERNATIVO

El atributo ALT es el texto alternativo que se utiliza para describir una imagen, al igual que el nombre de archivo, los motores de búsqueda lo utilizan para clasificar las imágenes y mostrar los resultados. También este atributo es utilizado por navegadores como Chrome para describir las imágenes a personas con problemas de visión.

¿CÓMO AÑADIMOS ESTE TEXTO ALTERNATIVO EN NUESTRAS IMÁGENES?

La verdad es que no podemos añadir este texto alternativo directamente a las imágenes, porque es un atributo de la etiqueta <img> del lenguaje HTML. Un ejemplo sería el siguiente:

<img src="logo-hive.png" alt=logo hive">

Cuando usamos código Markdown, para agregar imágenes a las publicaciones, realmente estamos construyendo una etiqueta <img>, recordemos que el markdown es una forma alternativa de escribir código HTML.

Veamos un ejemplo, en mi publicación anterior agregué una imagen generando el siguiente código markdown siguiente:

![estrategias-seo.jpg](https://files.peakd.com/file/peakd-hive/alberto0607/wPdtHRAz-estrategias20seo.jpg)

Algo de lo que ya ustedes están familiarizados, pero la aplicación ha interpretado esto y generado las siguiente etiqueta <img>:

<img src="https://images.hive.blog/0x0/https://files.peakd.com/file/peakd-hive/alberto0607/wPdtHRAz-estrategias20seo.jpg" alt="estrategias seo.jpg">

inspeccionarelemento.jpg

etiquetaimg.JPG


Cómo podemos observar, la etiqueta <img> contiene el atributo ALT (alt="estrategias seo.jpg"), usando el lenguaje markdown, la aplicación ha hecho todo esto por nosotros. De ahí la importancia de nombrar nuestras imágenes de manera correcta y siguiendo los consejos mencionados anteriormente, ya que existe relación entre el nombre del archivo y el atributo ALT.


Espero que les haya sido de mucha utilidad esta publicación, los invito a compartirla, si tiene alguna estrategia de SEO que use regularmente, cuéntenos en los comentarios.


Si desean conocer más sobre el lenguaje HTML, les recomiendo seguir desde cero el curso que está creando nuestro amigo @rafaelaquino.


Las imágenes son capturas de pantallas propias editadas y creadas con Canva.


Discord alberto0607#6813

Sígueme en Twitter

Sort:  

Congratulations @alberto0607! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) :

You published more than 10 posts. Your next target is to reach 20 posts.

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last post from @hivebuzz:

October 2020 is the World Mental Heath Month

Excelente información la que compartes, estaré atento a partir de ahora al momento de guardar las imágenes y darles un nombre correcto de acuerdo a lo que describes. Debo evitar el error de nombrarlas como lo hacia, imagen1, 2, 3, etc.
Te felicito por ayudar a través de tus publicaciones a todos los creadores de contenido, y a su vez a la mejora de hive..
Bendiciones...

Muchas gracias por comentar @rafabvr. Hay que aprovechar cada detalle para que nuestras publicaciones sean lo más visibles en la web. Saludos, un abrazo.

He aprendido mucho con tu post @alberto0607, ha sido de gran utilidad ¡muchas gracias!

Me alegro mucho, muchas gracias por comentar. Esa es la idea, aprender unos de otros en la comunidad. Un abrazo.

Muy buena tu publicación.
El contenido es muy interesante.
Haré seguimiento de tu recomendado @rafaelaquino.
Graciasss

Me alegro que le haya gustado. Con esos tutoriales del amigo @rafaelaquino se pueden comprender muchas cosas que parecen mágicas para los bloggers.

Agradecida, @alberto0607

Mi amigo, @alberto0607.
Complacida con tu recomendación, un post didáctico e informativo.
Una alternativa más para ser visualizado con los motores de búsqueda cuando creas imágenes propias.
Preguntó, puedo asignar nombres o mejor dicho etiquetas desde mi teléfono?
Abrazos mi amigo.

Hola @amandaj, si te refieres a renombrar las imágenes en un movil, deber instalar una app de administración de archivos (si no lo tienes), y desde ahí puedes hacer esos cambios.

image.png

Te dejo una captura de pantalla de una de las muchas apps que cumplen con esta función.


Gracias por tu compañía en la actividad Promueve tu Publicación
Miércoles 9:15 pm (Hora Vzla)
Valoramos tu constancia y crecimiento integral en la plataforma.
ezgif.com-optimize (1).gif

Muchas gracias por el apoyo brindado.

Excelente, no tenía mucho conocimiento sobre esto. Gracias por hacer un post para enseñar un poco más sobre la publicación correcta de imágenes. Saludos 🙌

Gracias a ti por comentar. Te invito a leer la anterior sobre los títulos. Te podría ser útil.