Optimización de imágenes

[fusion_builder_container hundred_percent=»no» hundred_percent_height=»no» hundred_percent_height_scroll=»no» hundred_percent_height_center_content=»yes» equal_height_columns=»no» hide_on_mobile=»no» background_position=»left top» background_repeat=»no-repeat» fade=»no» background_parallax=»none» enable_mobile=»no» parallax_speed=»0.3″ video_aspect_ratio=»16:9″ video_loop=»yes» video_mute=»yes» border_style=»solid» padding_top=»4%» border_sizes_top=»0px» border_sizes_bottom=»0px» border_sizes_left=»0px» border_sizes_right=»0px» flex_column_spacing=»0px» type=»flex» flex_justify_content=»center» admin_toggled=»no»][fusion_builder_row][fusion_builder_column type=»2_3″ layout=»2_3″ spacing=»0px» center_content=»no» link=»» target=»_self» min_height=»» hide_on_mobile=»no» class=»» id=»» background_color=»» background_image=»» background_position=»left top» undefined=»» background_repeat=»no-repeat» hover_type=»none» border_color=»» border_style=»solid» border_position=»all» padding_top=»» padding_right=»» padding_bottom=»» padding_left=»» margin_top=»» margin_bottom=»» animation_type=»» animation_direction=»left» animation_speed=»0.1″ animation_offset=»» last=»true» border_sizes_top=»0px» border_sizes_bottom=»0px» border_sizes_left=»0px» border_sizes_right=»0px» first=»true» spacing_right=»0px» spacing_left=»0px» type_medium=»3_4″ type_small=»5_6″][fusion_text columns=»» column_min_width=»» column_spacing=»» rule_style=»default» rule_size=»» rule_color=»» content_alignment_medium=»» content_alignment_small=»» content_alignment=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» sticky_display=»normal,sticky» class=»» id=»» font_size=»» fusion_font_family_text_font=»» fusion_font_variant_text_font=»» line_height=»» letter_spacing=»» text_color=»» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»]

La optimización de imágenes 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. Sin una optimización de imagen adecuada, está desperdiciando un valioso activo de SEO. Vamos a ver unos consejos básicos sobre la optimización de imágenes,

Pero, ¿ qué factores son los más importantes para garantizar que sus imágenes se puedan encontrar y no ralenticen su sitio? . Tenemos que tener muy claro que todo el tiempo y esfuerzo invertido en las imágenes, merecen mucho la pena. Aquí hay están nuestros consejos importantes para la optimización de imágenes que debe conocer.

[/fusion_text][fusion_separator style_type=»none» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» class=»» id=»» sep_color=»» top_margin=»10px» bottom_margin=»» border_size=»» icon=»» icon_circle=»» icon_circle_color=»» width=»» alignment=»center» /][fusion_text columns=»» column_min_width=»» column_spacing=»» rule_style=»default» rule_size=»» rule_color=»» content_alignment_medium=»» content_alignment_small=»» content_alignment=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» sticky_display=»normal,sticky» class=»» id=»» font_size=»» fusion_font_family_text_font=»» fusion_font_variant_text_font=»» line_height=»» letter_spacing=»» text_color=»» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»]

[fusion_fontawesome icon=»fa-check-circle fas» size=»» flip=»» rotate=»» spin=»no» link=»» linktarget=»_self» alignment=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» sticky_display=»normal,sticky» class=»» id=»» margin_top=»» margin_right=»» margin_bottom=»» margin_left=»» iconcolor=»#0295e5″ iconcolor_hover=»» circle=»» circlecolor=»» circlecolor_hover=»» circlebordersize=»» circlebordercolor=»» circlebordercolor_hover=»» icon_hover_type=»» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»][/fusion_fontawesome]Utilice el formato correcto

PNG : produce imágenes de mejor calidad, pero viene con un tamaño de archivo mayor.
JPEG : puede perder calidad de imagen, pero puede ajustar el nivel de calidad para encontrar un buen equilibrio.

[fusion_fontawesome icon=»fa-check-circle fas» size=»» flip=»» rotate=»» spin=»no» link=»» linktarget=»_self» alignment=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» sticky_display=»normal,sticky» class=»» id=»» margin_top=»» margin_right=»» margin_bottom=»» margin_left=»» iconcolor=»#0295e5″ iconcolor_hover=»» circle=»» circlecolor=»» circlecolor_hover=»» circlebordersize=»» circlebordercolor=»» circlebordercolor_hover=»» icon_hover_type=»» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»][/fusion_fontawesome]Comprime tu imagenes

Según algunos informes serios , las imágenes representan en promedio el 21% del peso total de una página web.

Es por eso que recomendamos encarecidamente comprimir sus imágenes antes de subirlas a su sitio. Puede hacer esto en Photoshop o puede usar una herramienta como TinyPNG . TingPNG también tiene un complemento de WordPress que también puede usar.

Sin embargo, prefiero WP Smush como mi complemento de WordPress. Reduce el tamaño del archivo de imagen sin quitar la calidad. Independientemente del complemento que utilice, asegúrese de encontrar uno que comprima las imágenes externamente en sus servidores. Reduce la carga en su propio sitio.

Si no está seguro de cómo sus imágenes están afectando la velocidad de su página, le recomiendo usar la herramienta PageSpeed Insights de Google .

[fusion_fontawesome icon=»fa-check-circle fas» size=»» flip=»» rotate=»» spin=»no» link=»» linktarget=»_self» alignment=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» sticky_display=»normal,sticky» class=»» id=»» margin_top=»» margin_right=»» margin_bottom=»» margin_left=»» iconcolor=»#0295e5″ iconcolor_hover=»» circle=»» circlecolor=»» circlecolor_hover=»» circlebordersize=»» circlebordercolor=»» circlebordercolor_hover=»» icon_hover_type=»» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»][/fusion_fontawesome]Crea imágenes únicas

Quieres que tus fotos aparezcan en tu sitio. Si llena su sitio web con imágenes de archivo, se verá poco original, como miles de otros sitios que no se destacan.

Demasiados sitios web están abarrotados con las mismas fotos de archivo genéricas.

Piense en un sitio web corporativo, una empresa de consultoría, un negocio que se enorgullece de su servicio al cliente. Todos estos sitios web utilizan prácticamente la misma imagen de archivo de un empresario sonriendo.

Si bien puede tener sus imágenes de archivo perfectamente optimizadas, no tendrá el mismo impacto o beneficios potenciales de SEO que una imagen original de alta calidad.

Cuantas más imágenes originales tenga, mejor experiencia para el usuario y mayores serán sus probabilidades de posicionarse en búsquedas relevantes.

[fusion_fontawesome icon=»fa-check-circle fas» size=»» flip=»» rotate=»» spin=»no» link=»» linktarget=»_self» alignment=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» sticky_display=»normal,sticky» class=»» id=»» margin_top=»» margin_right=»» margin_bottom=»» margin_left=»» iconcolor=»#0295e5″ iconcolor_hover=»» circle=»» circlecolor=»» circlecolor_hover=»» circlebordersize=»» circlebordercolor=»» circlebordercolor_hover=»» icon_hover_type=»» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»][/fusion_fontawesome]Escriba texto alternativo compatible con SEO

Las etiquetas Alt son una alternativa de texto a las imágenes cuando un navegador no puede representarlas correctamente. De manera similar al título, el atributo alt se usa para describir el contenido de un archivo de imagen.

Cuando la imagen no se cargue, aparecerá un cuadro de imagen con la etiqueta alt presente en la esquina superior izquierda. Asegúrese de que encajen con la imagen y de que la imagen sea relevante.

Prestar atención a las etiquetas alt también es beneficioso para la estrategia general de SEO 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 algún motivo, los usuarios verán cuál se supone que es la imagen.

Además, agregar etiquetas alt apropiadas a las imágenes de su sitio web puede ayudarlo a lograr una mejor clasificación en los motores de búsqueda al asociar palabras clave con imágenes. Incluso Google ha destacado el valor del texto alternativo en las imágenes.

[fusion_fontawesome icon=»fa-check-circle fas» size=»» flip=»» rotate=»» spin=»no» link=»» linktarget=»_self» alignment=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» sticky_display=»normal,sticky» class=»» id=»» margin_top=»» margin_right=»» margin_bottom=»» margin_left=»» iconcolor=»#0295e5″ iconcolor_hover=»» circle=»» circlecolor=»» circlecolor_hover=»» circlebordersize=»» circlebordercolor=»» circlebordercolor_hover=»» icon_hover_type=»» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»][/fusion_fontawesome]Haga que sus imágenes sean compatibles con dispositivos móviles

Oh, SEO móvil. En el peor de los casos, puede brindarle una alta tasa de rebote y bajas conversiones. Pero, en el mejor de los casos, puede brindarle más poder de clasificación y una mejor participación de los usuarios.

El problema es, ¿ cómo optimiza sus imágenes para el índice móvil primero?

Creas imágenes receptivas. Esto significa que la imagen se escalará con el tamaño del sitio, ya sea que el usuario esté usando una computadora de escritorio o un dispositivo móvil. Se ajusta al tamaño del dispositivo.

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=»no» hundred_percent_height=»no» hundred_percent_height_scroll=»no» hundred_percent_height_center_content=»yes» equal_height_columns=»no» hide_on_mobile=»no» background_position=»left top» background_repeat=»no-repeat» fade=»no» background_parallax=»none» enable_mobile=»no» parallax_speed=»0.3″ video_aspect_ratio=»16:9″ video_loop=»yes» video_mute=»yes» border_style=»solid» padding_top=»4%» border_sizes_top=»0px» border_sizes_bottom=»0px» border_sizes_left=»0px» border_sizes_right=»0px» flex_column_spacing=»0px» type=»flex» flex_justify_content=»center» admin_toggled=»no»][fusion_builder_row][fusion_builder_column type=»2_3″ layout=»2_3″ spacing=»0px» center_content=»no» link=»» target=»_self» min_height=»» hide_on_mobile=»no» class=»» id=»» background_color=»» background_image=»» background_position=»left top» undefined=»» background_repeat=»no-repeat» hover_type=»none» border_color=»» border_style=»solid» border_position=»all» padding_top=»» padding_right=»» padding_bottom=»» padding_left=»» margin_top=»» margin_bottom=»» animation_type=»» animation_direction=»left» animation_speed=»0.1″ animation_offset=»» last=»true» border_sizes_top=»0px» border_sizes_bottom=»0px» border_sizes_left=»0px» border_sizes_right=»0px» first=»true» spacing_right=»0px» spacing_left=»0px» type_medium=»3_4″ type_small=»5_6″][fusion_separator style_type=»none» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» class=»» id=»» sep_color=»» top_margin=»10px» bottom_margin=»» border_size=»» icon=»» icon_circle=»» icon_circle_color=»» width=»» alignment=»center» /][fusion_separator style_type=»none» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» class=»» id=»» sep_color=»» top_margin=»30px» bottom_margin=»» border_size=»» icon=»» icon_circle=»» icon_circle_color=»» width=»» alignment=»center» /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Optimización de imágenes

Optimización de imágenes

Share This Article

Artículos relacionados

Consejos web para impulsar sus ventas

Consejos SEO para su empresa

Elegir un hosting