Unlimited AE and Premiere Pro templates, videos & more! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. Metadata

De Lightroom a WordPress: Cómo Crear Imágenes Optimizadas para SEO

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Digital Asset Management for Photographers (Learning Resource Guide).
How to Organize Your Photos in WordPress With WP Real Media Library
Getting Started With Photos for OS X

Spanish (Español) translation by Jean Perez (you can also view the original English article)

WordPress es un software que alimenta tanto como el 25% de los sitios web de la web. Sitios web importantes como The New York Times, CNN y Forbes usan WordPress para potenciar sus sitios Web.

Qué es WordPress para desarrolladores web, Adobe Lightroom es a los fotógrafos. En este tutorial usted aprenderá cómo utilizar estas dos herramientas de gran alcance juntos. Usted aprenderá cómo llevar tus imágenes en Lightroom y en un WordPress por sitio rápida y fácilmente. Lo más importante, lo haremos de una manera que es SEO-friendly para que tus imágenes Haz descubiertas.

Imagen SEO para Principiantes

(También conocido como SEO) en buscadores es un conjunto de interrelacionados diseño, publicación y datos de prácticas de manejo que ayudan a las páginas web se encuentran. La verdad es, no hay realmente ninguna magia para SEO cuando se trata de imágenes. Todo se reduce al agregar contexto a tus fotos de manera que eso tiene sentido para las computadoras.

Información Semántica

Piénsenlo de esta manera: introduce una consulta de búsqueda en el buscador de su preferencia. El motor de búsqueda muestra una lista de páginas que coincidan con lo que piensa que estás buscando. Motores de búsqueda utilizan rastreadores — programas informáticos y algonrhithms, que recorrer la web automáticamente y crear listados de sitios que coinciden con palabras clave.

Un motor de búsqueda puede decir que las imágenes son de una página web, pero no puede determinar fácilmente lo que una imagen representa, así que tenemos que complementar con otros datos, un tipo que puede entender. Este tipo de datos se llama información semántica: de información que ayuda a construir significado para fotografías individuales en contexto cada uno al otro y el resto de la Página Web. Utilizamos los campos de metadatos para transmitir estos datos semánticos.

Google mira a algunas de las etiquetas ocultadas en nuestro HTML para ayudar a encontrar imágenes. Podemos añadir cosas como títulos, etiquetas y texto alt en el código de nuestro sitio web para ayudar a un motor de búsqueda a indexar nuestro sitio tan fácil como sea posible. No hay ninguna garantía de que por adición de semánticos informating podrá mover su sitio a la primera página de resultados de Google, pero tomando algunos pasos básicos de SEO puede ayudar definitivamente a sus posibilidades. ¡También es higiene solo buenos datos!

Aquí hay cuatro piezas clave de información de optimización de SEO para añadir a tus imágenes:

Nombres de archivo

Si no haces nada, asegúrese de que cambia el nombre de tus imágenes de forma que los describe. Un simple nombre de archivo como "tamaño-imágenes-tutorial.jpg" es una mejora enorme sobre "IMG_9052.cr2." Un nombre de archivo con algunas palabras que lo describan mejorará sus posibilidades de ser encontrado.

Al exportar desde Lightroom, mi forma favorita de hacer esto es utilizar la sección "Nombre de Archivo" de la ventana de exportación. Tenga en cuenta que queremos cambiar el nombre de la imagen exportada, no el archivo original. Encuentre la sección Nombres de Archivo y marque la casilla de Cambiar el Nombre. Continuación, elija una opción de menú desplegable que incluye "Nombre Personalizado" por lo que podemos agregar nuestro propio texto personalizado.

El último paso es añadir texto personalizado. Para la web, es mejor separar las palabras en un nombre de archivo usando guiones en vez de espacios. Personalizar el nombre de archivo de cada imagen para obtener los mejores resultados.

Custom Name - Sequence
Usa un nombre personalizado para dar los nombres de archivo más posibilidades de ser encontrado. Unas palabras que describen el contenido de una imagen ir una manera larga!

Texto Alt

Texto alternativo, o "texto alt", se utiliza para proporcionar una descripción de texto del contenido de una imagen. Recuerde que un motor de búsqueda no puede determinar lo que está en una imagen (todavía) así que tenemos que ayudar mediante el uso de texto alternativo.

Probablemente nunca verás texto alt; la parte importante es que un motor de búsqueda.
Image alt text
También se debe definir texto alt de una imagen en HTML. El texto alt debería describir brevemente la imagen. Podemos establecer este texto alt en la biblioteca de medios de WordPress y WordPress automáticamente lo añadirá.

Texto Alt se coloca en el mismo pedacito de código HTML que contiene imágenes. Se usa para añadir una descripción de la imagen. Una breve descripción del contenido de una imagen es fundamental para SEO-amistad. Si escribir código todavía no está la cosa, no se preocupe; veremos cómo agregar este texto alt usando WordPress en la siguiente sección de esta guía.

Texto alt para las imágenes es también crucial para los invidentes. Software diseñado para ayudar a aquellos que tienen una pérdida total o parcial de la vista lectura de pantalla leerá el texto alternativo en lugar de una imagen. Amherst College tiene una gran guía para la optimización de sus páginas web para accesibilidad.

Títulos

Título de la imagen también debe ser contenido en la etiqueta HTML. El título debe ser una versión aún más corta de la descripción, con sólo unas palabras que señalan el contenido de una imagen.

Image title text
También debe establecer un título de imagen en HTML con el "title =" etiqueta en la misma manzana de la imagen. Una vez más, WordPress facilita este agregar.

Los títulos son otra pieza del rompecabezas para ayudar a los motores de búsqueda a indexar nuestro sitio. WordPress contiene un campo título que ayudará a nuestros esfuerzos SEO.

Leyendas

Pensar en un título como el texto que se muestra inmediatamente después de una imagen que provee el comentario. Leyendas no son agregadas directamente a una etiqueta de imagen directamente, pero ciertamente complementarlo. En HTML5, la <figcaption> es parte de la <figure> grupo, que es aún mejor. Usted puede aprender más acerca de cómo escribir títulos de Dawn Oosterhoff eficaces en Título, Descripción, Título , ALT: Cómo Añadir Información Semántica a las Imágenes. Escribir un título fuerte es una de las habilidades más puntuados, que es útil para todo fotógrafo!

Mapeo de Metadatos de Lightroom a WordPress

Ahora que entendemos los pilares de la imagen SEO, echemos un vistazo a cómo agregarlos fácilmente y rápidamente a nuestro sitio web basada en WordPress. Podemos llevar adelante título y subtítulo de la imagen de nuestro catálogo de Lightroom a WordPress.

En el módulo biblioteca de Lightroom, en el lado derecho encontrará el panel Metadatos. Se pueden ver el título de la imagen y el título.

Cuando está exportando una imagen en Lightroom, asegúrese de que está incluyendo "todos los metadatos". Esto asegurará que el título y los subtítulos se guardan en la imagen JPEG y serán leer e incluidos por WordPress.

Include metadata on export
Asegúrese de al exportar una imagen, incluir metadatos en el archivo. Esto hará que los metadatos disponibles en WordPress.

Subir a WordPress

Una vez que ha exportado un archivo de imagen llamado perfectamente con un título y subtítulos, listo subir a WordPress. Ir a la biblioteca de Media WordPress y subir esta imagen como lo harías normalmente. La imagen subida llevará a través del mismo título y subtítulo que hemos creado en el panel de metadatos de Lightroom.

Image Uploaded to WordPress
¡Por último, los frutos de nuestro trabajo! El título y el subtítulo

Usted tendrá que agregar manualmente texto alt a las imágenes una vez que lleguen a WordPress. Por desgracia, hay un campo en Lightroom que se asigna a "texto alternativo" en WordPress. Recuerde que este es el texto ocultado en el código HTML que ayudará a los motores de búsqueda encontrar y clasificar nuestras imágenes.

Alt text
Texto alternativo tendrá que añadirse a las imágenes dentro de la biblioteca de medios de WordPress.

Después de ajustar el texto alt, presione Actualizar para guardar la imagen. Cuando se inserta en un post o página, WordPress llevan a través de los metadatos e incluyen los metadatos que hemos agregado en el código HTML.

Estos pasos son una ayuda importante para optimizar una imagen para la web. También podemos ir un paso más por cambiar el tamaño y compresión de imágenes para la web.

Cambiar el Tamaño Para la Web

Prepara imágenes para la web es más que carga de hasta con palabras clave y soltándolas en WordPress. También tenemos que pensar en el tamaño del archivo y dimensiones. Recuerde que una porción enorme de la población de internet conectado no es la suerte de estar en una gran conexión de banda ancha, y debemos considerar su experiencia.

mobiForge escribió recientemente que el tamaño del archivo de página web promedio es mayor que el entero 1993 clásico videojuego Doom. Esto no es intrínsecamente malo, pero es un gran recordatorio de que páginas están más llenas de imágenes multimedias y grandes que siempre han sido. Sirve como un gran recordatorio de que debemos siempre optimizamos el tamaño de archivo de imagen.

Cuando estamos listos para enviar imágenes a la web, hay dos factores clave para optimizar: dimensiones y calidad. Echemos un vistazo a cómo perfeccionar ambos.

Dimensiones

Las dimensiones de una imagen digital son la longitud y la anchura de la imagen, medida en píxeles. Una imagen dice que "600 por 400 píxeles" se infiere ser de 600 píxeles de anchura y de 400 píxeles de altura.

Imágenes captadas con mi Canon 6D son 5472 x 3648 píxeles. Cuando que ves en Tuts+, está limitados en el plano de 850 píxeles en el lado largo. Teóricamente, yo podría subir la imagen completa, pero no importa lo que va a aparecer en un máximo de 850 pixeles.

Este efecto es exactamente por qué yo siempre cambiar el tamaño de mis imágenes a un formato web. Mis espectadores no tienen monitores que mostrar cada píxel, por lo que sólo tiene sentido cambiar el tamaño de la imagen y guardarlos el tiempo de carga.

Web Size Simulation
Esta simulación ilustra cuán grande es una imagen de 10 megapixeles original frente a cómo va a aparecer en la web. La previsualización de la imagen grande que ves es escala de máximo 10 megapíxeles de imagen que capturé. En el margen, el tamaño se ha comparado a cómo aparece en Tuts+. Una imagen de 10 megapíxeles de ancho completo es más de 4000 pixeles de ancho, mientras que aparece en los Tuts+ artículos en solo 850 píxeles en el lado largo. Esta es una gran ilustración de por tamaño es tan importante.

¿Qué es las dimensiones correctas para una imagen en la web? La respuesta es, "depende de dónde va." Si usas WordPress, consulte la documentación de su tema para los anchos de imagen compatibles. El desarrollador determina cómo aparecerán imágenes en un theme de WordPress. Si la documentación no está disponible, pruebe un sitio como PiliApp para hacer sus propias medidas en una imagen en el sitio en que usted podrá publicar.

Calidad

Imágenes de alta calidad utilizan más espacio en disco. Más detallada y colorida es una imagen, más grande será el archivo. Aunque nuestro archivo de imagen debe incluir estas imágenes de máxima calidad, preparar una imagen para la web significa hacer compensaciones entre calidad y tamaño de archivo. Dando un poco de calidad lleva a un tiempo de carga mucho más rápido para el espectador.

Al exportar en Lightroom, puede utilizar el deslizador de Calidad para ajustar la calidad de salida de una imagen. Es un 0-100 escala, con una imagen de calidad 0 representar el tamaño de archivo más pequeño. Una imagen de 100 calidad maximiza tanto calidad y tamaño de archivo.

Image quality comparison
Esta comparación de la calidad de imagen muestra alguna diferencia sutil entre los diferentes ajustes de calidad. Se observan algunas diferencias en los detalles más finos, así como los colores en el cielo. Tenga en cuenta que en la imagen de calidad más baja, hay algunos "bandas" en el cielo (líneas sutiles) mientras las imágenes de calidad superiores. La imagen de 25 calidad me dio una imagen de 91kb, mientras que 100 de calidad de imagen era una imagen de 366kb. Se trata de encontrar el equilibrio entre calidad y tamaño de archivo.

Una de mis formas favoritas para controlar el tamaño del archivo es usar la opción "Limitar Tamaño de Archivo a". Con frecuencia utilizo esta opción estoy exportando imágenes para publicar en Tuts+, dado que Tuts+ tiene un límite de 150 kilobytes para imágenes en artículos.

Mediante la opción "Limit archivo tamaño a" pasa por alto el deslizador de calidad en conjunto. En vez de elegir una calidad entre 0 y 100, simplemente puede establecer un tamaño máximo de archivo (en kilobytes) y Lightroom elegirá un ajuste de calidad para usted.

Limit File Size screenshot
El cuadro "Límite archivo tamaño a" puede usarse en lugar de la barra deslizante de calidad. Cuando usted marque la casilla en la ventana de exportación, elija que el tamaño máximo de archivo para tu imagen y Lightroom va hacer que funcione.

Desde mi experiencia, cuando se utiliza el regulador calidad para imágenes en la web, por lo general dejo el ajuste de calidad en el rango de 60-75. Este parece ser el punto dulce para archivo tamaño y calidad de imagen. Aumentando el cursor más allá de obtiene un archivo mucho más grande sin mucha diferencia visual.

Si desea más información acerca de las claves para cambiar el tamaño de imágenes para la web, revisa mi reseña del año pasado, Cómo Exportar JPGs Para la Web desde Adobe Photoshop Lightroom. Mientras que el enfoque de este tutorial es los metadatos para SEO, tamaño de la imagen sigue siendo una parte esencial de ser búsqueda de ambiente.

Recapitular y Seguir Aprendiendo

En este tutorial, hemos cubierto cómo recoger la fruta madura para exportación de imágenes de Lightroom a un sitio web de WordPress. No nos engañemos; Esto no dispara al instante su sitio en la parte superior de Google para términos comunes, pero irá una manera larga en ayudar a alguien a encontrar tus imágenes.

Cabe destacar que hay varios plugins de WordPress, o añadir-on, que puede automatizar este proceso. Sin embargo, los plugins que no se actualizan con frecuencia puede abrir su sitio a las vulnerabilidades de seguridad. También tienes que contar con un desarrollador mantener la compatibilidad del plugin con nuevas versiones de WordPress. Dos plugins populares incluyen sincronización de WP/LR y LR/Blog.

Si quieres aprender más sobre WordPress, la sección de código Tuts+ tiene una gran cantidad de contenido para modificar y extender WordPress. La sección de video y foto también tiene alguna cobertura extensa de Adobe Lightroom para afilar esas habilidades.

Finalmente, el SEO es un área cambiante de la investigación. Google actualiza constantemente su algoritmo usado para encontrar las páginas que creen que coinciden con la consulta de búsqueda lo mejor. Hay un montón de malos consejos y "tips" para SEO por ahí. Mi fuente para SEO es el Moz Blog. Los genios en Smashing Magazine también tienen una gran reseña sobre cómo construir un sitio web de SEO optimizado.

¿Qué están haciendo para sus imágenes de la web? Me avisan en los comentarios.


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.