Piense en la última vez que subió una imagen a su sitio web. Es probable que lo haya descargado de un sitio stock photography, lo cargó al backend de su sitio y luego lo insertaron en la página.
Esto hace un ejemplo brillante de optimización de imágenes, ¿verdad? No del todo.
Has añadido un peso gigante de bolas de bolos a su sitio que ‘s Declarando la velocidad de la página. Y, los motores de búsqueda no pueden leer sus imágenes sin texto alt.
Los aficionados de SEO y los profesionales saben que optimizar las imágenes para su sitio web se paga notoriamente.
tiene una de sus fotos a Rango # 1
En Google Images para “la mejor persona en Cardiff” en menos de cuatro días al optimizar su imagen.
AnuncioContinue leyendo a continuación
y, Robbie Richards generó
150.732 visitas
agregando Image Alt Etiquetas, comprimiendo imágenes y algunos otros trucos de SEO.
Sin optimización de imagen adecuada, está perdiendo un valioso activo SEO. Es comoLos motores de búsqueda están regalando orées y leche de forma gratuita. Pero, solo tomas el Oreo. Cuando en realidad, el Oreo es mucho mejor se detuvo en la leche.
La optimización de la imagen crea muchas ventajas, como una mejor experiencia de usuario, tiempos de carga de página más rápidos y oportunidades de clasificación adicionales. Y, se está convirtiendo en un papel cada vez más importante.
Como señaló Matt Southern, Declaración de Gary Illyes sobre la búsqueda de imágenes
en un chat reciente de Reddit:
“Simplemente sabemos que la búsqueda de medios es demasiado ignorada por lo que es capaz de hacer para los editores, por lo que estamos lanzando más ingenieros, así como más divulgación”.
¿Qué factores son los más importantes para garantizar que sus imágenes sean plásticas y no ralentizan su sitio?
Aquí hay 11 imágenes importantesConsejos de optimización que necesita saber.
AnunciCementContinue leyendo a continuación 1. Elija el formato correcto Decodificación Todos los diversos formatos de imagen pueden sentirse como su primera vez en Taco Bell. Pero, antes de que pueda comenzar a agregar imágenes a su sitio, desea asegurarse de que ha elegido el mejor tipo de archivo. Mientras haya muchos formatos de imagen para elegir, el PNG y JPEG son los más comunes Para la web. PNG : produce imágenes de mejor calidad, pero viene con un tamaño de archivo más grande.
JPEG
: Puede perder la calidad de la imagen, pero puede ajustar el nivel de calidad a Encuentre un buen equilibrio.
WebP:
Elija la compresión sin pérdida o pérdida usando este, el
solo formato de imagen compatible con
por cromo y Firefox.
Para mí, PNG es el héroe insuudo de formulario de imagenatando Típicamente, solo uso jpegs para imágenes más grandes y visuales tomadas por un verdadero fotógrafo. Pero, para mi uso diario, PNG es el camino a seguir. 2. Comprimer sus imágenes
Sí, el infierno no tiene furia como una página web hinchada después de subir una imagen que no está comprimida. Los motores de búsqueda mirarán su página web como si pudieras mirar un gran IVA de Crisco:
No puedes estar considerando seriamente poniéndonos en tu sitio web, ¿verdad?
Según
Archivo HTTP , las imágenes conforman en promedio el 21% de un peso total de la página web.
Es por eso que recomiendo encarecidamente comprimir sus imágenes antes de subir a Tú sitio. Puede hacerlo en Photoshop o puede usar una herramienta como
Tinypng . TingPNG también tiene un complemento de WordPress que también puede usar.
CómoNunca, prefiero
O, tómelo un paso más allá y
Use un CDN de imagen
que detecte el dispositivo y optimiza la imagen antes de la entrega. Cloudinary e Imgix son dos opciones para probar.
Cada vez más de la velocidad del sitio web mejorada por
33% / 2 segundos
mediante la compresión de imágenes.
Quiero decir, hay algo Sexy acerca de la velocidad de página más rápida cuando después de comprimir sus imágenes.
Si no está seguro de cómo sus imágenes están afectando su velocidad de página, recomiendo usar la herramienta PageSpeed Insights de Google
.
AnuncioNTContinue leyendo a continuación
3. Cree imágenes únicas
Usted desea que sus fotos se incluyan a su sitio. Si llena su sitio web con imágenes de stock, se verá unorigen, como miles de otros sitios que no se destacan.
Demasiados sitios web están desordenados con las mismas fotos de stock genérico. Piense en un sitio web corporativo, una firma de consultoría, una empresa que se enorguebe en el servicio al cliente. Todos estos sitios web utilizan prácticamente la misma imagen de la imagen de un hombre de negocios que sonríe.
Estoy seguro de que ha visto uno que se ve así:
Si bien puede tener sus imágenes de archivo perfectamente optimizadas, no tendrá el mismo impacto ni los beneficios potenciales de SEO como una imagen original de alta calidad.
AnuncioContinue leyendo a continuación
másImágenes originales que tiene, mejor experiencia para el usuario y cuanto mejore sus probabilidades son de clasificación en búsquedas relevantes.
Tenga en cuenta que es más probable que se presenten imágenes grandes en Google Discover. A medida que Google recomienda en su recurso de SEO avanzado, “Las imágenes grandes deben ser al menos
1200 px
de ancho y habilitado por la MAX-Image-Preview: Ajuste grande , o usando “. No use su logotipo como la imagen. 4. Tenga cuidado con los derechos de autor
Independientemente de los archivos de imagen que elija usar, asegúrese de que no haya conflicto de derechos de autor
.
El servicio postal está pagando
$ 3.5 millones
En una demanda de derechos de autor. Y, los Sketchers se demoraron por $ 2.5 millones .
Si Getty, Shutterstock, deposiciones, o algunas otras acciones PEl proveedor de HOTO posee una imagen que usa, y no tiene una licencia para usarla, luego está arriesgando una demanda costosa.
Bajo la Ley de derechos de autor
Digital Millennium (DMCA)
, se le puede emitir un aviso si ha violado cualquier problema de derechos de autor. Si el propietario de una pieza de contenido ve su contenido en su sitio web, pueden emitir un DMCA Takedown con el que debe cumplir.
AnunciCementContinue Lectura a continuación
Las imágenes de Google le permiten filtrar los resultados según los disponibles para su reutilización. Y, Mindy Weinstein comparte
41 sitios web diferentes para encontrar imágenes gratuitas
.
5. Personalice los nombres de los archivos de imagen
Cuando se trata de SEO, creando nombres de archivos descriptivos, enriquecidos por palabra clave es absolutamente crucial.
No personalizando el nombre del archivo de imagen es como obtener un buRritó sin nada en el mismo. Simplemente chupa.
Nombres de archivos de imagen Alerta a Google y otros rastreadores de motores de búsqueda en cuanto al objeto de la imagen. Normalmente, los nombres de los archivos se verán como “img_722019” o algo similar. Eso es como pedir un menú en un idioma diferente. No ayuda a Google.
Cambie el nombre del archivo desde el valor predeterminado para ayudar a los motores de búsqueda a comprender su imagen y mejorar su valor de SEO.
Esto implica un poco de trabajo, dependiendo de cómo Amplio su biblioteca de medios, pero cambiar el nombre predeterminado de la imagen es siempre una buena idea. Tomemos esta imagen de chocolate, por ejemplo:
Podría nombrarlo simplemente “chocolate”, pero si vende chocolate en su sitio web, potencialmente cada imagen puede ser nombrada “ChocoA finales de 1, “” Chocolate-2 “, etc., y así sucesivamente. AnunciCementContinue Lectura a continuación Nombré a esta imagen” Dark-Chocolate-Coffee “para permitir que los usuarios y los motores de búsqueda comprendan la imagen.
6. Escriba el texto ALT favorable con SEO
Las etiquetas Alt son una alternativa de texto a las imágenes cuando un navegador no puede rendirlos correctamente. Similar al título, el atributo ALT se usa para describir los contenidos de un archivo de imagen. Cuando la imagen no se carga, obtendrá una caja de imágenes con la etiqueta Alt Presente en la esquina superior izquierda . Asegúrese de que encajen con la imagen y haga que la imagen sea relevante.
Prestar atención a las etiquetas ALT también es beneficioso para la estrategia de SEO en general
en la página en la página
. Desea asegurarse de que todas las demás áreas de optimización estén en su lugar, pero si la imagen no se carga por cualquier motivo, usuarioS verá lo que se supone que debe ser la imagen.
PLUS, agregar etiquetas alt apropiadas a las imágenes en su sitio web puede ayudar a su sitio web a lograr mejores clasificaciones en los motores de búsqueda al asociar palabras clave con imágenes. Incluso Google
ha comentado
en el valor del texto alt en imágenes.
AnunciCementContinue Lectura a continuación Proporciona a Google información útil sobre el tema de la imagen. Utilizamos esta información para ayudar a determinar la mejor imagen para devolver la consulta de un usuario.
Se requiere texto alt bajo la Ley
de las Discapacidades Americanas
para las personas que no pueden ver las imágenes. Un texto alternativo descriptivo puede alertar a los usuarios exactamente lo que está en la foto. Por ejemplo, digamos que tiene una foto de chocolate en su sitio web.
, un mejor texto alternativo que describa la imagen se leería:
El texto alt es visible En la versión de texto en caché de la página, ayudando en su beneficio tanto para los usuarios como para los motores de búsqueda. Para un valor adicional de SEO, el texto ALT puede actuar como el texto de anclaje de un enlace interno cuando la imagen se enlaza a una página diferente en el sitio.
7. Piense en la estructura de archivos de la imagen
En 2018, Google actualizó sus directrices de imágenes
. Una de las actualizaciones principales que reveló fue que usan la ruta de archivo y el nombre del archivo para clasificar las imágenes.
AnunciCementContinue Lectura a continuación
Repetir: La ruta del archivo y el nombre del archivo es un factor de clasificación real. Por ejemplo, si usted es una marca de comercio electrónico con múltiples productos, en lugar de plAñadir a todas las imágenes de su producto en una carpeta Generic / Media /, recomendaría estructurar sus subcarpetas a temas relacionados con más categoría como / shorts / o /denim/.
◆
,8. Haga su título y la descripción de su página
También reveló que utiliza el título de su página y la descripción como parte de su algoritmo de búsqueda de imágenes.
La página de soporte de Google dice:
“Las imágenes de Google genera automáticamente un título y un fragmento para explicar mejor cada resultado y cómo se relaciona con la consulta del usuario … Utilizamos una serie de fuentes diferentes para esta información, incluida la información descriptiva en el título y las etiquetas meta. “
Todos sus factores básicos de SEO en la página, como Meta Data, etiquetas de encabezado, copiar en la página, los datos estructurados, etc. afecta
de la forma en que Google clasifica a su iMagos
.
Es como poner todas sus coberturas en su burrito. Sabe mucho mejor con GUAC. Por lo tanto, asegúrese de agregar el GUAC para mejorar los rankings de la imagen. AnunciCementContinue leyendo a continuación
9. Defina sus dimensiones
Si está utilizando AMP o PWA, debe definir las dimensiones de su imagen en el código fuente.
Sin embargo, si no está usando, sigue siendo un La mejor práctica para definir el ancho y la altura. Proporciona una mejor experiencia de usuario.
Plus, permite que los navegadores tamizen la imagen antes de que se cargue el CSS. Esto detiene la página de saltar cuando se carga.
Los atributos de la dimensión de la imagen también son importantes para prevenir
Cambio de diseño acumulado (CLS) Cuestiones que pueden interferir con su optimización de vitalización web central.
Asegurarse de que incluya atributos de ancho y altura para cada imagen de imagen y video es clave.
Esto le dice al navegador cuánto espacio asignar para el recurso y evita que el cambio de contenido molesto que baja su puntaje CLS. Aprenda más
aquí
.
10. Haz que sus imágenes sean fáciles de usar <img srcset="elva-fairy-480w.jpg 480w,
oh, Mobile SEO. En su peor momento, puede darle una alta velocidad de rebote y conversiones bajas. Pero, en su mejor, puede brindarle más potencia de rango y un mejor compromiso de los usuarios.
AnunciCementContinue Lectura a continuación
El problema es que, ¿cómo optimiza sus imágenes para el primer índice móvil?
Crear imágenes receptivas. Esto significa que la imagen se escalará con el tamaño del sitio si el usuario está utilizando el escritorio o el móvil. Se ajusta al tamaño del dispositivo.
Mozilla ofrece una completa en el uso de los SRCSET y
Tamaños
Atributos para proporcionar las imágenes de origen adicionales del navegador, lo que permite la visualización del contenido de imagen idéntica redimensionada para el dispositivo.
Es importante formatear esto con una parte diferente del valor de atributo en cada línea, como se demuestra en este ejemplo de su recurso:
elva-fairy-800w.jpg 800w ” Tamaños = “(Max-Ancho: 600px) 480px,
800px”
src = “elva-fairy-800w.jpg”
alt = “Elva vestida como una hada”>
Conozca más sobre el uso de SRCSET para imágenes receptivas
aquí
.
11. Agregue imágenes a su sitio Sitemap
Si está agregando sus imágenes a su sitio Mapa del sitio O creando un nuevo mapa del sitio para imágenes, desea que las imágenes en algún lugar de sus sitemaps. AnuncioLa lectura de Entcontinue a continuación Tener sus imágenes en un mapa del sitio aumenta enormemente las posibilidades de los motores de búsqueda que se arrastran e indexan sus imágenes. Por lo tanto, resulta en más tráfico del sitio.
Si está utilizando WordPress, Yoast
ofrece una solución de mapa del sitio en su plugin.
Clave de optimización de imágenes para llevar
Por lo tanto, antes de comenzar a cargar su imagen en su sitio, asegúrese de seguir los rituales de optimización de la imagen desde arriba. Lo más importante es asegurarse de que la imagen y el texto alternativo sean relevantes para la página. OTROS TAKEA DE LLAMADA: Elija el formato de archivo correcto. Los PNG son mis favoritos para las capturas de pantalla.reduce el tamaño del archivo para una velocidad de carga más rápida. Pasee, asegúrese de que sus elementos de SEO en la página (META DATOS, DATOS ESTRUCTURADOS, etc.) pair con su imagen. Para la capacidad de rastreo, cReeate un sitio de imagen o asegúrese de que sus imágenes aparezcan en su sitio Mapa del sitio. Optimizar las imágenes no son una broma. Con los avances en la tecnología de búsqueda de voz, los medios de comunicación son una importancia creciente y su sitio completo se beneficiará de tomar los pasos anteriores. ¡Feliz optimizando! Créditos de la imagen Imagen destacada: Paulo Bibita Todas las capturas de pantalla tomadas por el autor