{"id":13982,"date":"2023-08-18T12:17:45","date_gmt":"2023-08-18T20:17:45","guid":{"rendered":"https:\/\/ahrefs.com\/blog\/es\/?p=13982"},"modified":"2023-08-18T12:19:55","modified_gmt":"2023-08-18T20:19:55","slug":"seo-imagenes","status":"publish","type":"post","link":"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/","title":{"rendered":"SEO de im\u00e1genes: 12 consejos pr\u00e1cticos (para aumentar el tr\u00e1fico org\u00e1nico)"},"content":{"rendered":"<div class=\"intro-txt\">Paso 1: Rellena las etiquetas alt.<br>\nPaso&nbsp;2:&nbsp;\u2026\u00bf?<\/div>\n<p>El SEO de im\u00e1genes es mucho m\u00e1s que escribir unas cuantas etiquetas alt.<\/p>\n<p>Se podr\u00eda decir que con los \u00faltimos avances de Google en inteligencia artificial, las etiquetas alt ya no deber\u00edan importar. Por ejemplo, esto es lo que ocurre cuando subes una foto de un gato a <a href=\"https:\/\/cloud.google.com\/vision?hl=es\">Vision AI de Google<\/a>, su herramienta de IA para la identificaci\u00f3n de im\u00e1genes:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13990\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/1-google-vision-api-cat.jpg\" alt=\"Vision AI de Google identificando la imagen de un gato.\" width=\"901\" height=\"697\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/1-google-vision-api-cat.jpg 901w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/1-google-vision-api-cat-549x425.jpg 549w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/1-google-vision-api-cat-768x594.jpg 768w\" sizes=\"auto, (max-width: 901px) 100vw, 901px\"><\/p>\n<p>Google puede decir que se trata de una foto de un gato con una precisi\u00f3n casi perfecta.<\/p>\n<p>Nota al margen. Me asegur\u00e9 de eliminar todos los metadatos de esta imagen. Tambi\u00e9n puedes ver que el nombre del archivo es poco descriptivo IMG_0696_2.jpg.<\/p>\n<p>Entonces, \u00bfqu\u00e9 sentido tiene a\u00f1adir las etiquetas alt si Google entiende el contenido de las im\u00e1genes? \u00bfHa muerto el SEO con im\u00e1genes? En absoluto.<\/p>\n<p>En este post vamos a repasar 12 consejos pr\u00e1cticos para optimizar im\u00e1genes y conseguir m\u00e1s tr\u00e1fico org\u00e1nico.<\/p>\n<p>\u00bfEres nuevo en el SEO <em>on-page? <\/em>Consulta nuestra <a href=\"https:\/\/ahrefs.com\/es\/seo\/on-page-seo\" data-ahr=\"https:\/\/ahrefs.com\/blog\/es\/on-page-seo\/\">Gu\u00eda para principiantes sobre SEO <em>on-page<\/em><\/a><\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"1. Nombra tus im\u00e1genes adecuadamente\" data-section=\"nombra-tus im\u00e1genes-adecuadamente\">\n<h2><strong>1. Nombra tus im\u00e1genes adecuadamente<\/strong><\/h2>\n<\/div><\/div>\n<p>Esto es <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/google-images?visit_id=638212084022791384-2122380940&amp;rd=1&amp;hl=es\">lo que dice Google<\/a> sobre los nombres de archivos de imagen:<\/p>\n<blockquote>[\u2026] el nombre del archivo puede darnos pistas sobre la tem\u00e1tica de la imagen. Siempre que sea posible, utiliza nombres que sean cortos, pero descriptivos. <strong>Por ejemplo, my-new-black-kitten.jpg es mejor que IMG00023.JPG.<\/strong><\/blockquote>\n<p>Esto es SEO b\u00e1sico. La mayor\u00eda de la gente lo&nbsp;hace.<\/p>\n<p>Es posible que sea porque Google lleva a\u00f1os dando el mismo consejo.<\/p>\n<div id=\"attachment_13991\" style=\"width: 910px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13991\" class=\"wp-image-13991 size-full\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/2-wayback-google-advice-image-filenames.jpg\" alt=\"Consejos de Google al respecto de im\u00e1genes en 2013 v\u00eda The Wayback Machine.\" width=\"900\" height=\"253\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/2-wayback-google-advice-image-filenames.jpg 900w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/2-wayback-google-advice-image-filenames-680x191.jpg 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/2-wayback-google-advice-image-filenames-768x216.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\"><p id=\"caption-attachment-13991\" class=\"wp-caption-text\">Prueba de que los consejos de Google al respecto se han mantenido constantes desde 2013, v\u00eda The Wayback Machine.<\/p><\/div>\n<p>Pero, una vez m\u00e1s, dados los recientes avances de Google en <em>machine learning<\/em> y su capacidad para reconocer im\u00e1genes, \u00bfqu\u00e9 importancia tiene esto realmente?<\/p>\n<p>Soy consciente de que el ejemplo del gato era impresionante, pero vamos a probar con otra imagen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13992\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/3-google-queso-mantequilla-error.jpg\" alt=\"Alt: Google comete un error diciendo que en la imagen hay un queso, cuando realmente es mantequilla.\" width=\"842\" height=\"415\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/3-google-queso-mantequilla-error.jpg 842w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/3-google-queso-mantequilla-error-680x335.jpg 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/3-google-queso-mantequilla-error-768x379.jpg 768w\" sizes=\"auto, (max-width: 842px) 100vw, 842px\"><\/p>\n<p>Google est\u00e1 al 91% seguro de que esto es queso, pero se equivoca. Es mantequilla.<\/p>\n<p>Ahora bien, ser\u00e9 el primero en admitir que la mantequilla se parece al queso, pero la cuesti\u00f3n sigue en pie: Google no es perfecto: hay que hacer todo lo posible para que entienda las im\u00e1genes.<\/p>\n<p>Esto no significa rellenar con palabras clave. Los nombres de los archivos deben ser descriptivos y sencillos.<\/p>\n<p><strong>Bien:<\/strong><em> perro.jpg<\/em><em><br>\n<\/em><strong>Mal:<\/strong><em> perro-perrito-cachorro-cachorros.jpg<\/em><\/p>\n<p>No cuesta demasiado cambiar el nombre de las im\u00e1genes para que sean m\u00e1s descriptivas. As\u00ed que merece la pena hacerlo.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"2. Utiliza textos alternativos y subt\u00edtulos de imagen\" data-section=\"utiliza-textos-alternativos-subtitulos-de-imagen\">\n<h2><strong>2. Utiliza textos alternativos y subt\u00edtulos de imagen<\/strong><\/h2>\n<\/div><\/div>\n<p>El <a href=\"https:\/\/ahrefs.com\/blog\/es\/texto-alternativo\/\">texto alternativo <em>(alt text)<\/em><\/a> describe una imagen. Es lo que el navegador muestra a los usuarios con lectores de pantalla. Los navegadores tambi\u00e9n muestran texto alternativo si hay un problema al renderizar las im\u00e1genes.<\/p>\n<p>Este es el c\u00f3digo HTML:<\/p>\n<p><code>img src=\"perro.jpg\" alt=\"Cachorro d\u00e1lmata corriendo\"<\/code><\/p>\n<p>Este ejemplo procede directamente de las <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/google-images?visit_id=638212090643392698-343504338&amp;rd=1&amp;hl=es\">directrices oficiales de Google<\/a>. Se utiliza para mostrar c\u00f3mo tiene que ser una etiqueta <em>alt<\/em> bien escrita. Estos son los consejos generales para escribirlas:<\/p>\n<blockquote><p>Para averiguar la tem\u00e1tica de las im\u00e1genes, usamos su texto alternativo junto con algoritmos de visi\u00f3n artificial y el contenido de las p\u00e1ginas en que se encuentran. [\u2026] Al escribir texto alternativo, c\u00e9ntrate en crear contenido \u00fatil y que contenga mucha informaci\u00f3n, que use palabras clave de manera apropiada y que coincida con el contenido de la p\u00e1gina. No incluyas un exceso de palabras clave en los atributos alt, ya que provoca una mala experiencia de usuario y puede hacer que tu sitio se considere spam<em>.<\/em><\/p><\/blockquote>\n<p>Matt Cutts da algunos consejos igualmente buenos para el texto alternativo en este v\u00eddeo que ya tiene algo de tiempo, pero sigue siendo relevante:<\/p>\n<div data-mode=\"normal\" data-oembed=\"1\" data-provider=\"youtube\" id=\"arve-youtube-3nbudpb_btc\" style=\"max-width:900px;\" class=\"arve\">\n<div class=\"arve-inner\">\n<div style=\"aspect-ratio:4\/3\" class=\"arve-embed arve-embed--has-aspect-ratio\">\n<div class=\"arve-ar\" style=\"padding-top:75.000000%\"><\/div>\n<p>\t\t\t<iframe allow=\"accelerometer 'none';autoplay 'none';bluetooth 'none';browsing-topics 'none';camera 'none';clipboard-read 'none';clipboard-write;display-capture 'none';encrypted-media 'none';gamepad 'none';geolocation 'none';gyroscope 'none';hid 'none';identity-credentials-get 'none';idle-detection 'none';keyboard-map 'none';local-fonts;magnetometer 'none';microphone 'none';midi 'none';otp-credentials 'none';payment 'none';picture-in-picture;publickey-credentials-create 'none';publickey-credentials-get 'none';screen-wake-lock 'none';serial 'none';summarizer 'none';sync-xhr;usb 'none';web-share;window-management 'none';xr-spatial-tracking 'none';\" allowfullscreen class=\"arve-iframe fitvidsignore\" credentialless data-arve=\"arve-youtube-3nbudpb_btc\" data-lenis-prevent data-src-no-ap=\"https:\/\/www.youtube-nocookie.com\/embed\/3NbuDpB_BTc?feature=oembed&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;autohide=1&amp;playsinline=0&amp;autoplay=0\" frameborder=\"0\" height=\"675\" loading=\"lazy\" name referrerpolicy=\"strict-origin-when-cross-origin\" sandbox=\"allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox\" scrolling=\"no\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/3NbuDpB_BTc?feature=oembed&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;autohide=1&amp;playsinline=0&amp;autoplay=0\" title width=\"900\"><\/iframe><\/p><\/div>\n<\/div>\n<\/div>\n<p>Sin embargo, aqu\u00ed tienes un atajo que casi siempre funciona: termina esta&nbsp;frase:<\/p>\n<p>\u201cEsta es(son) una(s) imagen\/captura de pantalla\/fotograf\u00eda\/dibujo de __________\u201d.<\/p>\n<p>Elimina cualquier conexi\u00f3n (por ejemplo, una(s)) de la frase resultante y utiliza la \u00faltima parte como texto alternativo. Veamos algunos ejemplos:<\/p>\n<p>\u201cEsta es una fotograf\u00eda de una <strong>tarta de queso con chocolate<\/strong>\u201d.<em><br>\n<code>&lt;img src=\"tarta-queso-chocolate.jpg\" alt=\"Tarta de queso con chocolate\"\/&gt;<\/code><\/em><\/p>\n<p><em>\u201cEste es un dibujo de mi gato, Mark, jugando con sus juguetes\u201d.<\/em><em><br>\n<\/em><code>&lt;img src=\"mark-el-gato.jpg\" alt=\"Mi gato, Mark, jugando con sus juguetes\"\/&gt;<\/code><\/p>\n<p>Si lo prefieres, puedes desviarte ligeramente de esta f\u00f3rmula al escribir el texto alternativo de las im\u00e1genes de los productos. En este caso, puede ser \u00fatil a\u00f1adir el n\u00famero de producto o de serie, por ejemplo:<\/p>\n<p><code>&lt;img src=\"bateria-sony-alpha.jpg\" alt=\"Bater\u00eda para Sony A7IV (NP-FZ100)\"\/&gt;<\/code><\/p>\n<p>Google no tiene directrices oficiales que indiquen que se debe hacer esto. Pero tiene sentido porque Google entiende, claramente, las relaciones entre los nombres de los productos y los n\u00fameros de serie\/producto. Echa un vistazo a las b\u00fasquedas relacionadas para esta consulta:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13993\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/4-busqueda-en-Google.png\" alt=\"Buscando en Google un c\u00f3digo de producto, y viendo que lo reconoce a trav\u00e9s de los resultados relacionados.\" width=\"1999\" height=\"1021\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/4-busqueda-en-Google.png 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/4-busqueda-en-Google-680x347.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/4-busqueda-en-Google-768x392.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/4-busqueda-en-Google-1536x785.png 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><\/p>\n<p>Google sabe exactamente qu\u00e9 producto estamos buscando bas\u00e1ndose \u00fanicamente en la b\u00fasqueda del n\u00famero de producto. Por lo tanto, incorporar esto al texto alternativo puede ayudar a Google a entender que se trata, de hecho, de una imagen de un producto concreto.<\/p>\n<div class=\"recommendation\"><div class=\"recommendation-title\">PRO TIP<\/div><div class=\"recommendation-content\">\n<p>Encuentra todas las im\u00e1genes de tu sitio a las que les falta el texto alternativo con <a href=\"https:\/\/ahrefs.com\/es\/site-audit\">Site Audit<\/a> de Ahrefs.<\/p>\n<p><em>Site Audit &gt; [tu sitio] &gt; Images &gt; Missing alt&nbsp;text<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13994\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/5-Site-audit-alt-image.png\" alt=\"Informe de im\u00e1genes sin texto alternativo a trav\u00e9s del Site Audit de Ahrefs.\" width=\"1999\" height=\"1248\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/5-Site-audit-alt-image.png 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/5-Site-audit-alt-image-680x425.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/5-Site-audit-alt-image-768x479.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/5-Site-audit-alt-image-1536x959.png 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><\/p>\n<\/div><\/div>\n<p>No te olvides de los subt\u00edtulos de las im\u00e1genes. Tambi\u00e9n son importantes.<\/p>\n<p>Esto es lo que dice Google:<\/p>\n<p><em>Google extrae informaci\u00f3n sobre el tema de la imagen del contenido de la p\u00e1gina, incluidos los t\u00edtulos y <\/em><strong><em>subt\u00edtulos de las im\u00e1genes<\/em><\/strong><em>. Siempre que sea posible, aseg\u00farate de que las im\u00e1genes se muestran cerca del texto correspondiente y en p\u00e1ginas relacionadas con la imagen en cuesti\u00f3n.<\/em><\/p>\n<p>Los subt\u00edtulos de las im\u00e1genes (o <em>captions) <\/em>son el texto peque\u00f1o que sale debajo de la imagen. Recomiendo utilizarlos siempre que sea posible.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"3. Elige el mejor tipo de archivo\" data-section=\"elige-mejor-tipo-de-archivo\">\n<h2><strong>3. Elige el mejor tipo de archivo<\/strong><\/h2>\n<\/div><\/div>\n<p>La mayor\u00eda de las im\u00e1genes que aparecenen internet son de uno de estos tres tipos de archivo: JPEG, PNG o&nbsp;GIF.<\/p>\n<p>Cada uno de ellos utiliza un m\u00e9todo de compresi\u00f3n distinto. Esto significa que el tama\u00f1o de los archivos puede variar mucho de un tipo a otro. Y eso es importante. <a href=\"https:\/\/support.google.com\/webmasters\/answer\/114016?hl=es\">Aqu\u00ed la raz\u00f3n<\/a>:<\/p>\n<p><em>Las im\u00e1genes suelen ser los elementos que m\u00e1s incrementan el tama\u00f1o general de las p\u00e1ginas y hacen que sean m\u00e1s lentas y dif\u00edciles de cargar.<\/em><\/p>\n<p>El tiempo de carga de una p\u00e1gina es un factor crucial para el SEO. Google ha confirmado que es un factor de posicionamiento tanto en <a href=\"https:\/\/developers.google.com\/search\/blog\/2010\/04\/using-site-speed-in-web-search-ranking?hl=es\"><em>desktop<\/em><\/a> como en <a href=\"https:\/\/developers.google.com\/search\/blog\/2018\/01\/using-page-speed-in-mobile-search?hl=es\">m\u00f3vil<\/a>. Por lo que tu tarea consiste en elegir el tipo de archivo m\u00e1s adecuado para cada imagen, es decir, el que ofrezca la mejor compresi\u00f3n con la menor reducci\u00f3n de calidad.<\/p>\n<p>Teniendo esto en cuenta, aqu\u00ed tienes la misma imagen en GIF, JPEG y&nbsp;PNG:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13995\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/6-niveles-compresion-imagenes.jpg\" alt=\" Comparando los niveles de compresi\u00f3n y calidad en una misma imagen en formato GIF, JPEG y PNG.\" width=\"1200\" height=\"354\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/6-niveles-compresion-imagenes.jpg 1200w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/6-niveles-compresion-imagenes-680x201.jpg 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/6-niveles-compresion-imagenes-768x227.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\"><\/p>\n<p>Se puede ver que la imagen JPEG es claramente la ganadora. Tiene el tama\u00f1o de archivo m\u00e1s peque\u00f1o, y la diferencia de calidad con las otras dos im\u00e1genes es pr\u00e1cticamente inapreciable. Entonces, \u00bfes JPEG siempre la mejor opci\u00f3n? En absoluto.<\/p>\n<p>Creo que <a href=\"https:\/\/www.labnol.org\/software\/tutorials\/jpeg-vs-png-image-quality-or-bandwidth\/5385\/\">esta ilustraci\u00f3n<\/a> lo dice&nbsp;todo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13996\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/7-png-vs-jpeg.png\" alt=\"Ilustraci\u00f3n PNG vs JPEG\" width=\"420\" height=\"450\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/7-png-vs-jpeg.png 420w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/7-png-vs-jpeg-397x425.png 397w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\"><\/p>\n<p>En general, JPEG es el mejor formato para fotograf\u00edas, mientras que PNG es el mejor para dibujos lineales, texto, etc. Los GIF son mejores para im\u00e1genes en movimiento. Puedes obtener m\u00e1s informaci\u00f3n sobre las diferencias t\u00e9cnicas entre estos tres formatos <a href=\"https:\/\/www.labnol.org\/software\/tutorials\/jpeg-vs-png-image-quality-or-bandwidth\/5385\/\">aqu\u00ed<\/a> (en ingl\u00e9s).<\/p>\n<p>La mayor\u00eda de las aplicaciones profesionales de edici\u00f3n de im\u00e1genes (por ejemplo, Photoshop) te dar\u00e1n la opci\u00f3n de guardarlas como JPEG, PNG o GIF. Tambi\u00e9n puedes utilizarlas para convertir una imagen de un formato de archivo a otro. \u00bfNo tienes un programa profesional de edici\u00f3n de im\u00e1genes? Prueba <a href=\"https:\/\/image.online-convert.com\/convert-to-png\">esta herramienta gratuita<\/a>.<\/p>\n<p>Para las capturas de pantalla, aqu\u00ed tienes algunas aplicaciones que te permiten exportar en varios formatos:<\/p>\n<ul>\n<li><a href=\"https:\/\/evernote.com\/products\/skitch\">Skitch<\/a> (Mac)<\/li>\n<li><a href=\"https:\/\/monosnap.com\/welcome\">Monosnap<\/a> (Mac, Windows)<\/li>\n<li><a href=\"https:\/\/app.prntscr.com\/\">Lightshot<\/a> (Mac, Windows)<\/li>\n<\/ul>\n<div class=\"sidenote\"><div class=\"sidenote-title\">Nota al margen.<\/div>Tambi\u00e9n hay un formato de imagen nuevo: WebP. Promete una compresi\u00f3n superior a JPEG y PNG. Sin embargo, he decidido dejarlo fuera del art\u00edculo por ahora, ya que su compatibilidad puede variar de un navegador a otro. Puedes obtener m\u00e1s informaci\u00f3n sobre WebP <a href=\"https:\/\/developers.google.com\/speed\/webp?hl=es-419\">aqu\u00ed<\/a>.<\/div>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"4. Redimensiona tus im\u00e1genes de acuerdo con las dimensiones de tu web\" data-section=\"redimensiona-imagenes-con-dimensiones-de-tu-web\">\n<h2><strong>4. Redimensiona tus im\u00e1genes de acuerdo con las dimensiones de tu&nbsp;web<\/strong><\/h2>\n<\/div><\/div>\n<p>As\u00ed se ver\u00eda el <a href=\"https:\/\/ahrefs.com\/blog\/es\">blog de Ahrefs<\/a> en un monitor panor\u00e1mico:<\/p>\n<div id=\"attachment_13997\" style=\"width: 2009px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13997\" class=\"wp-image-13997 size-full\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/8-dimensiones-blog-ahrefs.png\" alt=\"Captura de pantallas del blog de Ahrefs resoluci\u00f3n 2560 x 1440\" width=\"1999\" height=\"594\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/8-dimensiones-blog-ahrefs.png 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/8-dimensiones-blog-ahrefs-680x202.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/8-dimensiones-blog-ahrefs-768x228.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/8-dimensiones-blog-ahrefs-1536x456.png 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><p id=\"caption-attachment-13997\" class=\"wp-caption-text\">Un art\u00edculo del blog de Ahrefs en un monitor con una resoluci\u00f3n de casi 3000px de&nbsp;ancho.<\/p><\/div>\n[\/caption]\u00bfNotas el espacio en blanco a ambos lados del art\u00edculo? Eso es porque la anchura m\u00e1xima del contenido del blog es de 650px. En otras palabras, sea cual sea el tama\u00f1o de tu pantalla, las im\u00e1genes nunca ser\u00e1n m\u00e1s de 650px de&nbsp;ancho\n<p>Ahora bien, cuantos m\u00e1s p\u00edxeles compongan tu imagen, mayor ser\u00e1 el tama\u00f1o del archivo.<\/p>\n<p>El navegador redimensionar\u00e1 las im\u00e1genes de m\u00e1s de 650px para que quepan en la pantalla (al menos con sitios web <em>responsive<\/em> bien construidos). Pero, sobre todo, el navegador tiene que cargar la imagen a tama\u00f1o completo. Es decir, si subimos una imagen de 6000px de ancho, el navegador tendr\u00e1 que cargarla entera aunque se muestre a 650px. Es muy&nbsp;lento.<\/p>\n<p>La soluci\u00f3n es redimensionar y subir las im\u00e1genes con el ancho m\u00e1ximo que necesites. Ten en cuenta que esto puede no ser 650px. Depende del dise\u00f1o general de tu web. El primer paso es averiguarlo. Puedes hacerlo <a href=\"https:\/\/www.bu.edu\/tech\/services\/cccs\/websites\/www\/wordpress\/how-to\/find-area-width\/\">indagando en tu CSS<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13998\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/9-ancho-post-ahrefs.jpg\" alt=\"Ancho permitido en el contenido de un art\u00edculo del blog de Ahrefs.\" width=\"1100\" height=\"908\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/9-ancho-post-ahrefs.jpg 1100w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/9-ancho-post-ahrefs-515x425.jpg 515w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/9-ancho-post-ahrefs-768x634.jpg 768w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/p>\n<div class=\"recommendation\"><div class=\"recommendation-title\">IMPORTANTE<\/div><div class=\"recommendation-content\">\n<p>Ten cuidado con esto, especialmente si utilizas un dise\u00f1o <em>responsive<\/em>. A veces la anchura de tu web puede ser mayor en pantallas peque\u00f1as que en las grandes. Es el caso del blog de Ahrefs.<\/p>\n<\/div><\/div>\n<p>Puedes utilizar <a href=\"https:\/\/tool.smartresize.com\/\">esta herramienta<\/a> para redimensionar todas las im\u00e1genes de&nbsp;golpe.<\/p>\n<p>Solo importa la anchura, as\u00ed que sube tus im\u00e1genes en grupo y utiliza la opci\u00f3n \u201cmax-width\u201d para ajustar solo la anchura.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13999\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/10-reduccion-dimensiones-imagenes.png\" alt=\"Usando una herramienta para reducir la dimensi\u00f3n de las im\u00e1genes, con un tope de 650px.\" width=\"1999\" height=\"536\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/10-reduccion-dimensiones-imagenes.png 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/10-reduccion-dimensiones-imagenes-680x182.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/10-reduccion-dimensiones-imagenes-768x206.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/10-reduccion-dimensiones-imagenes-1536x412.png 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><\/p>\n<p>Los archivos JPEG y PNG deben cargarse en dos tandas por separado. De lo contrario, la herramienta convertir\u00e1 todas las im\u00e1genes en un tipo de archivo de imagen coherente. Puedes seleccionar entre JPEG y PNG en la propia herramienta. Utiliza la opci\u00f3n adecuada para el lote de im\u00e1genes que est\u00e9s optimizando.<\/p>\n<p>Aqu\u00ed tienes dos razones por las que esta herramienta es&nbsp;ideal:<\/p>\n<ol>\n<li><strong>Redimensionamiento del ancho m\u00e1ximo: <\/strong>Digamos que el ancho m\u00e1ximo de tu web es de 700px. Tienes un mont\u00f3n de im\u00e1genes que es necesario redimensionar. Algunas son m\u00e1s anchas que 700px, y otras son m\u00e1s estrechas que 700px. Con las m\u00e1s estrechas no te interesa redimensionarlas a 700px, ya que disminuir\u00eda la calidad general de la imagen. Esta herramienta mantiene esas im\u00e1genes en su tama\u00f1o actual. Solo cambia el tama\u00f1o de las que son demasiado anchas.<\/li>\n<li><strong>Mantiene intactos los nombres de los archivos:<\/strong> Te has pasado a\u00f1os nombrando tus im\u00e1genes para SEO. Las redimensionas y descargas las versiones redimensionadas. Abres el .zip y encuentras imagen1.png, imagen2.png. (entender\u00e1s esta frustraci\u00f3n si alguna vez has descargado im\u00e1genes de Google Docs). Esta herramienta mantiene intactos los nombres de los archivos, por lo que no tendr\u00e1s que renombrarlos despu\u00e9s de redimensionarlos.<\/li>\n<\/ol>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"5. Reduce el tama\u00f1o de tus im\u00e1genes\" data-section=\"reduce-tamano-de-tus imagenes\">\n<h2><strong>5. Reduce el tama\u00f1o de tus im\u00e1genes<\/strong><\/h2>\n<\/div><\/div>\n<p>Echa un vistazo a estas dos im\u00e1genes:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14000\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/11-compresion-imagenes-jpeg.jpg\" alt=\"Comparativa de dos im\u00e1genes JPEG con distintos niveles de compresi\u00f3n.\" width=\"906\" height=\"354\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/11-compresion-imagenes-jpeg.jpg 906w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/11-compresion-imagenes-jpeg-680x266.jpg 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/11-compresion-imagenes-jpeg-768x300.jpg 768w\" sizes=\"auto, (max-width: 906px) 100vw, 906px\"><\/p>\n<p>Ambas son JPEG. Apenas se aprecia diferencia de calidad entre las dos, pero la primera imagen es un 58% m\u00e1s peque\u00f1a que la primera (31kb frente a&nbsp;73kb).<\/p>\n<p>Google tiene una <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/optimizing-content-efficiency\/image-optimization\">documentaci\u00f3n muy extensa<\/a> sobre la optimizaci\u00f3n de im\u00e1genes para la&nbsp;web.<\/p>\n<p>La clave en lo que respecta al tama\u00f1o de los archivos es la siguiente:<\/p>\n<blockquote><p>Para obtener los mejores resultados, experimenta con distintos ajustes de calidad para tus im\u00e1genes y <strong>no tengas miedo de bajar la calidad:<\/strong> los resultados visuales suelen ser muy buenos y el ahorro de tama\u00f1o de los archivos puede ser bastante grande.<\/p><\/blockquote>\n<p>Google recomienda tres herramientas open-source para ayudar con esto: <a href=\"https:\/\/github.com\/google\/guetzli\">Guetzli<\/a>, <a href=\"https:\/\/github.com\/mozilla\/mozjpeg\">MozJPEG<\/a> (de Mozilla) y <a href=\"https:\/\/pngquant.org\/\">pngquant<\/a>. Puedes leer sus directrices para el uso de estas herramientas aqu\u00ed. Sin embargo, ten en cuenta que se trata de herramientas de l\u00ednea de comandos. Si no te gusta utilizar el terminal, la recomendaci\u00f3n de Google es que utilices <a href=\"https:\/\/imageoptim.com\/\">ImageOptim<\/a>, una herramienta gratuita para Mac. (Encuentra alternativas para Linux y Windows <a href=\"https:\/\/imageoptim.com\/versions.html\">aqu\u00ed<\/a>).<\/p>\n<p>Solo tienes que introducir tus im\u00e1genes y se comprimir\u00e1n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14001\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/12-uso-de-image-optim.png\" alt=\"Usando ImageOptim para comprimir im\u00e1genes.\" width=\"1999\" height=\"448\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/12-uso-de-image-optim.png 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/12-uso-de-image-optim-680x152.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/12-uso-de-image-optim-768x172.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/12-uso-de-image-optim-1536x344.png 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><\/p>\n<p>Puedes cambiar el nivel de compresi\u00f3n en los ajustes e incluso activar la compresi\u00f3n con p\u00e9rdida.<\/p>\n<p>Tambi\u00e9n elimina los datos <a href=\"https:\/\/es.wikipedia.org\/wiki\/Exchangeable_image_file_format\">EXIF<\/a> de forma predeterminada. Esto ayuda a reducir a\u00fan m\u00e1s el tama\u00f1o del archivo, aunque no suele ser mucho. Puedes utilizar <a href=\"https:\/\/www.verexif.com\/en\/\">esta herramienta web gratuita<\/a> (recomendada oficialmente por Google) para eliminar los datos EXIF si no vas a utilizar ImageOptim.<\/p>\n<div class=\"recommendation\"><div class=\"recommendation-title\">PRO TIP<\/div><div class=\"recommendation-content\">\n<p>Google <a href=\"https:\/\/www.youtube.com\/watch?v=GMf6FmRus2M\">ha declarado<\/a> que los datos EXIF pueden ser un \u201cfactor de posicionamiento\u201d en Google Im\u00e1genes.<\/p>\n<div data-mode=\"normal\" data-oembed=\"1\" data-provider=\"youtube\" id=\"arve-youtube-gmf6fmrus2m\" style=\"max-width:900px;\" class=\"arve\">\n<div class=\"arve-inner\">\n<div style=\"aspect-ratio:500\/281\" class=\"arve-embed arve-embed--has-aspect-ratio\">\n<div class=\"arve-ar\" style=\"padding-top:56.200000%\"><\/div>\n<p>\t\t\t<iframe allow=\"accelerometer 'none';autoplay 'none';bluetooth 'none';browsing-topics 'none';camera 'none';clipboard-read 'none';clipboard-write;display-capture 'none';encrypted-media 'none';gamepad 'none';geolocation 'none';gyroscope 'none';hid 'none';identity-credentials-get 'none';idle-detection 'none';keyboard-map 'none';local-fonts;magnetometer 'none';microphone 'none';midi 'none';otp-credentials 'none';payment 'none';picture-in-picture;publickey-credentials-create 'none';publickey-credentials-get 'none';screen-wake-lock 'none';serial 'none';summarizer 'none';sync-xhr;usb 'none';web-share;window-management 'none';xr-spatial-tracking 'none';\" allowfullscreen class=\"arve-iframe fitvidsignore\" credentialless data-arve=\"arve-youtube-gmf6fmrus2m\" data-lenis-prevent data-src-no-ap=\"https:\/\/www.youtube-nocookie.com\/embed\/GMf6FmRus2M?feature=oembed&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;autohide=1&amp;playsinline=0&amp;autoplay=0\" frameborder=\"0\" height=\"505.8\" loading=\"lazy\" name referrerpolicy=\"strict-origin-when-cross-origin\" sandbox=\"allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox\" scrolling=\"no\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/GMf6FmRus2M?feature=oembed&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;autohide=1&amp;playsinline=0&amp;autoplay=0\" title width=\"900\"><\/iframe><\/p><\/div>\n<\/div>\n<\/div>\n<p>Por esta raz\u00f3n, puede ser algo que te interese conservar. Puedes desactivar la eliminaci\u00f3n de datos EXIF en los ajustes de ImageOptim.<\/p>\n<p>\u00bfNuestro veredicto? Los posibles aspectos positivos de dejar los datos EXIF intactos, cuando se realiza SEO local, probablemente superan a los negativos.<\/p>\n<\/div><\/div>\n<p>\u00bfSon buenos los resultados de esta herramienta? Decid\u00ed hacer un mini experimento. Tom\u00e9 una peque\u00f1a muestra de 15 im\u00e1genes, algunas JPEG y otras PNG. Las introduje todas en esta herramienta con la configuraci\u00f3n predeterminada. Hice lo mismo con otras alternativas.<\/p>\n<p>As\u00ed es como les fue en t\u00e9rminos de reducci\u00f3n del tama\u00f1o medio de los archivos:<\/p>\n<ul>\n<li><a href=\"https:\/\/imageoptim.com\/\"><strong>Imageoptim<\/strong><\/a><strong>:<\/strong> 69% (JPEG). 40% (PNG)<\/li>\n<li><a href=\"https:\/\/shortpixel.com\/\"><strong>Shortpixel<\/strong><\/a><strong>:<\/strong> 42% (JPEG). 59% (PNG)<\/li>\n<li><a href=\"https:\/\/kraken.io\/\"><strong>Kraken.io<\/strong><\/a><strong>:<\/strong> 13% (JPEG). 63% (PNG).<\/li>\n<li><a href=\"https:\/\/tinypng.com\/\"><strong>TinyPNG<\/strong><\/a><strong>:<\/strong> 27% (JPEG). 65% (PNG).<\/li>\n<li><a href=\"https:\/\/imagecompressor.com\/\"><strong>Optimizilla<\/strong><\/a>: 27% (JPEG). 60% (PNG)<\/li>\n<li><a href=\"https:\/\/imagify.io\/\"><strong>Imagify.io<\/strong><\/a>: 6% (JPEG). 1% (PNG)<\/li>\n<li><a href=\"https:\/\/compressor.io\/\"><strong>Compressor.io<\/strong><\/a><strong>:<\/strong> 42% (JPEG). 58% (PNG)<\/li>\n<\/ul>\n<p>ImageOptim (la herramienta recomendada por Google) era, con diferencia, la mejor para los JPEG. Pero fue una de las peores para los PNG. Sin embargo, hay que tener en cuenta una advertencia: ImageOptim ofrece, de forma predeterminada, una calidad PNG del 70%. Se puede bajar hasta el&nbsp;40%.<\/p>\n<p>Si lo haces, la compresi\u00f3n media aumenta hasta el 75,6% para PNG. Esto lo convierte en el ganador tanto para JPG como para&nbsp;PNG.<\/p>\n<p>A\u00fan as\u00ed, si nos atenemos a los resultados de la configuraci\u00f3n predeterminada anterior, Shortpixel parece ser el mejor compresor de im\u00e1genes en general.<\/p>\n<p>Esto es especialmente bueno para aquellos que usen WordPress, ya que existe un <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\">plugin de ShortPixel para WordPress<\/a>. Es gratuito hasta 100 im\u00e1genes al&nbsp;mes.<\/p>\n<p>Adem\u00e1s, te da la opci\u00f3n de comprimir todas las im\u00e1genes que ya tienes en tu sitio de WordPress. No puedes hacer lo mismo con las otras herramientas de la&nbsp;lista.<\/p>\n<div class=\"recommendation\"><div class=\"recommendation-title\">PRO TIP<\/div><div class=\"recommendation-content\">\n<p>Puedes encontrar las im\u00e1genes de tu sitio que pueden beneficiarse de la compresi\u00f3n con <a href=\"http:\/\/ahrefs.com\/es\/site-audit\">Site Audit<\/a>.<\/p>\n<p><em>Site Audit &gt; [tu proyecto] &gt; Images<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14002\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/13-Site-audit-imagenes.png\" alt=\"Pesta\u00f1a de im\u00e1genes en Site Audit de Ahrefs\" width=\"1999\" height=\"1503\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/13-Site-audit-imagenes.png 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/13-Site-audit-imagenes-565x425.png 565w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/13-Site-audit-imagenes-768x577.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/13-Site-audit-imagenes-1536x1155.png 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><\/p>\n<\/div><\/div>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"6. Crea un sitemap de im\u00e1genes\" data-section=\"crea-sitemap-de-imagenes\">\n<h2><strong>6. Crea un <\/strong><strong><em>sitemap<\/em><\/strong><strong> de im\u00e1genes<\/strong><\/h2>\n<\/div><\/div>\n<p>Esto es <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/google-images?visit_id=638212185816700357-2933780081&amp;rd=1&amp;hl=es\">lo que dice Google<\/a> sobre los <em>sitemaps<\/em> de im\u00e1genes:<\/p>\n<blockquote><p>Las im\u00e1genes son una fuente importante de informaci\u00f3n sobre el contenido de tu sitio. Puedes dar a Google detalles adicionales sobre tus im\u00e1genes y proporcionar la URL de im\u00e1genes que de otro modo no descubrir\u00edamos a\u00f1adiendo informaci\u00f3n a un sitemap de im\u00e1genes.<\/p><\/blockquote>\n<p><a href=\"https:\/\/developers.google.com\/search\/docs\/crawling-indexing\/sitemaps\/image-sitemaps?visit_id=638212188045655539-2934183795&amp;rd=1&amp;hl=es\">Estas<\/a> son las etiquetas que puedes utilizar en los <em>sitemaps<\/em> de im\u00e1genes:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14003\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/13b-etiquetas-imagenes.png\" alt=\"Etiquetas obligatorias en los sitemaps de las im\u00e1genes que busca Google.\" width=\"1846\" height=\"756\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/13b-etiquetas-imagenes.png 1846w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/13b-etiquetas-imagenes-680x278.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/13b-etiquetas-imagenes-768x315.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/13b-etiquetas-imagenes-1536x629.png 1536w\" sizes=\"auto, (max-width: 1846px) 100vw, 1846px\"><\/p>\n<p>Si est\u00e1s usando WordPress y Yoast SEO, las im\u00e1genes se a\u00f1aden a tu <em>sitemap<\/em> autom\u00e1ticamente. Esto es as\u00ed incluso para los sitios que tienen las p\u00e1ginas \u201cmedio\u201d configuradas como noindex.<\/p>\n<div class=\"recommendation\"><div class=\"recommendation-title\">ETIQUETAS Y ATRIBUTOS OBSOLETOS<\/div><div class=\"recommendation-content\">\n<p><a href=\"https:\/\/developers.google.com\/search\/docs\/crawling-indexing\/sitemaps\/image-sitemaps?visit_id=638212188045655539-2934183795&amp;rd=1&amp;hl=es#deprecated\">Google elimin\u00f3<\/a> los siguientes atributos y etiquetas de su documentaci\u00f3n: <code>image:caption<\/code>,<code>image:geo_location<\/code>,<code>image:title<\/code>,<code>image:license<\/code>. Ya no te tienes que preocupar de&nbsp;ellos.<\/p>\n<\/div><\/div>\n<p>Google tambi\u00e9n dice&nbsp;que:<\/p>\n<blockquote><p>Los sitemaps de im\u00e1genes pueden contener URL de otros dominios, a diferencia de los sitemaps normales, que aplican restricciones entre dominios. Esto permite a los webmasters utilizar CDN (redes de distribuci\u00f3n de contenidos) para alojar im\u00e1genes. Te recomendamos que verifiques el nombre de dominio de la CDN en Search Console para que podamos informarte de cualquier error de rastreo que podamos encontrar.<\/p><\/blockquote>\n<p>Es \u00fatil saberlo si utilizas una CDN para alojar tus im\u00e1genes. M\u00e1s adelante hablaremos de&nbsp;ello.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"7. Utiliza gr\u00e1ficos vectoriales cuando sea apropiado\" data-section=\"utiliza-gr\u00e1ficos-vectoriales-cuando-apropiado\">\n<h2><strong>7. Utiliza gr\u00e1ficos vectoriales cuando sea apropiado<\/strong><\/h2>\n<\/div><\/div>\n<p>Esto es <a href=\"https:\/\/web.dev\/fast\/#optimize-your-images\">lo que dice Google<\/a> sobre los gr\u00e1ficos vectoriales:<\/p>\n<blockquote><p>Los gr\u00e1ficos vectoriales utilizan l\u00edneas, puntos y pol\u00edgonos para representar una imagen. Son ideales para im\u00e1genes formadas por formas geom\u00e9tricas simples (por ejemplo, logotipos, texto, iconos, etc.) y ofrecen resultados n\u00edtidos en todas las resoluciones y ajustes de zoom, lo que los convierte en un formato ideal para pantallas de alta resoluci\u00f3n y activos que deben mostrarse en distintos tama\u00f1os.<\/p><\/blockquote>\n<p>Muchos sitios utilizan gr\u00e1ficos vectoriales para sus logotipos y otros elementos sencillos del&nbsp;sitio.<\/p>\n<p>Los SVG (Scalable Vector Graphics) son quiz\u00e1 el formato vectorial m\u00e1s popular de la web. Los desarroll\u00f3 el Consorcio World Wide Web (W3C) y se basan en XML. Como tales, todos los navegadores modernos los <a href=\"https:\/\/caniuse.com\/#feat=svg\">soportan<\/a>.<\/p>\n<p>No importa qu\u00e9 navegador, dispositivo o resoluci\u00f3n de pantalla tengas, los SVG siempre se ver\u00e1n n\u00edtidos porque no pixelan. Podr\u00edas mostrar un SVG en una pantalla del tama\u00f1o de un planeta y no perder\u00edas ni un \u00e1pice de calidad.<\/p>\n<div class=\"sidenote\"><div class=\"sidenote-title\">Nota al margen.<\/div>\u00bfQuieres saber c\u00f3mo crear SVG? Lee <a href=\"https:\/\/www.w3schools.com\/graphics\/svg_intro.asp\">esto<\/a>. Tambi\u00e9n puedes exportar ilustraciones como SVG con la mayor\u00eda de las aplicaciones modernas de dise\u00f1o gr\u00e1fico, como <a href=\"https:\/\/helpx.adobe.com\/uk\/illustrator\/how-to\/export-svg.html\">Adobe Illustrator<\/a>.<\/div>\n<p>Estas son las sugerencias de Google para optimizar los&nbsp;SVG:<\/p>\n<ul>\n<li>Los archivos SVG deben minificarse para reducir su tama\u00f1o.<\/li>\n<li>Los archivos SVG deben comprimirse con&nbsp;GZIP.<\/li>\n<\/ul>\n<p>Su herramienta recomendada para minificar archivos SVG es<a href=\"https:\/\/github.com\/svg\/svgo\"> svgo<\/a>.<\/p>\n<p>\u00bfNo te sientes c\u00f3modo utilizando el terminal? Utiliza <a href=\"https:\/\/jakearchibald.github.io\/svgomg\/\">esta aplicaci\u00f3n web<\/a> o <a href=\"https:\/\/image-shrinker.com\/\">esta app para Mac<\/a> que cumplen la misma funci\u00f3n. Ambas ofrecen una interfaz sencilla de arrastrar y soltar para minificar dichos archivos. Personalmente prefiero la aplicaci\u00f3n web.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14004\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/14-compresion-de-imagenes-svgo.jpg\" alt=\"Aplicaci\u00f3n web svgo para comprimir archivos .svg.\" width=\"1999\" height=\"993\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/14-compresion-de-imagenes-svgo.jpg 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/14-compresion-de-imagenes-svgo-680x338.jpg 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/14-compresion-de-imagenes-svgo-768x382.jpg 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/14-compresion-de-imagenes-svgo-1536x763.jpg 1536w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/14-compresion-de-imagenes-svgo-400x200.jpg 400w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><\/p>\n<p>Esta captura de pantalla resume todo lo que hay que saber sobre los SVG. Puedes ver que el tama\u00f1o original del SVG era de 8,54kb. Eso es incre\u00edblemente peque\u00f1o. La versi\u00f3n minificada (y comprimida con gzip) es a\u00fan m\u00e1s peque\u00f1a, con solo 5,07kb, lo que supone un ahorro del 59,34%.<\/p>\n<p>La compresi\u00f3n gzip se activa en el servidor. En otras palabras, el SVG anterior solo utilizar\u00e1 5,07kb de ancho de banda si el servidor lo permite; de lo contrario, utilizar\u00e1 8,54k.<\/p>\n<p>Utiliza <a href=\"https:\/\/checkgzipcompression.com\/\">esta herramienta<\/a> para comprobar si la compresi\u00f3n gzip est\u00e1 activada en tu servidor. Sigue <a href=\"https:\/\/www.collectiveray.com\/wp\/tips\/enable-wordpress-gzip-compression\">estas instrucciones<\/a> para activarla en caso contrario.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"8. Ofrece im\u00e1genes responsive\" data-section=\"ofrece-imagenes-responsive\">\n<h2><strong>8. Ofrece im\u00e1genes <\/strong><strong><em>responsive<\/em><\/strong><\/h2>\n<\/div><\/div>\n<p>Digamos que subes una imagen de 650px de ancho a tu&nbsp;sitio.<\/p>\n<p>Si alguien lo visita desde un dispositivo m\u00f3vil con una pantalla mucho m\u00e1s peque\u00f1a, digamos de 320px de ancho, entonces el navegador todav\u00eda tiene que cargar la imagen de 650px. Esa imagen se ver\u00e1 perfectamente. Pero tambi\u00e9n lo har\u00eda una imagen de 320px de&nbsp;ancho.<\/p>\n<p>\u00bfVes el problema? Cargar la imagen de 720px es un desperdicio de ancho de banda y solo sirve para ralentizar la velocidad de carga de la p\u00e1gina. Eso no es bueno para el&nbsp;SEO.<\/p>\n<p>La soluci\u00f3n es utilizar<code>srcset<\/code>.<\/p>\n<p>Esta es una pieza m\u00e1gica de c\u00f3digo HTML que le dice al navegador que cargue diferentes versiones de una imagen para diferentes resoluciones de pantalla.<\/p>\n<p>Aqu\u00ed est\u00e1 el c\u00f3digo, seguido de una explicaci\u00f3n:<\/p>\n<p><code>&lt;img src=\"imagen.jpg\" srcset=\"imagen-medium.jpg 1000w, imagen-large.jpg 2000w\"\/&gt;<\/code><\/p>\n<p>La primera parte del c\u00f3digo es una etiqueta <code>&lt;img&gt;<\/code>est\u00e1ndar. A continuaci\u00f3n, incluimos enlaces a otras dos versiones de la misma imagen en distintos tama\u00f1os: mediano (1000px de ancho) y grande (2000px de&nbsp;ancho).<\/p>\n<p>Ahora voy a copiar esta parte de la explicaci\u00f3n casi palabra por palabra de <a href=\"https:\/\/css-tricks.com\/responsive-images-youre-just-changing-resolutions-use-srcset\/\">este art\u00edculo<\/a> porque lo explica muy&nbsp;bien.<\/p>\n<p>Digamos que est\u00e1s en un dispositivo con un ancho de pantalla de 320px y es una pantalla 1x (no retina). Las im\u00e1genes que tienes son peque\u00f1a.jpg (500px de ancho), mediana.jpg (1000px de ancho), y grande.jpg (2000px de&nbsp;ancho).<\/p>\n<p>El navegador dir\u00eda:<\/p>\n<blockquote><p><em>D\u00e9jame hacer unos c\u00e1lculos r\u00e1pidos que a nadie le importan excepto a&nbsp;m\u00ed.<\/em><\/p>\n<p><em>500 \/ 320 = 1.5625<\/em><\/p>\n<p><em>1000 \/ 320 = 3.125<\/em><\/p>\n<p><em>2000 \/ 320 = 6.25<\/em><\/p>\n<p><em>OK, as\u00ed que como soy una pantalla 1x, 1.5625 es lo m\u00e1s cercano a lo que necesito. Es un poco alto, pero es la mejor opci\u00f3n comparada con esas otras que son demasiado altas.<\/em><\/p><\/blockquote>\n<p>Ahora otro navegador visita el sitio. Tambi\u00e9n tiene una pantalla de 320px, pero es una pantalla retina (2x). Ese navegador hace los mismos c\u00e1lculos, pero a continuaci\u00f3n\u2026:<\/p>\n<blockquote><p><em>OK, como tengo una pantalla 2x, voy a rechazar esa imagen de 1.5625 porque es demasiado peque\u00f1a para m\u00ed y podr\u00eda verse mal. Voy a usar la imagen de 3.125.<\/em><\/p><\/blockquote>\n<p>En esencia, el navegador elige la imagen m\u00e1s eficiente para enviarla al visitante, reduciendo as\u00ed el ancho de banda y mejorando el tiempo de carga. Pero, \u00bfsignifica eso que tienes que subir muchos tama\u00f1os diferentes de todas tus im\u00e1genes? No necesariamente.<\/p>\n<p>WordPress se encarga de hacerlo autom\u00e1ticamente (lo lleva haciendo desde <a href=\"https:\/\/make.wordpress.org\/core\/2015\/11\/10\/responsive-images-in-wordpress-4-4\/\">WordPress 4.4<\/a>). Para cada imagen que subas, WordPress hace <a href=\"https:\/\/codex.wordpress.org\/Post_Thumbnails\">estas versiones<\/a> de forma predeterminada:<\/p>\n<ul>\n<li><strong><em>Thumbnail<\/em><\/strong><em>:<\/em> Una miniatura cuadrada (150px por&nbsp;150px).<\/li>\n<li><strong><em>Medium<\/em><\/strong><em>:<\/em> Redimensionada para que el lado m\u00e1s largo tenga 300 p\u00edxeles de ancho o&nbsp;alto.<\/li>\n<li><strong><em>Medium Large<\/em><\/strong><em>:<\/em> Redimensionada a 768 p\u00edxeles de&nbsp;ancho.<\/li>\n<li><strong><em>Large<\/em><\/strong><em>:<\/em> Redimensionada para que el lado m\u00e1s largo tenga 1024 p\u00edxeles de ancho o&nbsp;alto.<\/li>\n<li><strong><em>Full<\/em><\/strong><em>:<\/em> Imagen original.<\/li>\n<\/ul>\n<p>Adem\u00e1s, WordPress tambi\u00e9n a\u00f1ade <code>srcset<\/code> autom\u00e1ticamente.<\/p>\n<p>Esto es lo que aparece para nuestro blog (que se ejecuta en WordPress):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14006\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/14b-codigo-srcset.png\" alt=\"C\u00f3digo srcset en el blog de Ahrefs.\" width=\"1999\" height=\"203\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/14b-codigo-srcset.png 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/14b-codigo-srcset-680x69.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/14b-codigo-srcset-768x78.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/14b-codigo-srcset-1536x156.png 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><\/p>\n<p>Para que quede muy claro: Ese c\u00f3digo es generado enteramente por WordPress. No hace falta subir varias versiones de esa misma imagen.<\/p>\n<p>Ten en cuenta que puedes utilizar la sintaxis @2x si quieres optimizar la imagen para pantallas retina. Tambi\u00e9n hay <a href=\"https:\/\/wordpress.org\/plugins\/wp-retina-2x\/\">un plugin de WordPress<\/a> que a\u00f1ade soporte para este tipo de pantallas. Dicho esto, a menos que te encante con la compresi\u00f3n de im\u00e1genes (es decir, cualquier cosa por debajo de ~ 40%) para JPEG, es posible que encuentres que tus im\u00e1genes \u201cnormales\u201d escalan muy bien en las pantallas retina. Esa es mi experiencia.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"9. Utiliza el marcado schema (para recetas, productos y v\u00eddeos)\" data-section=\"utiliza-marcado-schema\">\n<h2><strong>9. Utiliza el marcado <\/strong><strong><em>schema<\/em><\/strong><strong> (para recetas, productos y v\u00eddeos)<\/strong><\/h2>\n<\/div><\/div>\n<p>Es posible que ya sepas qu\u00e9 es el <a href=\"https:\/\/ahrefs.com\/blog\/es\/marcado-schema\/\">marcado <em>schema<\/em><\/a> en el contexto de la b\u00fasqueda web de Google. En los resultados de b\u00fasqueda es muy f\u00e1cil identificarlo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14005\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/15-marcado-schema-imagenes.png\" alt=\"Ejemplo de marcado schema en las SERP.\" width=\"1999\" height=\"531\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/15-marcado-schema-imagenes.png 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/15-marcado-schema-imagenes-680x181.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/15-marcado-schema-imagenes-768x204.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/15-marcado-schema-imagenes-1536x408.png 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><\/p>\n<p>Pero, \u00bfsab\u00edas que el marcado <em>schema <\/em>tambi\u00e9n puede ser relevante para el SEO de im\u00e1genes?<\/p>\n<p>Esto se debe a que Google muestra distintivos relevantes en las miniaturas de los resultados de b\u00fasqueda de im\u00e1genes para m\u00f3viles. Este es su aspecto:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14007\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/16-marcado-schema-imagenes-postres.jpg\" alt=\"Marcado schema en las im\u00e1genes de Google, con una etiqueta de receta.\" width=\"1999\" height=\"998\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/16-marcado-schema-imagenes-postres.jpg 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/16-marcado-schema-imagenes-postres-680x339.jpg 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/16-marcado-schema-imagenes-postres-768x383.jpg 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/16-marcado-schema-imagenes-postres-1536x767.jpg 1536w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/16-marcado-schema-imagenes-postres-400x200.jpg 400w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><\/p>\n<p>Google <a href=\"https:\/\/developers.google.com\/search\/blog\/2017\/08\/badges-on-image-search-help-users-find?hl=es\">dice<\/a> lo siguiente sobre estos distintivos:<\/p>\n<blockquote><p><em>Si tu sitio contiene im\u00e1genes, puedes incluir determinados datos estructurados en tus p\u00e1ginas para ayudar a que los usuarios sepan qu\u00e9 tipo de contenido est\u00e1 asociado a la imagen. De este modo, los usuarios pueden encontrar contenido relevante r\u00e1pidamente y tu sitio recibe visitas de un segmento de audiencia m\u00e1s adecuado.<\/em><\/p><\/blockquote>\n<p>Actualmente, Google admite cuatro tipos de marcas: productos, recetas, v\u00eddeos y&nbsp;GIF.<\/p>\n<p>Garantizar que tus im\u00e1genes muestren estos distintivos en la b\u00fasqueda de im\u00e1genes de Google es f\u00e1cil. Solo tienes que a\u00f1adir el marcado <em>schema<\/em> adecuado a la p\u00e1gina.<\/p>\n<p>A\u00f1ade el marcado de <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/structured-data\/recipe?hl=es\"><strong>recetas<\/strong><\/a> a las p\u00e1ginas de recetas.<\/p>\n<p>A\u00f1ade el marcado de <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/structured-data\/product?hl=es\"><strong>productos<\/strong><\/a> a las p\u00e1ginas de productos.<\/p>\n<p>A\u00f1ade el marcado de <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/structured-data\/video?hl=es\"><strong>v\u00eddeo<\/strong><\/a> a las p\u00e1ginas con v\u00eddeos.<\/p>\n<p>Ten en cuenta que los GIF no requieren ning\u00fan marcado adicional: Google ya sabe que son&nbsp;GIF.<\/p>\n<p>Por supuesto, a menos que tengas este tipo de contenido en tu sitio web, no necesitas preocuparte por el marcado <em>schema.<\/em> Es posible que Google admita distintivos para estos cuatro tipos de contenido porque se ha dado cuenta de que sus usuarios suelen buscar este tipo de contenido en Google Im\u00e1genes.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"10. Ten en cuenta la carga diferida\" data-section=\"ten-en-cuenta-carga-diferida\">\n<h2><strong>10. Ten en cuenta la carga diferida<\/strong><\/h2>\n<\/div><\/div>\n<p>La carga lenta o diferida consiste en que el navegador aplaza la carga de im\u00e1genes (o de cualquier otro objeto, v\u00eddeo, etc.) hasta que sea necesario mostrarlas en pantalla. Las dem\u00e1s im\u00e1genes se cargan cuando vaya siendo necesario, es decir, a medida que te desplazas por la pantalla.<\/p>\n<p>Esto es <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/design-and-ux\/responsive\/images#consider_lazy_loading\">lo que dice Google<\/a> sobre el <em>lazy-loading:<\/em><\/p>\n<blockquote><p><em>La carga diferida puede acelerar significativamente la carga en p\u00e1ginas largas que incluyen muchas im\u00e1genes debajo del pliegue, carg\u00e1ndolas cuando sea necesario o cuando el contenido principal haya terminado de cargarse y renderizarse.<\/em><\/p><\/blockquote>\n<p>Ha habido mucho debate en el pasado sobre si las im\u00e1genes de carga lenta son buenas o malas para el SEO. Google tambi\u00e9n ha enviado <a href=\"https:\/\/www.seroundtable.com\/google-mobile-lazy-load-content-mobile-20759.html\">mensajes contradictorios<\/a>. Sin embargo, quiz\u00e1 el mejor indicio de que Google s\u00ed recomienda el lazy-loading en 2018 sea&nbsp;este:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14008\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/17-lazy-loading.jpg\" alt=\"Alt: Comentario de Google sobre el lazy-loading.\" width=\"893\" height=\"140\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/17-lazy-loading.jpg 893w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/17-lazy-loading-680x107.jpg 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/17-lazy-loading-768x120.jpg 768w\" sizes=\"auto, (max-width: 893px) 100vw, 893px\"><\/p>\n<p>Es una recomendaci\u00f3n de la propia herramienta <a href=\"https:\/\/pagespeed.web.dev\/?utm_source=psi&amp;utm_medium=redirect\">PageSpeed Insights<\/a> de Google.<\/p>\n<p>Google explica c\u00f3mo implementar el lazy-loading (de forma que se garantice que se pueda ver el contenido cargado en diferido, <strong>algo muy importante<\/strong>) <a href=\"https:\/\/web.dev\/fast\/#lazy-load-images-and-video\">aqu\u00ed<\/a>. Hay algunos m\u00e9todos diferentes, pero todos implican Javascript. Si no est\u00e1s familiarizado o no te sientes c\u00f3modo con estas cosas, puede que merezca la pena contratar a un programador para que te&nbsp;ayude.<\/p>\n<p>Si usas WordPress, como nosotros, existen algunos plugins de carga&nbsp;lenta.<\/p>\n<p>La mayor\u00eda tienen malas cr\u00edticas. Nosotros implementamos el <em>lazy-loading<\/em> en el blog de Ahrefs con el <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\">plugin A3 Lazy Load<\/a>.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"11. Aprovecha la cach\u00e9 del navegador\" data-section=\"aprovecha- cache-del-navegador\">\n<h2><strong>11. Aprovecha la cach\u00e9 del navegador<\/strong><\/h2>\n<\/div><\/div>\n<p>La cach\u00e9 de navegador es el proceso por el cual las im\u00e1genes (y otros archivos) se almacenan en los navegadores de los usuarios. El resultado es que las cosas se cargan m\u00e1s r\u00e1pido para ellos, siempre y cuando visiten tu sitio web en el futuro.<\/p>\n<p>Por ejemplo, cuando llegaste a este post, tuviste que descargar todas las im\u00e1genes del art\u00edculo y mostrarlas en tu navegador. Ahora bien, sin el almacenamiento en cach\u00e9 del navegador, este proceso tendr\u00eda que repetirse en su totalidad si quisieras volver a leer esta p\u00e1gina ma\u00f1ana.<\/p>\n<p>Sin embargo, con la cach\u00e9 del navegador, lo que ocurre es que el navegador retiene algunas de estas im\u00e1genes. As\u00ed, cuando vuelvas a ver esta p\u00e1gina (o una similar), no tendr\u00e1s que volver a descargarlas de nuevo. Muchas ya est\u00e1n en tu ordenador y, por tanto, se cargar\u00e1n mucho m\u00e1s r\u00e1pido.<\/p>\n<p>Esto es <a href=\"https:\/\/developer.chrome.com\/es\/docs\/lighthouse\/performance\/uses-long-cache-ttl\/\">lo que dice Google<\/a> sobre el almacenamiento en cach\u00e9 del navegador:<\/p>\n<blockquote><p><em>Almacenar el HTTP en el cach\u00e9 puede acelerar el tiempo de carga de su p\u00e1gina en las visitas habituales.<\/em><\/p>\n<p><em>Cuando un navegador solicita un recurso, el servidor que lo proporciona puede indicarle a dicho navegador cu\u00e1nto tiempo debe almacenar temporalmente o guardar el recurso en el cach\u00e9. Ante cualquier solicitud que se efect\u00fae de forma sucesiva de ese recurso, el navegador utilizar\u00e1 su propia copia local en vez de obtenerla de la&nbsp;red.<\/em><\/p><\/blockquote>\n<p>Es posible que incluso veas esta advertencia en <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">Google PageSpeed Insights<\/a> si tu web pudiera beneficiarse del almacenamiento en cach\u00e9 del navegador:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14009\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/18-alerta-google-pagespeed-insights.png\" alt=\"Alerta en Google PageSpeed Insights.\" width=\"564\" height=\"25\"><\/p>\n<p>\u00bfC\u00f3mo habilitar la cach\u00e9 del navegador para las im\u00e1genes?<\/p>\n<p>En WordPress, es bastante sencillo. Instala un plugin como <a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\">W3 Total Cache<\/a>. Activar\u00e1 la cach\u00e9 de navegador de forma predeterminada y a\u00f1adir\u00e1 las modificaciones necesarias a tu archivo .htaccess.<\/p>\n<p>Los usuarios que no utilicen WordPress tendr\u00e1n que a\u00f1adir manualmente este c\u00f3digo a su archivo .htaccess:<\/p>\n<p><code>IfModule mod_expires.c<\/code><br>\n<code>ExpiresActive On<\/code><br>\n<code># Images<\/code><br>\n<code>ExpiresByType image\/jpg \"access 1 year\"<\/code><br>\n<code>ExpiresByType image\/jpeg \"access 1 year\"<\/code><br>\n<code>ExpiresByType image\/gif \"access 1 year\"<\/code><br>\n<code>ExpiresByType image\/png \"access 1 year\"<\/code><br>\n<code>\/IfModule<\/code><\/p>\n<p>Puedes cambiar la parte de \u201c1 year\u201d (1 a\u00f1o) por \u201c1 month\u201d (1 mes), \u201c1 week\u201d (1 semana), \u201c1 day\u201d (1 d\u00eda), \u201c1 hour\u201d (1 hora), etc. A\u00fan as\u00ed, estos valores deber\u00edan funcionar bien para la mayor\u00eda de los sitios. Estos son tambi\u00e9n los valores que W3 Total Cache utiliza de forma predeterminada.<\/p>\n<p>Puedes encontrar m\u00e1s informaci\u00f3n sobre la cach\u00e9 del navegador y su funcionamiento <a href=\"https:\/\/varvy.com\/pagespeed\/leverage-browser-caching.html\">aqu\u00ed<\/a> (en ingl\u00e9s).<\/p>\n<p><strong>NOTA IMPORTANTE. <\/strong>Comprueba que este c\u00f3digo es compatible con tu servidor antes de la implementaci\u00f3n. Los archivos .htaccess pueden ser complicados.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"12. Usa una CDN\" data-section=\"usa-una-cdn\">\n<h2><strong>12. Usa una&nbsp;CDN<\/strong><\/h2>\n<\/div><\/div>\n<p>La mayor\u00eda de las webs alojan todos sus archivos (incluidas las im\u00e1genes) en un \u00fanico servidor situado en una \u00fanica ubicaci\u00f3n.<\/p>\n<p>Si suponemos que tu servidor web est\u00e1 en Espa\u00f1a, tus im\u00e1genes no tienen que viajar muy lejos cuando alguien de Espa\u00f1a visita tu web. Sin embargo, la cosa cambia para los visitantes de M\u00e9xico por ejemplo. Las im\u00e1genes tienen que viajar mucho m\u00e1s lejos para llegar a ellos. Esto reduce la velocidad de carga de tu&nbsp;web.<\/p>\n<p>Las redes de distribuci\u00f3n de contenidos (CDN, del ingl\u00e9s <em>Content Distribution Network)<\/em> resuelven este problema, ya que almacenan los archivos en una red mundial de servidores. Cuando alguien visite tu sitio web, las im\u00e1genes se cargar\u00e1n desde el servidor m\u00e1s cercano.<\/p>\n<p>Aqu\u00ed tienes un GIF de <a href=\"https:\/\/www.cloudflare.com\/\">CloudFlare<\/a> que describe perfectamente este proceso:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14010\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/19-carga-archivos-con-cdn.gif\" alt=\"GIF que describe el beneficio de carga de archivos online cuando se usa una CDN.\" width=\"1070\" height=\"684\"><\/p>\n<p>Existen muchas CDN. Aqu\u00ed tienes algunas:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.cloudflare.com\">Cloudflare<\/a> (nivel gratuito disponible)<\/li>\n<li><a href=\"https:\/\/www.keycdn.com\/\">KeyCDN<\/a><\/li>\n<li><a href=\"https:\/\/aws.amazon.com\/cloudfront\/\">Amazon CloudFront<\/a> (nivel gratuito disponible)<\/li>\n<li><a href=\"https:\/\/cloud.google.com\/cdn\/\">Google Cloud CDN<\/a> (nivel gratuito disponible)<\/li>\n<\/ul>\n<p>Si utilizas WordPress, configurar una CDN es f\u00e1cil. Reg\u00edstrate en la CDN que prefieras, sigue las instrucciones y, a continuaci\u00f3n, utiliza un plugin como <a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\">W3 Total Cache<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/cdn-enabler\/\">CDN Enabler<\/a> o<a href=\"https:\/\/wp-rocket.me\/\"> WP Rocket<\/a> para habilitar la CDN en tu web. As\u00ed de sencillo.<\/p>\n<p>A\u00fan as\u00ed, conviene tener en cuenta que tu CDN tendr\u00e1 una URL como <em>xyz.cdnprovider.com.<\/em><\/p>\n<p>Que no es muy bueno para el SEO por las siguientes razones:<\/p>\n<ol>\n<li><strong>Tus im\u00e1genes est\u00e1n alojadas en un dominio separado. <\/strong>Si alguien decide insertar una de tus im\u00e1genes y enlazarte, existe la posibilidad de que enlace a la CDN en su lugar. Es decir, pierdes un enlace.<\/li>\n<li><strong>Puede causar problemas si en el futuro quieres cambiar de proveedor de CDN. <\/strong>Tendr\u00e1s que cambiar (o redirigir) todas las URL de tus im\u00e1genes, etc.<\/li>\n<\/ol>\n<p>Estos son los <a href=\"https:\/\/twitter.com\/JohnMu\/status\/920234339912339456\">consejos de John Mueller<\/a> en lo que respecta a las&nbsp;CDN:<\/p>\n<p>https:\/\/twitter.com\/JohnMu\/status\/920234339912339456<\/p>\n<p>Por esta raz\u00f3n, te recomendar\u00eda configurar un registro CNAME. Piense en esto como un alias que se puede utilizar en lugar de la URL asignada por el proveedor de CDN. As\u00ed, en lugar de <em>xyz.cdnprovider.com,<\/em> tu CDN puede ser <em>cdn.tudominio.com.<\/em><\/p>\n<p>Consulta <a href=\"https:\/\/woorkup.com\/cdn-for-dummies\/\">esta gu\u00eda<\/a> para aprender a configurarlo (y todo lo que tienes que saber sobre las CDN en general).<\/p>\n<div class=\"recommendation\"><div class=\"recommendation-title\">PRO TIP<\/div><div class=\"recommendation-content\">\n<p>Las CDN de im\u00e1genes tambi\u00e9n existen.<\/p>\n<p>Google recomienda dos de ellos en su documentaci\u00f3n oficial: <a href=\"https:\/\/cloudinary.com\/\">Cloudinary<\/a> y<a href=\"https:\/\/imgix.com\/\"> imgix<\/a>.<\/p>\n<p>Lo interesante de las CDN de im\u00e1genes es que ayudan a automatizar el proceso de optimizaci\u00f3n de im\u00e1genes. Esto es algo que Google recomienda y, sinceramente, si tienes una web grande, es una buena&nbsp;idea.<\/p>\n<p>Estos servicios no suelen ser gratuitos, pero pueden ahorrar mucho tiempo.<\/p>\n<\/div><\/div>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-section=\"bonus-tip\">\n<h2><strong>Bonus tip: Recupera el \u201clink equity\u201d de los backlinks de im\u00e1genes<\/strong><\/h2>\n<\/div><\/div>\n<p>Infograf\u00edas. GIF. Gr\u00e1ficos. Todos ellos son <a href=\"https:\/\/ahrefs.com\/blog\/linkable-assets\/\">activos enlazables<\/a> que a menudo se insertan en otros sitios web.<\/p>\n<p>Aqu\u00ed tienes un ejemplo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14011\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/20-grafico-en-sitio-web.jpg\" alt=\"Ejemplo de una gr\u00e1fica insertada en un sitio web ajeno.\" width=\"1530\" height=\"1490\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/20-grafico-en-sitio-web.jpg 1530w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/20-grafico-en-sitio-web-436x425.jpg 436w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/20-grafico-en-sitio-web-768x748.jpg 768w\" sizes=\"auto, (max-width: 1530px) 100vw, 1530px\"><\/p>\n<p>Esta es una imagen de <a href=\"https:\/\/ahrefs.com\/blog\/featured-snippets-study\/\">nuestro estudio de fragmentos destacados<\/a> insertada en un blog&nbsp;ajeno.<\/p>\n<p>Normalmente, la gente enlaza a la fuente de la imagen cuando hace esto, pero no siempre es as\u00ed. A veces no se enlaza en absoluto, y otras veces se enlaza directamente a la imagen (por ejemplo,<em> tudominio.com\/tuimagen.jpg).<\/em><\/p>\n<p>Eso es exactamente lo que hizo este&nbsp;sitio.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14012\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/21-texto-ancla-en-site-explorer.png\" alt=\"Usando el Site Explorer de Ahrefs para ver el tr\u00e1fico a una URL de una imagen.\" width=\"1999\" height=\"511\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/21-texto-ancla-en-site-explorer.png 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/21-texto-ancla-en-site-explorer-680x174.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/21-texto-ancla-en-site-explorer-768x196.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/21-texto-ancla-en-site-explorer-1536x393.png 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><\/p>\n<p>Desafortunadamente, este backlink se desperdicia porque no transfiere <a href=\"https:\/\/ahrefs.com\/blog\/es\/google-pagerank\/\">PageRank<\/a> a la p\u00e1gina en s\u00ed. Tampoco puede \u201cfluir\u201d por nuestro sitio.<\/p>\n<p>Se puede recuperar el \u201clink equity\u201d de estos backlinks poni\u00e9ndose en contacto con los enlazadores de forma r\u00e1pida:<\/p>\n<blockquote><p><em>Hola [NOMBRE], he visto que has utilizado mi imagen. En vez de enlazar a la imagen, \u00bfpuedes enlazar a la fuente original?<\/em><\/p><\/blockquote>\n<p>Es r\u00e1pido, f\u00e1cil y las tasas de conversi\u00f3n suelen ser alt\u00edsimas.<\/p>\n<p>\u00bfC\u00f3mo se encuentran estos backlinks? Muy sencillo. Dir\u00edgete a:<\/p>\n<p><a href=\"https:\/\/ahrefs.com\/es\/site-explorer\"><em>Site Explorer<\/em><\/a><em> &gt; [introduce tu dominio] &gt; Enlaces &gt; Haz clic en \u201cM\u00e1s filtros\u201d y a\u00f1ade URL (p\u00e1gina objetivo &gt; Introduce .jpg<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14013\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/22-site-explorer-ahrefs.png\" alt=\"Buscando oportunidades de sitios enlazando a nuestras im\u00e1genes con el Site Explorer de Ahrefs.\" width=\"1999\" height=\"1076\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/22-site-explorer-ahrefs.png 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/22-site-explorer-ahrefs-680x366.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/22-site-explorer-ahrefs-768x413.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/22-site-explorer-ahrefs-1536x827.png 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><\/p>\n<p>Busca e intenta convertir las que merezcan la&nbsp;pena.<\/p>\n<p>Puedes repetir este proceso buscando tambi\u00e9n im\u00e1genes .png y .gif.<\/p>\n<p>Si utilizas una CDN, tambi\u00e9n puedes buscar a gente que enlace a las im\u00e1genes alojadas en tu subdominio CDN.<\/p>\n<p><a href=\"https:\/\/ahrefs.com\/site-explorer\"><em>Site Explorer<\/em><\/a><em> &gt; introduce el subdominio de la CDN &gt; selecciona el modo \u201csubdominio\u201d<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14014\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/23-trafico-cdn-en-site-explorer.png\" alt=\"Analizando el tr\u00e1fico de enlaces en el subdomonio de una CDN a trav\u00e9s del Site Explorer de Ahrefs.\" width=\"1999\" height=\"1061\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/23-trafico-cdn-en-site-explorer.png 1999w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/23-trafico-cdn-en-site-explorer-680x361.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/23-trafico-cdn-en-site-explorer-768x408.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/23-trafico-cdn-en-site-explorer-1536x815.png 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\"><\/p>\n<p>La captura de pantalla anterior muestra el perfil de enlaces de cdn-backlinko.pressidium.com, la CDN que Brian Dean utiliza para backlinko.com. Hay m\u00e1s de 3.300 backlinks de 158 dominios de referencia (es decir, sitios web \u00fanicos).<\/p>\n<p>En otras palabras, 471 sitios web (uno de ellos es el propio backlinko.com) enlazan a im\u00e1genes y otros archivos alojados en la CDN en lugar de al propio sitio.<\/p>\n<p>Son 470 oportunidades de enlaces.<\/p>\n<p>Para m\u00e1s informaci\u00f3n sobre estrategias similares de creaci\u00f3n de backlinks, consulta n<a href=\"https:\/\/ahrefs.com\/blog\/link-reclamation\/\">uestra gu\u00eda completa sobre la recuperaci\u00f3n de enlaces<\/a>.<\/p>\n<h2><strong>Reflexiones finales<\/strong><\/h2>\n<p>El SEO de im\u00e1genes es un tema complejo. Google tiene un mont\u00f3n de documentaci\u00f3n al respecto. <a href=\"https:\/\/web.dev\/fast\/#optimize-your-images\">Su p\u00e1gina<\/a> sobre la automatizaci\u00f3n de la optimizaci\u00f3n de im\u00e1genes tiene m\u00e1s de 15.000 palabras.<\/p>\n<p>Por este motivo, es importante tener en cuenta que no lo he cubierto todo en este art\u00edculo. Ser\u00eda imposible. Puedes leer la documentaci\u00f3n de Google si quieres saberlo todo (y te sobran unas semanas). Este art\u00edculo se centra intencionadamente en los \u201cgrandes\u201d elementos que creo que revertir\u00e1n en un impacto SEO positivo m\u00e1s sustancial.<\/p>\n<p>Ten en cuenta que tambi\u00e9n tienes que hacer un esfuerzo para asegurarte de que tus im\u00e1genes sean de alta calidad y contribuyan a una buena experiencia de usuario. Eso significa evitar las fotos de archivo de baja calidad, <a href=\"https:\/\/web.dev\/responsive-images\/#make_product_images_expandable\">hacer que las im\u00e1genes de los productos sean ampliables<\/a>, etc.<\/p>\n<p>\u00bfTienes alguna pregunta? Estamos por <a href=\"http:\/\/twitter.com\/ahrefsES\">Twitter<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El SEO de im\u00e1genes es mucho m\u00e1s que escribir unas cuantas etiquetas alt. Se podr\u00eda decir que con los \u00faltimos avances de Google en inteligencia artificial, las etiquetas alt ya no deber\u00edan importar. Por ejemplo, esto es lo que ocurre<span class=\"ellipsis\">\u2026<\/span><\/p>\n<div class=\"read-more\">Leer m\u00e1s \u203a<\/div>\n<p><!-- end of .read-more --><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[8,50,9],"tags":[],"coauthors":[17],"class_list":["post-13982","post","type-post","status-publish","format-standard","hentry","category-ahrefs-insights","category-on-page-seo","category-technical-seo","odd"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>SEO de im\u00e1genes: 12 consejos pr\u00e1cticos (para aumentar el tr\u00e1fico org\u00e1nico)<\/title>\n<meta name=\"description\" content=\"El SEO de im\u00e1genes es mucho m\u00e1s que escribir unas cuantas etiquetas alt. Te ense\u00f1amos de forma pr\u00e1ctica c\u00f3mo puedes optimizar tus im\u00e1genes para conseguir m\u00e1s tr\u00e1fico org\u00e1nico.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SEO de im\u00e1genes: 12 consejos pr\u00e1cticos (para aumentar el tr\u00e1fico org\u00e1nico)\" \/>\n<meta property=\"og:description\" content=\"El SEO de im\u00e1genes es mucho m\u00e1s que escribir unas cuantas etiquetas alt. Te ense\u00f1amos de forma pr\u00e1ctica c\u00f3mo puedes optimizar tus im\u00e1genes para conseguir m\u00e1s tr\u00e1fico org\u00e1nico.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de SEO de Ahrefs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Ahrefs\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-18T20:17:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-18T20:19:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/1-google-vision-api-cat.jpg\" \/>\n<meta name=\"author\" content=\"Joshua Hardwick\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoshuaCHardwick\" \/>\n<meta name=\"twitter:site\" content=\"@ahrefs\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/seo-imagenes\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/seo-imagenes\\\/\"},\"author\":{\"name\":\"Joshua Hardwick\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#\\\/schema\\\/person\\\/5c71f858b5197e8792f01f9ebe29b008\"},\"headline\":\"SEO de im\u00e1genes: 12 consejos pr\u00e1cticos (para aumentar el tr\u00e1fico org\u00e1nico)\",\"datePublished\":\"2023-08-18T20:17:45+00:00\",\"dateModified\":\"2023-08-18T20:19:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/seo-imagenes\\\/\"},\"wordCount\":5970,\"image\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/seo-imagenes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/seo-de-imagenes-12-consejos-practicos-by-joshua-hardwick-ahrefs-insights.jpg\",\"articleSection\":[\"Ahrefs Insights\",\"SEO On-Page\",\"SEO T\u00e9cnico\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/seo-imagenes\\\/\",\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/seo-imagenes\\\/\",\"name\":\"SEO de im\u00e1genes: 12 consejos pr\u00e1cticos (para aumentar el tr\u00e1fico org\u00e1nico)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/seo-imagenes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/seo-imagenes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/1-google-vision-api-cat.jpg\",\"datePublished\":\"2023-08-18T20:17:45+00:00\",\"dateModified\":\"2023-08-18T20:19:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#\\\/schema\\\/person\\\/5c71f858b5197e8792f01f9ebe29b008\"},\"description\":\"El SEO de im\u00e1genes es mucho m\u00e1s que escribir unas cuantas etiquetas alt. Te ense\u00f1amos de forma pr\u00e1ctica c\u00f3mo puedes optimizar tus im\u00e1genes para conseguir m\u00e1s tr\u00e1fico org\u00e1nico.\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/seo-imagenes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/seo-imagenes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/1-google-vision-api-cat.jpg\",\"contentUrl\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/1-google-vision-api-cat.jpg\",\"width\":901,\"height\":697,\"caption\":\"Vision AI de Google identificando la imagen de un gato.\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/\",\"name\":\"Blog de SEO de Ahrefs\",\"description\":\"Estrategias de link building y consejos de posicionamiento SEO\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#\\\/schema\\\/person\\\/5c71f858b5197e8792f01f9ebe29b008\",\"name\":\"Joshua Hardwick\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cad6e30bc69b6214a80437bb76c059e85cb510fe32cd4508e85e8e21e967302a?s=96&d=mm&r=g7ec59991e378fc73649e9ab9465e7f69\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cad6e30bc69b6214a80437bb76c059e85cb510fe32cd4508e85e8e21e967302a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cad6e30bc69b6214a80437bb76c059e85cb510fe32cd4508e85e8e21e967302a?s=96&d=mm&r=g\",\"caption\":\"Joshua Hardwick\"},\"description\":\"Jefe de Contenido de Ahrefs (o tambi\u00e9n se puede decir que soy el responsable de asegurar que cada entrada del blog que publiquemos sea \u00c9PICO).\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/JoshuaCHardwick\"],\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/author\\\/joshua-hardwick\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SEO de im\u00e1genes: 12 consejos pr\u00e1cticos (para aumentar el tr\u00e1fico org\u00e1nico)","description":"El SEO de im\u00e1genes es mucho m\u00e1s que escribir unas cuantas etiquetas alt. Te ense\u00f1amos de forma pr\u00e1ctica c\u00f3mo puedes optimizar tus im\u00e1genes para conseguir m\u00e1s tr\u00e1fico org\u00e1nico.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/","og_locale":"es_ES","og_type":"article","og_title":"SEO de im\u00e1genes: 12 consejos pr\u00e1cticos (para aumentar el tr\u00e1fico org\u00e1nico)","og_description":"El SEO de im\u00e1genes es mucho m\u00e1s que escribir unas cuantas etiquetas alt. Te ense\u00f1amos de forma pr\u00e1ctica c\u00f3mo puedes optimizar tus im\u00e1genes para conseguir m\u00e1s tr\u00e1fico org\u00e1nico.","og_url":"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/","og_site_name":"Blog de SEO de Ahrefs","article_publisher":"https:\/\/www.facebook.com\/Ahrefs","article_published_time":"2023-08-18T20:17:45+00:00","article_modified_time":"2023-08-18T20:19:55+00:00","og_image":[{"url":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/1-google-vision-api-cat.jpg","type":"","width":"","height":""}],"author":"Joshua Hardwick","twitter_card":"summary_large_image","twitter_creator":"@JoshuaCHardwick","twitter_site":"@ahrefs","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/#article","isPartOf":{"@id":"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/"},"author":{"name":"Joshua Hardwick","@id":"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/5c71f858b5197e8792f01f9ebe29b008"},"headline":"SEO de im\u00e1genes: 12 consejos pr\u00e1cticos (para aumentar el tr\u00e1fico org\u00e1nico)","datePublished":"2023-08-18T20:17:45+00:00","dateModified":"2023-08-18T20:19:55+00:00","mainEntityOfPage":{"@id":"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/"},"wordCount":5970,"image":{"@id":"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/#primaryimage"},"thumbnailUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/seo-de-imagenes-12-consejos-practicos-by-joshua-hardwick-ahrefs-insights.jpg","articleSection":["Ahrefs Insights","SEO On-Page","SEO T\u00e9cnico"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/","url":"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/","name":"SEO de im\u00e1genes: 12 consejos pr\u00e1cticos (para aumentar el tr\u00e1fico org\u00e1nico)","isPartOf":{"@id":"https:\/\/ahrefs.com\/blog\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/#primaryimage"},"image":{"@id":"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/#primaryimage"},"thumbnailUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/1-google-vision-api-cat.jpg","datePublished":"2023-08-18T20:17:45+00:00","dateModified":"2023-08-18T20:19:55+00:00","author":{"@id":"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/5c71f858b5197e8792f01f9ebe29b008"},"description":"El SEO de im\u00e1genes es mucho m\u00e1s que escribir unas cuantas etiquetas alt. Te ense\u00f1amos de forma pr\u00e1ctica c\u00f3mo puedes optimizar tus im\u00e1genes para conseguir m\u00e1s tr\u00e1fico org\u00e1nico.","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ahrefs.com\/blog\/es\/seo-imagenes\/#primaryimage","url":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/1-google-vision-api-cat.jpg","contentUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2023\/08\/1-google-vision-api-cat.jpg","width":901,"height":697,"caption":"Vision AI de Google identificando la imagen de un gato."},{"@type":"WebSite","@id":"https:\/\/ahrefs.com\/blog\/es\/#website","url":"https:\/\/ahrefs.com\/blog\/es\/","name":"Blog de SEO de Ahrefs","description":"Estrategias de link building y consejos de posicionamiento SEO","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ahrefs.com\/blog\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/5c71f858b5197e8792f01f9ebe29b008","name":"Joshua Hardwick","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/cad6e30bc69b6214a80437bb76c059e85cb510fe32cd4508e85e8e21e967302a?s=96&d=mm&r=g7ec59991e378fc73649e9ab9465e7f69","url":"https:\/\/secure.gravatar.com\/avatar\/cad6e30bc69b6214a80437bb76c059e85cb510fe32cd4508e85e8e21e967302a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cad6e30bc69b6214a80437bb76c059e85cb510fe32cd4508e85e8e21e967302a?s=96&d=mm&r=g","caption":"Joshua Hardwick"},"description":"Jefe de Contenido de Ahrefs (o tambi\u00e9n se puede decir que soy el responsable de asegurar que cada entrada del blog que publiquemos sea \u00c9PICO).","sameAs":["https:\/\/x.com\/JoshuaCHardwick"],"url":"https:\/\/ahrefs.com\/blog\/es\/author\/joshua-hardwick\/"}]}},"_links":{"self":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/posts\/13982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=13982"}],"version-history":[{"count":0,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/posts\/13982\/revisions"}],"wp:attachment":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=13982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=13982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=13982"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/coauthors?post=13982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}