Imágenes optimizadas para SEO

Si no hay manera de utilizar imágenes de su cuenta, hay otras maneras de encontrar imágenes más únicas y abstenerse de utilizar fotos. Flickr.com es una buena fuente de imagen, por ejemplo, como se explica en este artículo: Cómo utilizar imágenes de Creative Commons de Flickr . También me gustan las imágenes proporcionadas por sitios como freeimages.com ( anteriormente conocido como sxc.hu). Compruebe aquí para más recursos de la imagen . Usted debe permanecer lejos de las fotos obvias de la acción , y algo escoger los que parecen (aceptable, apenas un pedacito) más genuinos . Casi parece que las imágenes con la gente siempre se ven como fotos, a menos que sea tomada por usted mismo. Al final, esa sigue siendo la mejor idea.

Las alternativas obvias para las fotos podrían ser ilustraciones, como a veces utilizamos, o gráficos, por supuesto. Una mención honorífica debe ir a GIF animados , ya que estos parecen ser cada vez más popular en estos días.

Los GIF animados son muy populares en estos días. No vayas por la borda. Hará que su mensaje sea menos atractivo para leer, ya que su lectura será interrumpida por el movimiento en la imagen, por supuesto. Como en el post donde encontré la imagen anterior .

Preparación de imágenes para su uso en su artículo

Cuando haya encontrado la imagen correcta para utilizar, ya sea una ilustración, gráfico o foto, el siguiente paso es optimizar esa imagen para su uso en su sitio web. Hay un número de cosas a tomar en la consideración:

Elija el nombre de archivo correcto

Image SEO comienza con el nombre de archivo correcto. Por supuesto, esta es la primera ubicación para usar esa palabra clave. Sin siquiera mirar la imagen real, quiere que Google sepa de qué se trata la imagen. Es simple: si su imagen es un amanecer en París mostrando la Notre Dame, el nombre del archivo no debe ser DSC4536.jpg, pero notre-dame-paris-sunrise.jpg. La palabra clave principal sería Notre Dame, ya que es el tema principal de la foto, por eso he añadido que al principio del nombre del archivo.

Escala para la imagen SEO

Los tiempos de carga son un UX importante y por lo tanto un aspecto de SEO. Cuanto más rápido sea el sitio, más fácil será visitar e indexar una página. Las imágenes pueden tener un enorme impacto en los tiempos de carga, especialmente cuando se carga una imagen enorme y se muestra muy pequeña, como usar una imagen de 2500 × 1500 píxeles y mostrarla a un tamaño de 250 × 150 píxeles. Todavía tendrá que cargarse toda la imagen. Escala la imagen al tamaño que quieras mostrar. WordPress ayuda proporcionando la imagen en varios tamaños después de subir ya. Por desgracia, eso no significa que el tamaño del archivo está optimizado también, que es sólo el tamaño de la imagen.

Reducir tamaño de archivo

El siguiente paso en la imagen de SEO debe ser para asegurarse de que la imagen a escala se sirve en el menor tamaño de archivo posible. Hay herramientas para eso. Por supuesto, sólo podría exportar la imagen de una prueba de qué porcentaje de calidad es aceptable, pero yo prefiero (especialmente con retina y pantallas similares) para utilizar imágenes de calidad al 100%.

Aún puede reducir el tamaño de archivo de estas imágenes mediante, por ejemplo, la eliminación de los datos EXIF . Recomendamos el uso de herramientas como ImageOptim o sitios web como JPEGMini o PunyPNG . También he oído grandes historias sobre Kraken.io , pero no lo he utilizado yo mismo, para ser honesto.

Después de que haya cargado la imagen, herramientas como YSlow le pueden decir si su optimización de imagen tuvo éxito.

Cómo añadir la imagen a su artículo

No lo llene en algún lugar. Ya mencioné la adición de cerca / en / en el contenido textual relacionado. Eso simplemente ayuda mucho. Se asegura de que el contenido es relevante para la imagen, así como es al revés.

Leyendas

El título de la imagen es el texto que acompaña a la imagen. En la mayoría de las imágenes en este artículo, es el texto en el cuadro gris debajo de él. ¿Por qué es importante ese texto para SEO de imagen también? La gente usa ese texto al escanear un artículo. Junto a los encabezados, la gente tiende a escanear la imagen e incluir el título así en ese escaneado. Nielsen escribió en 1997 : “Los elementos que mejoran la exploración incluyen encabezados, texto grande, texto en negrita, texto resaltado, listas con viñetas, gráficos, subtítulos, frases temáticas y tablas de contenidos.” En 2012, KissMetric incluso declaró que ” Las imágenes se leen en promedio un 300% más que la propia copia del cuerpo, por lo que no usarlas o no utilizarlas correctamente significa perder la oportunidad de involucrar a un gran número de lectores potenciales “.

¿Agregamos subtítulos a todas las imágenes? No. Como se mencionó, a veces las imágenes sirven para otro propósito. Decida si la imagen a mano es una imagen que desea utilizar para SEO también o no. Manteniendo la optimización excesiva en mente, diría que usted debe agregar un subtítulo si él tendría sentido al visitante si ese subtítulo se agrega. Piense en el visitante primero, no agregue un subtítulo apenas para la imagen SEO.

Texto alternativo y texto del título

El texto alternativo se añade a una imagen para que exista un texto descriptivo cuando la imagen por cualquier motivo no pueda mostrarse al visitante. No puedo decirlo mejor que Wikipedia : “En situaciones donde la imagen no está disponible para el lector, tal vez porque han desactivado las imágenes en su navegador web o están usando un lector de pantalla debido a una discapacidad visual, el texto alternativo Asegura que no se pierda información o funcionalidad. “Asegúrese de añadir textos alternativos. Asegúrese de que el texto alt incluye su palabra clave SEO y se refiere a / describe la imagen.

Cuando se cierne una imagen, IE muestra el texto alternativo como una “información sobre herramientas”. Chrome muestra el texto del título, como se pretendía . Título de texto para las imágenes es similar y un montón de gente que utiliza estos simplemente copiar el texto alt. Más y más personas simplemente dejar estos fuera. ¿Para qué es esto? “El atributo de título puede ser muy útil, pero no es una forma segura de proporcionar información crucial. En cambio, ofrece una buena manera de proporcionar información no esencial , por ejemplo, el estado de ánimo de la imagen, o lo que significa en el contexto. “Es bueno tener información de hecho, y no se tiene en cuenta para la imagen de SEO.

Leer más: ‘Image SEO: optimización de tag y title tag’ »

Mencioné el uso de la imagen para el intercambio social. Si agrega la etiqueta de imagen correcta a su sección <head> siguiente manera:

<meta property="og:image" content="http://example.com/link-to-image.jpg" />

Eso se asegurará de que la imagen esté incluida en tu parte en Facebook (y OpenGraph también se usa para Pinterest , por ejemplo).

Nuestro WordPress SEO plugin tiene una sección Social donde se puede establecer y previsualizar esta imagen. Asegúrese de utilizar una imagen de alta calidad, como la imagen original que utiliza en la publicación, ya que las imágenes de mayor calidad / mayor tienden a ser utilizadas por las plataformas sociales con más frecuencia. Si lo ha configurado correctamente y no funciona, intente limpiar la caché de Facebook en el depurador de URL .

Las tarjetas de Twitter hacen lo mismo para Twitter, y también son generadas por nuestro complemento.

Alineación

Déjeme ser honesto, esto es un animal peeve mío. Las imágenes no deben romper la línea de lectura izquierda. Estoy seguro de que hay estudios sobre esto, pero estoy asumiendo toda la responsabilidad de esto yo mismo: Realmente no me gusta cuando el texto comienza a la derecha de una imagen, sólo para saltar debajo de la imagen más tarde:

Si se utiliza una imagen con el mismo ancho que la columna de texto, no habría ningún problema. Incluso ayudará a enfatizar la imagen más.

Tenga en cuenta que esto no tiene nada que ver con la imagen de SEO, pero vi una oportunidad para expresar mi opinión y lo usó 🙂 Creo que es malo para la experiencia del usuario. Sólo para complacerme: no lo hagas. Muchas gracias por eso.

Sitemaps de imágenes XML

Si usted es un desarrollador web, puede preguntarse acerca de sitemaps de imágenes XML. Prefiero decir imágenes en XML sitemaps . Google es bastante claro sobre esto :

Para proporcionar información de Google sobre las imágenes en su sitio, tendrá que agregar etiquetas específicas de la imagen a un mapa del sitio. Puede utilizar un mapa de sitio independiente para enumerar imágenes o puede agregar información de imagen a un mapa de sitio existente. Utilice el método funciona para usted!

De vez en cuando, la gente nos pregunta acerca de sitemaps de imágenes XML. No generamos estos en nuestro complemento, pero como afirma Google, estas imágenes se incluyen en la página o publican sitemaps. Simplemente desplácese hacia abajo en nuestro sitio web de post y descubra que hemos añadido imágenes a todos nuestros últimos mensajes (hay una columna que le dice eso). Añadir imágenes a sus sitemaps XML ayuda a que Google indexe sus imágenes, así que asegúrese de hacerlo para obtener una mejor imagen SEO.

TL, DR

Image SEO es la suma de una serie de elementos. Con Google siendo capaz de reconocer los elementos en la imagen cada día mejor, tiene sentido asegurarse de que la imagen y todos los elementos contribuyen a la experiencia del usuario, así como SEO. Sería una tontería tratar de engañar a Google.

Tome estas cosas en mente al agregar una imagen a un artículo:

• Utilice una imagen relevante que coincida con su texto
• Elige el nombre de archivo adecuado para tu imagen
• Asegúrese de que la dimensión de la imagen coincida con el tamaño de la imagen tal como se muestra
• Reducir el tamaño del archivo para una carga más rápida
• Añadir un título para facilitar el escaneado de la página
• Utilice un texto alt de la imagen, el texto del título es opcional
• Añadir etiquetas de tarjeta OpenGraph y Twitter para la imagen
• No rompa la línea de lectura izquierda usando una imagen
• Utilice imágenes en sus sitemaps XML

Junto a la imagen de SEO y el uso de imágenes para la experiencia del usuario, las imágenes también pueden desempeñar un papel importante en la conversión!