Optimización de imágenes 101 - Optimización de imágenes de publicaciones de blog para SEO

Publicado: 2020-11-10

En este artículo, aprenderá TODO lo que necesita saber sobre Optimización de imágenes para SEO.

De hecho, utilizo exactamente esta misma guía para optimizar las imágenes de las publicaciones de mi blog ...

… Para hacer un SEO perfecto en la página para las publicaciones de mi blog.
… Para clasificar mis imágenes en la búsqueda de imágenes de Google.
… Y generar tráfico usando mis imágenes.

Entonces, si también estás dispuesto a hacerlo para tu blog, estás en el lugar correcto.

Vamos a sumergirnos.

La guía definitiva para la optimización de imágenes para SEO:

  • ¿Por qué necesita optimizar las imágenes?
  • ¿Cómo encontrar las imágenes adecuadas para sus artículos?
  • ¿Cómo optimizar imágenes para motores de búsqueda?
  • Puntos para recordar
  • Prácticas recomendadas para una imagen optimizada
  • Complementos de WordPress para una mejor optimización
  • SEO de imágenes y Pinterest

¿Por qué necesita optimizar las imágenes?

Hay muchas razones para optimizar las imágenes. Las imágenes que utiliza en su artículo mejoran la puntuación de SEO, hacen que su artículo sea más amigable con los motores de búsqueda y también juega un papel muy importante en la velocidad de carga de la página de su blog.

Beneficios de la optimización de imágenes:

  • Los sitios para compartir fotos como Pinterest pueden generar grandes cantidades de tráfico.
  • Las fotos aparecen en los motores de búsqueda y, dado que la competencia es mucho menor en la sección de imágenes, puede obtener fácilmente una clasificación más alta de su imagen con la optimización adecuada.
  • Mejora la tasa de rebote de su blog y aumenta la puntuación SEO de su artículo.
  • Si crea imágenes personalizadas, también puede obtener vínculos de retroceso cuando otros blogs usen su imagen en sus artículos y le brinden un vínculo de fuente / crédito.

Encontrar las imágenes adecuadas para su blog

Todos usamos imágenes en nuestro artículo y antes de ver las mejores prácticas para optimizar las imágenes, quería compartir con ustedes algunos recursos desde donde pueden obtener imágenes de archivo de forma gratuita.

Cuando se trata de imágenes, debe tener mucho cuidado al buscarlas. No puede usar Google Imágenes para elegir una imagen y agregarla a su artículo porque esas imágenes pueden estar protegidas por derechos de autor y es posible que tenga un gran problema al usar tales imágenes.

problema de derechos de autor de búsqueda de imágenes de google
  • Salvar

En su lugar, puede utilizar los distintos sitios web que proporcionan imágenes de archivo de forma gratuita. Puede utilizar estos sitios web para encontrar una imagen que se adapte perfectamente al contenido de su artículo.

Hay sitios web como FreeDigitalPhotos, MorgueFile, Pixabay, etc. que proporcionan fotos de archivo de forma gratuita y sitios como ShutterStock donde puede obtener imágenes profesionales y de alta calidad pagando unos pocos dólares.

Puede utilizar los sitios gratuitos o los sitios de pago para encontrar la imagen adecuada para su artículo, pero nunca utilice Google Imágenes para obtenerlos.

Sería incluso mejor si pudiera producir imágenes personalizadas para su blog.

De esa manera, nadie te molestará nunca y tendrás todos los derechos de las imágenes porque las creaste por tu cuenta y conservas todos los derechos.


Creación de sus propias imágenes:

La mayoría de las veces, encontrará una gran imagen en los sitios de fotos de archivo, pero cuando no pueda encontrar la imagen perfecta y, en su lugar, desee crear imágenes personalizadas, puede usar sitios en línea como Canva.

Herramienta de diseño de fotos de Canva
  • Salvar

Canva es la mejor plataforma, especialmente para los no diseñadores, para crear imágenes personalizadas. Puede encontrar muchas plantillas prefabricadas y fuentes geniales y con la función simple de arrastrar y soltar, es extremadamente fácil crear imágenes de cualquier tamaño y dimensión.

Otra gran herramienta para diseñar imágenes personalizadas es PicMonkey. También te ofrece diseños personalizados que puedes usar en tu imagen.

herramienta de edición de fotos picmonkey
  • Salvar


¿Cómo optimizar imágenes para motores de búsqueda?

1. Elija el nombre de archivo correcto

Antes de cargar una nueva imagen a su artículo, deberá verificar el nombre de la imagen antes de cargarla. He visto a muchos blogueros seleccionar nombres de archivos que no tienen nada que ver con el contenido del artículo o nombres que no tienen ningún sentido.

Tienes que cambiar el nombre de la imagen con un nombre por el que quieres que la imagen se clasifique. Porque al elegir un nombre rico en palabras clave para la imagen, facilitará que los motores de búsqueda clasifiquen esa imagen más arriba en las SERP.

Por ejemplo, si está escribiendo un artículo sobre cómo encontrar palabras clave de cola larga, nombre su imagen como "buscar-palabras-clave-de-cola-larga.jpg" o algo así.

Debería tener sentido tanto para sus lectores como para los motores de búsqueda.

Sin embargo, asegúrese de agregar guiones entre dos palabras y no escriba todo sin espacios. No debería ser así: "findlongtailkeywords.jpg". No hay nada de malo en este formato, pero es mejor mantenerse seguro y elegir un formato que sea legible.

  • Formato incorrecto : "ABC123.jpg"
  • Formato correcto: "findlongtailkeywords.jpg"
  • Formato perfecto : "cómo encontrar palabras clave de cola larga.jpg"

2. Tamaño de imagen y compresión

Lo siguiente que debe tener en cuenta antes de cargar la imagen es el tamaño de la imagen y las dimensiones. No necesita subir imágenes grandes a su artículo porque supondrá una gran carga en su servidor y, como resultado, aumentará la velocidad de carga.

El tiempo de carga de la página de su sitio web es un factor extremadamente importante desde el punto de vista de SEO y no desea aumentar el tiempo agregando imágenes enormes.

Tamaño de la imagen:

Según yo, el tamaño de la imagen que cargue debe ser de un mínimo de 200 x 200 px para que sea recogida por los sitios de redes sociales como Facebook, Twitter y Google+.

Sin embargo, puede insertar una imagen mucho más pequeña o una imagen grande también en su artículo según sus requisitos. Las dimensiones anteriores solo se mencionan porque son los requisitos mínimos para que una imagen sea elegida por las redes sociales.

Cuando se trata de imágenes grandes, asegúrese de tener en cuenta el ancho del área de contenido de su blog.

Área de ancho de contenido
  • Salvar

La mayoría de los temas del blog vienen con un ancho de área de contenido de 600-700px o tal vez menos o más dependiendo del tema, así que asegúrese de conocer el ancho del área de contenido para crear una imagen perfecta.

La sección anterior le indica las dimensiones adecuadas de la imagen, pero ¿qué haría cuando descargue una imagen de archivo de dimensiones demasiado grandes?

Si ha descargado una imagen de archivo y sus dimensiones son demasiado grandes, entonces es mejor cambiar su tamaño y luego cargarla. No cargue la imagen en su tamaño original y cambie su tamaño usando el parámetro de alto y ancho en su editor de publicaciones.

Si subes la imagen original y luego la cambias de tamaño desde la publicación, entonces no estás haciendo ningún bien. Cuando la página se carga en el navegador, las imágenes se cargarán a sus dimensiones y tamaño originales y luego se cambiará de tamaño. Esto solo aumentará el tiempo de carga de su página.

Existen herramientas en línea como PicResize y PicMonkey que puede utilizar para cambiar el tamaño de sus imágenes antes de subirlas a su artículo.

Compresión de imagen

Cuando utiliza imágenes de archivo de alta calidad, estará agregando mucha presión a su servidor para simplemente cargar las imágenes. Cuanto mayor sea la calidad de la imagen, mayor será su tamaño.

Si la imagen que desea cargar tiene tres dígitos en KB o está en MB, es porque la calidad de la imagen es demasiado alta.

Es posible que las dimensiones de la imagen sean de alrededor de 500 x 500 px y aún sean de gran tamaño. En esos momentos, no puede simplemente cambiar el tamaño de la imagen; es necesario comprimirlos para reducir el peso.

Existen herramientas como TinyPNG que le ayudan a comprimir las imágenes para reducir el tamaño. Incluso después de comprimir las imágenes, no afectará mucho a la calidad de la imagen. La imagen seguirá luciendo bien y no estará distorsionada ni pixelada.

Herramienta de compresión de imágenes TinyPNG
  • Salvar

Nota: si escribe artículos en los que tiene que compartir imágenes de muy alta calidad, como compartir colecciones de fondos de pantalla, es mejor cargar las imágenes de alta calidad en Dropbox u otros sitios similares. Luego, puede cambiar el tamaño de esas imágenes, tanto en tamaño como en dimensiones, cargar las imágenes redimensionadas en su artículo y luego vincularlas al servicio en la nube donde se alojan las imágenes originales. De esta manera, está proporcionando imágenes de alta calidad a sus lectores sin comprometer la velocidad de carga de su página.

3. Texto ALT

El propósito principal del texto ALT es proporcionar una descripción del archivo de imagen. Si las imágenes no aparecen por alguna razón, el texto ALT aparecerá en su lugar describiendo el contenido de la imagen.

El otro uso del texto ALT es decirle a los motores de búsqueda que una imagen está presente en su lugar. Los motores de búsqueda no pueden leer la imagen y si no usas el texto ALT en las imágenes de tu blog, estás perdiendo mucho tráfico.

Los motores de búsqueda utilizan texto ALT para determinar las mejores imágenes que se pueden devolver para una consulta de búsqueda en particular. La mayoría de la gente intenta llegar a la primera posición de un motor de búsqueda, pero ignora los motores de búsqueda de imágenes que también pueden generar mucho tráfico. Por lo tanto, al agregar un texto ALT en las imágenes, se asegura de que su artículo esté perfectamente optimizado, lo que lo ayuda a obtener una ventaja de SEO sobre sus competidores.

¿Cómo elegir textos ALT?

Ahora conoce los beneficios y la importancia de los textos ALT, pero ¿qué debe ingresar como texto ALT en las imágenes?

Los textos ALT son el mejor lugar para ingresar sus palabras clave y aumentar sus posibilidades de aparecer más arriba en las búsquedas de imágenes.

Sin embargo, debe asegurarse de que su imagen sea adecuada para su texto ALT. Nunca debe agregar una imagen de un gato en su artículo y etiquetarlo como "las mejores herramientas de SEO gratis ". Esto simplemente no tiene ningún sentido.

Por lo tanto, use una imagen adecuada que muestre el tema de su artículo y agregue palabras clave en los textos ALT para que sea visible para los motores de búsqueda y aumente las posibilidades de obtener una clasificación.

¿Cómo agregar textos ALT en las imágenes?

Para agregar el texto ALT en su código de imagen, simplemente agregue alt = ”este es su texto alternativo” . Aquí hay un ejemplo de cómo hacerlo.

<img src = ”find-long-tail-keywords.jpg” alt = ”cómo encontrar palabras clave long-tail” />

Un método simple para agregar texto ALT sería usar Media Uploader en su editor de publicaciones de WordPress. Cuando cargue la imagen en su artículo, podrá agregar texto ALT directamente a su imagen. Consulte la imagen de abajo para saber cómo hacerlo.

ejemplo de texto alternativo de imagen
  • Salvar

Así que asegúrese de agregar un texto ALT que describa la imagen y el contenido del artículo. De esa manera, los lectores también pueden distinguir el contenido de la imagen y los motores de búsqueda podrán clasificarlo para las consultas relacionadas.


Algunos puntos para recordar:

1. Alto y ancho de las imágenes:

Los parámetros de altura y ancho son uno de los factores que más se pasan por alto en la optimización de imágenes. Siempre que inserte una imagen en su artículo, asegúrese de que su código HTML también contenga los parámetros de alto y ancho.

La razón por la que deberían estar presentes en el código es que juega un papel muy importante en la velocidad de carga de la página. Cuando los navegadores detectan las etiquetas de alto y ancho, continuarán cargando el texto en la página mientras mantienen el espacio definido por los parámetros de alto y ancho y lo llenan con la imagen.

El texto y la imagen se cargarán simultáneamente, manteniendo así una buena velocidad de carga de la página. Si no menciona las etiquetas, los navegadores cargarán el texto hasta la imagen, luego la imagen se cargará por completo y luego se cargará el texto restante. Esto ejercerá mucha presión sobre los servidores y aumentará la velocidad de carga de la página.

En WordPress, estos parámetros se agregan automáticamente cuando inserta la imagen, pero si agrega manualmente las etiquetas HTML o si solo desea asegurarse de que las etiquetas estén presentes, puede ir a la sección Editor de texto , buscar el código de la imagen, que se verá como en la imagen de abajo, y especificará los parámetros de alto y ancho como se muestra.

mencionar la altura y el ancho de la imagen
  • Salvar

2. Eliminar hipervínculo de la imagen

Cuando cargue las imágenes en su artículo, WordPress agregará automáticamente un enlace en el código fuente a la ubicación de la imagen (es decir, carpeta / wp-content / uploads ).

hipervínculo en la imagen
  • Salvar

A menos que desee compartir el enlace a la imagen de tamaño completo, no puedo pensar en ninguna razón por la que deba mantener los hipervínculos en la imagen.

El hipervínculo no solo transfiere el jugo del enlace a una página de imagen no importante, sino que también distrae a los usuarios. Cuando los visitantes están leyendo el artículo y accidentalmente hacen clic en la imagen, serán redirigidos a la ubicación de la imagen y, por lo tanto, podrían perder el interés en el artículo.

Por lo tanto, es mejor eliminar los enlaces del código fuente de la imagen. Así es como puede eliminar el hipervínculo de la imagen.

Cuando cargue la imagen, en el lado derecho, debajo de "Configuración de pantalla de adjuntos" , verá una opción que dice Vincular a . Haga clic en el menú desplegable y seleccione Ninguno para eliminar el hipervínculo.

eliminar hipervínculo de imagen
  • Salvar


Prácticas recomendadas para una imagen optimizada

1. Formato de imagen: ¿JPEG, PNG o GIF?

Hay diferentes tipos de formatos de imagen disponibles como JPEG (JPG), PNG y GIF. En su mayoría, todos usamos el formato de archivo JPEG, pero a veces tendemos a usar PNG y GIF también.

  • Formato JPEG: el formato JPEG se utiliza mejor para la fotografía digital y es el formato más utilizado.
  • Formato PNG : PNG es un formato sin pérdidas y ofrece una compresión increíble. Incluso si edita la imagen varias veces o la cambia de tamaño y la comprime, no perderá ningún dato ni degradará su calidad.
  • Formato GIF: el formato GIF es popular principalmente porque admite imágenes de tamaño pequeño.

De todos los formatos de imagen, el mejor formato de imagen que puede utilizar es JPEG. La razón detrás de esto es muy simple. Los formatos JPEG son comparativamente más pequeños, lo que significa que las imágenes se cargarán más rápido y, dado que no necesita editar mucho las imágenes, el formato JPEG es el mejor para usar en sus publicaciones.

2. Use subtítulos en la imagen

Los subtítulos son la descripción de texto que aparece justo debajo de las imágenes de su artículo. Puede utilizar el área de subtítulos para describir la imagen o dar crédito a los enlaces.

captura de imagen
  • Salvar

No existe una relación directa entre las leyendas de las imágenes y la clasificación de los motores de búsqueda. Pero hay razones por las que agregar un título de imagen es un factor realmente importante.

Los subtítulos están disponibles para que pueda decirles a sus lectores lo que está tratando de dar a entender al usar la imagen. A veces, los lectores pueden tener una idea equivocada y sacar conclusiones equivocadas, y depende de usted proporcionarles toda la información y los detalles antes de que saquen conclusiones precipitadas.

Ingrese el título de la imagen
  • Salvar

Al utilizar leyendas inteligentes y creativas con imágenes creativas, despertará el interés de los lectores y es posible que terminen pasando más tiempo en su sitio leyendo el artículo completo. Esto reducirá la tasa de rebote, lo que a su vez mejorará su puntaje de SEO y aumentará las posibilidades de que la imagen obtenga una posición más alta en los resultados del motor de búsqueda.

3. Utilice sitemaps de imágenes

Todos sabemos la importancia de los mapas del sitio y lo primero que hacemos cuando creamos un nuevo blog es crear un mapa del sitio y agregarlo a la cuenta de herramientas de webmasters de varios motores de búsqueda.

Cuando agrega un mapa del sitio, le dice a los motores de búsqueda que hay algunas páginas nuevas que necesitan ser rastreadas e indexadas y, de esta manera, se asegura de que las arañas de los motores de búsqueda puedan rastrear todas y cada una de las páginas de su sitio e índice. en los motores de búsqueda.

Usted crea mapas de sitio para sus artículos, entonces, ¿por qué no puede crear también mapas de sitio de imágenes y aumentar las posibilidades de que las imágenes se indexen?

Crear mapas de sitio de imágenes es extremadamente fácil, ya que puede usar el complemento Udinra All Image Sitemap para crear uno para las imágenes de su blog y enviarlo a su cuenta de Herramientas para webmasters. Una vez que haya enviado el mapa del sitio, todas las imágenes serán rastreadas e indexadas en los motores de búsqueda.


¿Cuándo son importantes los sitemaps de imágenes?

Si ejecuta un blog sobre temas que no tienen nada que ver con imágenes, puede evitar los mapas de sitio de imágenes. Pero si tiene un blog de fotografía o un blog de tecnología que requiere muchas imágenes, entonces es una buena idea crear un mapa del sitio de imágenes para asegurarse de que las imágenes estén indexadas correctamente en los motores de búsqueda.

Complementos de WP para una mejor optimización de la imagen

Hay muchos complementos de SEO en el directorio de complementos de WordPress y la colección incluye algunos complementos realmente sorprendentes para ayudarlo a optimizar mejor las imágenes en su blog. Vamos a ver algunos de los mejores complementos de Optimización de imágenes que puede utilizar para administrar las imágenes y optimizarlas perfectamente.

1. Imágenes compatibles con SEO

Plugin de WordPress para imágenes amigables con SEO
  • Salvar

Este es, con mucho, el mejor complemento para optimizar sus imágenes para los motores de búsqueda. Si tiene muchas imágenes en su sitio y no ha agregado la etiqueta del título o el texto ALT en las imágenes, este complemento agregará automáticamente las etiquetas a su imagen según la configuración que elija.

Solo tiene que descargar el complemento de imágenes amigables con SEO e instalarlo en su sitio. Luego configúrelo eligiendo las opciones y el complemento agregará el título y el texto ALT donde falten.

Entonces, si tiene muchas imágenes no optimizadas en su blog, es hora de usar este complemento para optimizarlo.

Nota: Le sugiero que agregue textos ALT y etiquetas de título a las imágenes manualmente justo después de cargarlas. La razón de esto es que el complemento de imágenes amigables con SEO podría no agregar los textos ALT perfectos a sus imágenes porque funciona en las opciones que seleccionó en el área de configuración.

2. Optimizador de imagen WP Smush.It o EWWW

Complemento de WordPress WP Smush
  • Salvar

No importa cuánto intente cambiar el tamaño de las imágenes y optimizarlas antes de cargarlas, todavía habrá una posibilidad de optimizarlas aún más.

Ahí es donde entran en juego complementos como WP Smush y EWWW Image Optimizer. Ambos hacen, más o menos, las mismas cosas, por lo que puede usar cualquiera de ellos en su sitio.

Estos complementos optimizan las imágenes reduciendo su tamaño sin comprometer la calidad de la imagen. No hay configuraciones complicadas, simplemente ejecute el optimizador y todas las imágenes se optimizarán.

Aquí hay un artículo publicado en WPBeginner que le muestra cómo puede usar el complemento WP Smush para optimizar la imagen y también otros complementos alternativos como EWWW Image Optimizer en acción.


SEO de imágenes y Pinterest:

Pinterest es la red social más popular para compartir imágenes de la web. Si usa muchas imágenes, entonces no compartirlas en Pinterest es una muy mala idea.

Dado que Pinterest es un sitio web de autoridad, es más probable que las imágenes compartidas en la red se indexen y clasifiquen en los resultados de los motores de búsqueda.

Por lo tanto, siempre que comparta una imagen en Pinterest, asegúrese de optimizarla correctamente agregando una descripción adecuada y enlaces con cada imagen para que pueda obtener todos los beneficios de SEO y el tráfico a su sitio.

¿Cuándo puede compartir imágenes en Pinterest?

Pinterest no es una red para todos. Si compartes muchas imágenes en tu perfil, no significa que vas a obtener los mismos beneficios que otros usuarios obtienen.

La mayoría de los usuarios de Pinterest son mujeres y las categorías de mejor rendimiento son hogar, artes / manualidades, estilo / moda, comida, viajes, etc. Por lo tanto, si su sitio web se ocupa de tutoriales o artículos relacionados con aplicaciones, no obtendrá ninguno. beneficios significativos de la red.

Sin embargo, no hay nada de malo en crear un tablero y compartir lo que quieras compartir. Quizás, en el futuro, el gusto de los usuarios de Pinterest cambie y algunos otros temas se vuelvan populares. Así que siga compartiendo las imágenes de sus artículos en Pinterest y agregue un enlace a su publicación en la descripción.


Terminando:

Pasas horas escribiendo la publicación perfecta, así que no permitas que todo ese esfuerzo se desperdicie al no usar las imágenes optimizadas para una mejor clasificación en los motores de búsqueda. Al seguir los pasos y las mejores prácticas que se mencionan en este artículo, estoy bastante seguro de que pronto comenzará a ver resultados positivos.

Si te gustó el artículo sobre Optimización de imágenes, compártelo también con otras personas. Si tiene alguna consulta o sugerencia que le gustaría compartir con nosotros, utilice el formulario de comentarios a continuación.

Además, me gustaría saber qué complementos usas para optimizar las imágenes en tu blog. Y, ¿cuáles son las estrategias que implementa para clasificar sus imágenes más alto en los motores de búsqueda?

Optimización de imagen para seo
  • Salvar