{"id":2103,"date":"2021-02-20T18:28:49","date_gmt":"2021-02-20T09:28:49","guid":{"rendered":"https:\/\/adrianroche.vn\/es\/how-to-optimize-images-on-your-website\/"},"modified":"2022-01-16T19:51:57","modified_gmt":"2022-01-16T10:51:57","slug":"como-optimizar-las-imagenes-de-tu-web","status":"publish","type":"post","link":"https:\/\/adrianroche-tech.com\/es\/como-optimizar-las-imagenes-de-tu-web\/","title":{"rendered":"C\u00f3mo optimizar las im\u00e1genes de tu web"},"content":{"rendered":"<p>Subir im\u00e1genes a una web es un proceso sencillo, pero esa sencillez nos hace olvidar muchas veces la importancia de la optimizaci\u00f3n de las im\u00e1genes. La optimizaci\u00f3n de las im\u00e1genes no s\u00f3lo consiste en hacerlas m\u00e1s bonitas, sino tambi\u00e9n en aumentar el tr\u00e1fico hacia tu sitio web desde los motores de b\u00fasqueda. Este art\u00edculo ofrece cinco sencillos consejos que pueden ayudarte a optimizar f\u00e1cilmente tus im\u00e1genes.<\/p>\n<p>&nbsp;<\/p>\n<h3>1. Elige el tipo de archivo correcto.<\/h3>\n<p>Cada archivo de imagen tiene una extensi\u00f3n que representa el formato de la misma. Las m\u00e1s utilizadas son .png, .jpeg y .gif. Lo que quiz\u00e1 no sepas es que cada formato define de forma diferente el aspecto de una imagen. Los dise\u00f1adores web deciden el tipo de archivo en funci\u00f3n del color, tama\u00f1o y densidad de la informaci\u00f3n. Sin embargo, t\u00fa s\u00f3lo necesitas tener conocimiento b\u00e1sico de cada tipo para hacer su elecci\u00f3n; luego, los profesionales del dise\u00f1o web se ocupar\u00e1n de optimizar la imagen.<\/p>\n<p>&nbsp;<\/p>\n<h3>2. Determina la calidad de la imagen.<\/h3>\n<p>La mayor\u00eda de los editores de im\u00e1genes te permiten descargar los archivos con varios niveles de calidad. (Tambi\u00e9n puedes utilizar una herramienta online gratuita como Pixlr si quieres tener a\u00fan m\u00e1s opciones). Aunque la mayor\u00eda de la gente piensa que publicar directamente la imagen con la mayor calidad es la mejor idea, no siempre es as\u00ed. En algunas situaciones, es aconsejable guardarlas en calidad media para reducir el tama\u00f1o del archivo y acelerar la carga de la p\u00e1gina. Por ejemplo, un archivo .jpeg de alta calidad tiene unos 266 kb, uno de calidad media tiene 78 y uno en baja alrededor de 53. En general, el tama\u00f1o recomendado para una web es el medio, ya que permite una imagen buena y clara que se carga con relativa facilidad.<\/p>\n<p>&nbsp;<\/p>\n<h3>3. Guarda bien el nombre del archivo.<\/h3>\n<p>Busca en tu ordenador. Seguro que muchos archivos de imagen tienen nombres sin sentido como &#8220;Sin t\u00edtulo&#8221;, &#8220;Imagen1&#8221;, &#8220;1111&#8221; o incluso &#8220;123456&#8221;. Es una buena soluci\u00f3n para almacenarlos en tu ordenador, pero no es la adecuada para publicarlos en la web. Los nombres de los archivos de imagen se utilizan para categorizar tus im\u00e1genes en los resultados de los motores de b\u00fasqueda. Dado que \u00e9stos los usan con fines de SEO, debes asegurarte de que tu imagen tiene el nombre correcto. Intenta que no sea demasiado largo ni utilice signos de puntuaci\u00f3n. Por ejemplo, AdrianRocheVietnamComputer.jpg es demasiado largo. Sin embargo, ARocheWeb.jpg es bueno. Esto tambi\u00e9n facilitar\u00e1 la gesti\u00f3n de las fotos en tu ordenador.<\/p>\n<p>&nbsp;<\/p>\n<h3>4. Utiliza bien el t\u00edtulo y la descripci\u00f3n.<\/h3>\n<p>Cuando publiques una imagen en tu sitio web, debes darle un t\u00edtulo claro y a\u00f1adir unas l\u00edneas de descripci\u00f3n espec\u00edficas. Este texto se denomina metainformaci\u00f3n, y los motores de b\u00fasqueda lo utilizar\u00e1n para identificar tus im\u00e1genes. La descripci\u00f3n m\u00e1s eficaz es la que equilibra tanto las palabras clave del sitio web como el contenido que realmente describe la imagen. Adem\u00e1s, esta informaci\u00f3n ayuda a los motores de b\u00fasqueda a entender mejor tu p\u00e1gina, lo que repercute directamente en la clasificaci\u00f3n SEO de la web.<\/p>\n<p>&nbsp;<\/p>\n<h3>5. Vuelve a pensar en el tama\u00f1o<\/h3>\n<p>Considerar el tama\u00f1o de las im\u00e1genes que ocupar\u00e1n la web es tan importante como la calidad de la imagen. La altura y la anchura de las im\u00e1genes dependen en gran medida del dise\u00f1o de la p\u00e1gina que elijas y de su adaptaci\u00f3n a m\u00f3vil. Elegir el tama\u00f1o adecuado no s\u00f3lo hace que la interfaz sea profesional y est\u00e9 cohesionada, sino tambi\u00e9n que la web funcione con mayor eficacia.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Subir im\u00e1genes a una web es un proceso sencillo, pero esa sencillez nos hace olvidar muchas veces la importancia de la optimizaci\u00f3n de las im\u00e1genes. La optimizaci\u00f3n de las im\u00e1genes no s\u00f3lo consiste en hacerlas m\u00e1s bonitas, sino tambi\u00e9n en aumentar el tr\u00e1fico hacia tu sitio web desde los motores de b\u00fasqueda. Este art\u00edculo ofrece cinco sencillos consejos que pueden<\/p>\n<div class=\"h10\"><\/div>\n<p><a class=\"more-link2\" href=\"https:\/\/adrianroche-tech.com\/es\/como-optimizar-las-imagenes-de-tu-web\/\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":1816,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,10],"tags":[],"class_list":["post-2103","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-es","category-sin-categorizar"],"_links":{"self":[{"href":"https:\/\/adrianroche-tech.com\/es\/wp-json\/wp\/v2\/posts\/2103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adrianroche-tech.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adrianroche-tech.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adrianroche-tech.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adrianroche-tech.com\/es\/wp-json\/wp\/v2\/comments?post=2103"}],"version-history":[{"count":2,"href":"https:\/\/adrianroche-tech.com\/es\/wp-json\/wp\/v2\/posts\/2103\/revisions"}],"predecessor-version":[{"id":2107,"href":"https:\/\/adrianroche-tech.com\/es\/wp-json\/wp\/v2\/posts\/2103\/revisions\/2107"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/adrianroche-tech.com\/es\/wp-json\/wp\/v2\/media\/1816"}],"wp:attachment":[{"href":"https:\/\/adrianroche-tech.com\/es\/wp-json\/wp\/v2\/media?parent=2103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adrianroche-tech.com\/es\/wp-json\/wp\/v2\/categories?post=2103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adrianroche-tech.com\/es\/wp-json\/wp\/v2\/tags?post=2103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}