{"id":127,"date":"2019-01-08T10:07:38","date_gmt":"2019-01-08T10:07:38","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/ploma\/?p=127"},"modified":"2019-01-08T10:07:38","modified_gmt":"2019-01-08T10:07:38","slug":"escala-para-imagen-seo-segun-una-agencia-marketing-online","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/ploma\/escala-para-imagen-seo-segun-una-agencia-marketing-online\/","title":{"rendered":"Escala para imagen SEO seg\u00fan una agencia marketing online."},"content":{"rendered":"<p>Los tiempos de carga son importantes para UX y SEO. Cuanto m\u00e1s r\u00e1pido sea el sitio, m\u00e1s f\u00e1cil ser\u00e1 visitar e indexar una p\u00e1gina. Las im\u00e1genes pueden tener un gran impacto en los tiempos de carga, especialmente cuando carga una imagen enorme y luego la muestra muy peque\u00f1a, por ejemplo, una imagen de 2500 \u00d7 1500 p\u00edxeles con un tama\u00f1o de 250 \u00d7 150 p\u00edxeles, ya que la imagen completa a\u00fan debe cargarse. As\u00ed que cambia el tama\u00f1o de la imagen a la forma en que quieres que se muestre. WordPress ayuda al proporcionar autom\u00e1ticamente la imagen en varios tama\u00f1os despu\u00e9s de la carga. Desafortunadamente, eso no significa que el tama\u00f1o del archivo tambi\u00e9n est\u00e9 optimizado, es solo el tama\u00f1o de visualizaci\u00f3n de la imagen.<\/p>\n<h2>Usa im\u00e1genes sensibles<\/h2>\n<p>Este tambi\u00e9n es esencial para el SEO, y si est\u00e1s usando WordPress, ya est\u00e1 hecho para ti, ya que se agreg\u00f3 de forma predeterminada desde la versi\u00f3n 4.4. Las im\u00e1genes deben tener el atributo srcset, que permite servir una imagen diferente por ancho de pantalla, especialmente \u00fatil para dispositivos m\u00f3viles.<\/p>\n<h2>Reducir el tama\u00f1o del archivo<\/h2>\n<p>El siguiente paso en la imagen SEO debe ser asegurarse de que la imagen escalada est\u00e9 comprimida para que se sirva en el tama\u00f1o de archivo m\u00e1s peque\u00f1o posible.<\/p>\n<p>Por supuesto, puede exportar la imagen y experimentar con porcentajes de calidad, pero prefiero usar im\u00e1genes de calidad al 100%, especialmente dada la popularidad de la retina y las pantallas similares.<\/p>\n<p>Herramientas como JPEGmini pueden reducir dr\u00e1sticamente el tama\u00f1o de los archivos de imagen sin artefactos<\/p>\n<p>A\u00fan puede reducir el tama\u00f1o de archivo de estas im\u00e1genes eliminando los datos EXIF, por ejemplo. Recomendamos usar herramientas como ImageOptim o sitios web como JPEGmini, jpeg.io o Kraken.io.<\/p>\n<p>Cuando haya optimizado sus im\u00e1genes, pruebe su sitio con herramientas como Google PageSpeed \u200b\u200bInsights, Lighthouse, WebPageTest.org o Pingdom.<\/p>\n<h2>A\u00f1adiendo la imagen a tu art\u00edculo.<\/h2>\n<p>Si bien Google est\u00e1 mejorando lo que hay en una imagen, todav\u00eda no debe confiar en sus habilidades. Todo depende de que usted proporcione el contexto para esa imagen, \u00a1as\u00ed que complete todo lo que pueda!<\/p>\n<p>Ahora su imagen est\u00e1 lista para usar, pero no la coloque en su art\u00edculo en ninguna parte. Como se mencion\u00f3 anteriormente, agregarlo cerca del contenido textual relacionado ayuda mucho. Se asegura de que el texto sea tan relevante para la imagen como la imagen para el texto.<\/p>\n<p>Subt\u00edtulos seg\u00fan una <a href=\"https:\/\/mentedigital.es\/agencia-seo-barcelona\/\">agencia seo barcelona<\/a><\/p>\n<p>El t\u00edtulo de la imagen es el texto que acompa\u00f1a a la imagen en la p\u00e1gina; si mira las im\u00e1genes de este art\u00edculo, es el texto en el cuadro gris debajo de cada una. \u00bfPor qu\u00e9 son importantes los subt\u00edtulos para la imagen SEO? Porque la gente los usa al escanear un art\u00edculo. Las personas tienden a escanear encabezados, im\u00e1genes y t\u00edtulos al escanear una p\u00e1gina web. En 1997, Nielsen escribi\u00f3:<\/p>\n<p>\u201cLos elementos que mejoran el escaneo incluyen encabezados, texto grande, texto en negrita, texto resaltado, listas con vi\u00f1etas, gr\u00e1ficos, subt\u00edtulos, oraciones tem\u00e1ticas y tablas de contenido\u201d.<\/p>\n<p>\"Los subt\u00edtulos de las im\u00e1genes se leen en promedio un 300% m\u00e1s que la copia del cuerpo, por lo que no usarlos o no usarlos correctamente significa perder la oportunidad de atraer a un gran n\u00famero de lectores potenciales\".<\/p>\n<p>\u00bfNecesitas a\u00f1adir t\u00edtulos a cada imagen? No, porque a veces las im\u00e1genes sirven para otros fines. Decide si quieres usar el tuyo tambi\u00e9n para SEO o no. Teniendo en cuenta la necesidad de evitar la optimizaci\u00f3n excesiva, yo dir\u00eda que solo debe agregar t\u00edtulos en los que tenga sentido para el visitante que uno est\u00e9 all\u00ed. Piense primero en el visitante y no agregue un t\u00edtulo solo para la imagen SEO.<\/p>\n<h2>Texto alternativo y texto del t\u00edtulo<\/h2>\n<p>El texto alternativo (o etiqueta alt) se agrega a una imagen, por lo que habr\u00e1 un texto descriptivo en su lugar si la imagen no se puede mostrar al visitante por cualquier motivo. No puedo ponerlo mejor que Wikipedia:<\/p>\n<p>\"En situaciones donde la imagen no est\u00e1 disponible para el lector, tal vez porque han desactivado las im\u00e1genes en su navegador web o est\u00e1n usando un lector de pantalla debido a una discapacidad visual, el texto alternativo garantiza que no se pierda informaci\u00f3n o funcionalidad\".<\/p>\n<p>Aseg\u00farese de agregar texto alternativo a cada imagen que use, y aseg\u00farese de que el texto alternativo incluya la palabra clave SEO para esa p\u00e1gina (si corresponde). Lo m\u00e1s importante es describir lo que est\u00e1 en la imagen para que tanto los buscadores como las personas puedan darle sentido. Cuanta m\u00e1s informaci\u00f3n relevante tenga una imagen, m\u00e1s motores de b\u00fasqueda la considerar\u00e1n importante.<\/p>\n<p>Cuando se desplaza sobre una imagen, algunos navegadores muestran el texto alternativo como una 'informaci\u00f3n sobre herramientas'. Chrome muestra el texto del t\u00edtulo como estaba previsto. El texto del t\u00edtulo para las im\u00e1genes es similar y muchas personas que usan t\u00edtulos simplemente copian el texto alternativo, pero cada vez m\u00e1s y m\u00e1s personas las omiten. \u00bfPorqu\u00e9 es eso? Aqu\u00ed est\u00e1 la toma de Mozilla:<\/p>\n<p>\"El t\u00edtulo tiene varios problemas de accesibilidad, principalmente debido al hecho de que el soporte del lector de pantalla es muy impredecible y la mayor\u00eda de los navegadores no lo mostrar\u00e1n a menos que se desplace con el mouse (por ejemplo, no tenga acceso a los usuarios del tclado)\"<\/p>\n<p>Es mejor incluir dicha informaci\u00f3n de respaldo en el texto del art\u00edculo principal, en lugar de adjuntarla a la imagen.<\/p>\n<p>Leer m\u00e1s: Lea m\u00e1s acerca de la optimizaci\u00f3n de la etiqueta alt y la etiqueta del t\u00edtulo \u00bb<\/p>\n<h2>A\u00f1adir datos estructurados de la imagen.<\/h2>\n<p>Agregar datos estructurados a sus p\u00e1ginas puede ayudar a los motores de b\u00fasqueda a mostrar sus im\u00e1genes como ricas<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los tiempos de carga son importantes para UX y SEO. Cuanto m\u00e1s r\u00e1pido sea el sitio, m\u00e1s f\u00e1cil ser\u00e1 visitar e indexar una p\u00e1gina. Las im\u00e1genes pueden tener un gran impacto en los tiempos de carga, especialmente cuando carga una imagen enorme y luego la muestra muy peque\u00f1a, por ejemplo, una imagen de 2500 \u00d7 [&hellip;]<\/p>\n","protected":false},"author":10735,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1095],"tags":[],"class_list":["post-127","post","type-post","status-publish","format-standard","hentry","category-seo"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/ploma\/wp-json\/wp\/v2\/posts\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/ploma\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/ploma\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ploma\/wp-json\/wp\/v2\/users\/10735"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ploma\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":1,"href":"https:\/\/blog.espol.edu.ec\/ploma\/wp-json\/wp\/v2\/posts\/127\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/blog.espol.edu.ec\/ploma\/wp-json\/wp\/v2\/posts\/127\/revisions\/128"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/ploma\/wp-json\/wp\/v2\/media?parent=127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ploma\/wp-json\/wp\/v2\/categories?post=127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ploma\/wp-json\/wp\/v2\/tags?post=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}