{"id":22201,"date":"2020-08-04T09:30:34","date_gmt":"2020-08-04T09:30:34","guid":{"rendered":"https:\/\/www.4addictic.com\/?p=22201"},"modified":"2020-08-06T09:03:56","modified_gmt":"2020-08-06T09:03:56","slug":"el-atributo-alt-en-las-imagenes-beneficia-al-seo-de-tu-ecommerce","status":"publish","type":"post","link":"https:\/\/pre8.4addictic.com\/4addictic\/el-atributo-alt-en-las-imagenes-beneficia-al-seo-de-tu-ecommerce\/","title":{"rendered":"El Atributo ALT en las im\u00e1genes beneficia al SEO de tu eCommerce"},"content":{"rendered":"<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">\u00bfEst\u00e1s implementando el <\/span><b>atributo ALT a las im\u00e1genes<\/b><span style=\"font-weight: 400;\"> que subes a tu web?<\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Es importante, si contamos con un blog o web, crear contenido llamativo y de valor para los usuarios. Para poder <\/span><b>mejorar tu posicionamiento en los buscadores como Google. <\/b><\/span><span style=\"font-weight: 400; color: #333333;\">Y una de las cosas que puedes hacer para mejorar el contenido es usando el atributo ALT en tus im\u00e1genes para sacarles el m\u00e1ximo partido.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">En este art\u00edculo hablaremos de todo lo que debes saber acerca de este interesante atributo, \u00bfPreparad@s?<\/span><\/p>\n<h2><\/h2>\n<h2><span style=\"color: #333333;\"><strong>\u00bfQu\u00e9 es el atributo alt en SEO?<\/strong><\/span><\/h2>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Este atributo es la alternativa en texto de una imagen para aquellos usuarios que por lo que sea, no pueden cargar o ver la im\u00e1gen en cuesti\u00f3n. <\/span><\/span><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Con este atributo le estamos diciendo al buscador qu\u00e9 representa la im\u00e1gen que hemos publicado si no tiene la capacidad de \u00abverla\u00bb. Ya que los motores de b\u00fasquedas no tienen la capacidad de visualizar las im\u00e1genes. <\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Por ello, la \u00fanica forma que tienen de verificar el contenido es, <\/span><b>analizando el texto descriptivo que hemos a\u00f1adido de cada imagen,<\/b><span style=\"font-weight: 400;\"> de forma individual. Para que el buscador sepa que la imagen coincide con el texto y si est\u00e1 implementada correctamente.<\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\"><strong>\u00bfQu\u00e9 importancia tiene el atributo alt en el SEO de tu eCommerce?<\/strong><\/span><\/h2>\n<p><span style=\"font-weight: 400; color: #333333;\">Hay una serie de casos importantes donde este atributo nos va a venir muy bien.\u00a0 Veamos algunos de ellos:\u00a0<\/span><\/p>\n<h3><\/h3>\n<h3><span style=\"color: #333333;\"><b>\u00bb Crear newsletters m\u00e1s efectivas<\/b><\/span><\/h3>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Para aquellos usuarios que reciben por primera vez una <\/span><strong>newsletter<\/strong><span style=\"font-weight: 400;\"> probablemente no vean las im\u00e1genes, esto es porque los navegadores y gestores de correo las bloquean por seguridad.<\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">Al tener los atributos alt <b>el usuario podr\u00e1 ver en texto lo que est\u00e1s tratando de explicar con una imagen.<\/b><\/span><\/p>\n<h3><\/h3>\n<h3><span style=\"color: #333333;\"><b>\u00bb Minimizar el problema de las im\u00e1genes 404<\/b><\/span><\/h3>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Ya sea porque queremos limpiar nuestro servidor o porque una imagen sea externa, es posible que las im\u00e1genes dejen de estar disponibles y nos de un <\/span><a style=\"color: #333333;\" href=\"https:\/\/www.prestashop.com\/es\/blog\/http-error-404\"><span style=\"font-weight: 400;\">error 404<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">Con los atributos alt solventaremos el problema mediante un texto alternativo hasta que detectemos el problema y podamos poner una nueva imagen.<\/span><\/p>\n<h3><\/h3>\n<h3><span style=\"color: #333333;\"><b>\u00bb Tener presente a aquellas personas con problemas visuales<\/b><\/span><\/h3>\n<p><span style=\"font-weight: 400; color: #333333;\">Los usuarios con alguna minusval\u00eda visual emplean lectores de pantalla para poder leer el contenido de una web. Los lectores no pueden describir una imagen si no hay un texto alternativo. Por ello, el que nuestras im\u00e1genes contengan esos textos ayudar\u00e1 a que estos usuarios puedan entender la web y su contenido.<\/span><\/p>\n<h3><\/h3>\n<h3><span style=\"color: #333333;\"><b>\u00bb Im\u00e1genes en la primera p\u00e1gina de Google<\/b><\/span><\/h3>\n<p><span style=\"font-weight: 400; color: #333333;\">Cuando realizamos una b\u00fasqueda, en muchas ocasiones, sabemos lo que queremos encontrar. Por ejemplo si buscamos restaurantes lo m\u00e1s seguro es que en vez de textos, Google nos muestre un mapa con restaurantes con tel\u00e9fonos y direcciones.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">Al igual que pasa con los restaurantes, si buscas \u00abfondos de pantalla&#8230;\u00bb o \u00abcoches rojos\u00bb como tiene impl\u00edcita una parte visual, sin tener que cambiar a la pesta\u00f1a de im\u00e1genes, Google ya te muestra im\u00e1genes antes que texto. <\/span><span style=\"font-weight: 400; color: #333333;\">Para poder aparecer en ese resultado deberemos de poner un texto alt igual o relacionado a esa b\u00fasqueda.<\/span><\/p>\n<h3><\/h3>\n<h3><span style=\"color: #333333;\"><b>\u00bb Pesta\u00f1a de p\u00e1gina de im\u00e1genes de Google<\/b><\/span><\/h3>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">En la pesta\u00f1a de \u201cIm\u00e1genes\u201d de Google se encuentran un mont\u00f3n de im\u00e1genes. Para estar en esa secci\u00f3n debes tener en cuenta que tus im\u00e1genes contengan los <\/span><b>atributos alt relacionados con la b\u00fasqueda que los usuarios pueden hacer.<\/b><\/span><\/p>\n<h2><\/h2>\n<h2><span style=\"color: #333333;\"><b>Redactar un buen atributo alt\u00a0<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400; color: #333333;\">Si quieres conseguir m\u00e1s tr\u00e1fico en tu web una buena descripci\u00f3n del atributo alt para optimizar el SEO de tu web, ser\u00e1 de gran ayuda. As\u00ed que vamos a darte dos claves para que logres un excelente texto alternativo para tus im\u00e1genes:<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">As\u00ed se aplica:<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left;\"><span style=\"color: #333333;\"><i><span style=\"font-weight: 400;\">En c\u00f3digo html, una imagen normal se escribir\u00eda as\u00ed:<\/span><\/i><i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><\/span><\/p>\n<blockquote>\n<p style=\"text-align: center;\"><span style=\"color: #333333;\"><i><span style=\"font-weight: 400;\">&lt;img src=\u00bbnombre_de_la_imagen.jpg\u00bb&gt;<\/span><\/i><\/span><\/p>\n<\/blockquote>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400; color: #333333;\">y con el atributo alt ideal as\u00ed:<\/span><\/p>\n<blockquote>\n<p style=\"text-align: center;\"><span style=\"color: #333333;\"><i><span style=\"font-weight: 400;\">&lt;img alt=\u00bbfondo de coches rojos\u00bb src=\u00bbnombre_de_la_imagen.jpg\u00bb&gt;<\/span><\/i><\/span><\/p>\n<\/blockquote>\n<h3><\/h3>\n<p><span style=\"font-weight: 400; color: #333333;\">Para saber c\u00f3mo redactar un buen atributo ALT hay diferentes puntos a tener en cuenta:\u00a0<\/span><\/p>\n<h3><\/h3>\n<h3><span style=\"color: #333333;\"><b>1# \u00bfQu\u00e9 transmite tu imagen?<\/b><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400; color: #333333;\">Una descripci\u00f3n de la imagen breve y concreta te ayudar\u00e1 a obtener una buena posici\u00f3n en Google, ya que el buscador reconocer\u00e1 la imagen como optimizada y trabajada.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400; color: #333333;\">Selecciona 2 o 3 keywords con un alto volumen de b\u00fasquedas y que est\u00e9n relacionadas con tu imagen. Recuerda que es importante no abusar de Keywords.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400; color: #333333;\">La extensi\u00f3n de tu texto alternativo debe ser breve y concreto entre unos 100 o 120 caracteres, no m\u00e1s.<\/span><\/li>\n<\/ul>\n<h3><\/h3>\n<h3><span style=\"color: #333333;\"><b>2# Tama\u00f1o de la imagen<\/b><\/span><\/h3>\n<p><span style=\"font-weight: 400; color: #333333;\">En cuanto al tama\u00f1o de la imagen debes tener en cuenta dos cosas: que se vea bien pero que no pese mucho. Ya que si pesa mucho puede tardar en cargarse y eso perjudica la apertura y el acceso a tu web. Afectando negativamente a la usabilidad, ya que el tiempo de espera para que se cargue una web debe ser menor a 3 segundos o la tasa de rebote se incrementar\u00e1 de manera exponencial.<\/span><\/p>\n<h3><\/h3>\n<h2><span style=\"color: #333333;\"><strong>Haciendo un seguimiento con \u00a0Google Search Console<\/strong><\/span><\/h2>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Al igual que tenemos <\/span><span style=\"font-weight: 400;\">KPI&#8217;s para eCommerce<\/span><span style=\"font-weight: 400;\">, tambi\u00e9n los tenemos para las im\u00e1genes en buscadores, dentro de Google Search Console podemos filtrar por keywords de im\u00e1genes.<\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\"><img decoding=\"async\" class=\"Google Search Console aligncenter wp-image-22202 size-full\" title=\"Google Search Console\" src=\"https:\/\/www.4addictic.com\/wp-content\/uploads\/2020\/08\/alt.jpg\" alt=\"\" width=\"771\" height=\"645\" srcset=\"https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt-200x167.jpg 200w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt-300x251.jpg 300w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt-400x335.jpg 400w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt-500x418.jpg 500w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt-598x500.jpg 598w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt-600x502.jpg 600w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt-768x642.jpg 768w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt.jpg 771w\" sizes=\"(max-width: 771px) 100vw, 771px\" \/><\/span><\/p>\n<h2><\/h2>\n<h2><span style=\"color: #333333;\"><strong>En conclusi\u00f3n<\/strong><\/span><\/h2>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">\u00bfHas visto lo sencillo que es poner el atributo ALT en tus im\u00e1genes? Y no tan solo es un trabajo muy <\/span><b>f\u00e1cil, sin coste alguno y que no nos roba mucho tiempo <\/b><span style=\"font-weight: 400;\">sino que los beneficios que puede reportar a tu web son muchos.\u00a0<\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">As\u00ed que, igual que haces con el SEO de tu web, ves repasando los atributos ALT de tus im\u00e1genes. Ten en cuenta los puntos que hemos visto en el art\u00edculo. Si los pones en pr\u00e1ctica, ver\u00e1s c\u00f3mo mejora tu posicionamiento org\u00e1nico.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.freepik.com\/vectors\/abstract\">Imagen principal: www.freepik.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfEst\u00e1s implementando el atributo ALT a las im\u00e1genes que subes a tu web? &nbsp; Es importante, si contamos con un blog o web, crear contenido llamativo y de valor para los usuarios. Para poder mejorar tu posicionamiento en los buscadores como Google. Y una de las cosas que puedes hacer para mejorar el contenido es [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":22204,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[59,67],"tags":[],"yst_prominent_words":[4814,4812,4804,4806,4810,4808,217,4809,372,963,4821,4818,4817,4819,4807,4805,4815,4816,582,4811],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2.jpg",1909,1640,false],"thumbnail":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-150x150.jpg",150,150,true],"medium":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-300x258.jpg",300,258,true],"medium_large":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-768x660.jpg",696,598,true],"large":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-1024x880.jpg",696,598,true],"1536x1536":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-1536x1320.jpg",1536,1320,true],"2048x2048":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2.jpg",1909,1640,false],"td_150x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2.jpg",150,129,false],"td_218x150":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2.jpg",175,150,false],"td_300x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2.jpg",300,258,false],"td_324x400":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2.jpg",324,278,false],"td_485x360":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2.jpg",419,360,false],"td_696x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2.jpg",696,598,false],"td_1068x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2.jpg",1068,918,false],"td_1920x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2.jpg",1909,1640,false],"the_grid_size1":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-500x430.jpg",500,430,true],"the_grid_size2":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-500x430.jpg",500,430,true],"the_grid_size3":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-582x500.jpg",582,500,true],"the_grid_size4":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-1000x859.jpg",1000,859,true],"the_grid_size5":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-500x430.jpg",500,430,true],"portfolio-full":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-940x400.jpg",940,400,true],"portfolio-one":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-540x272.jpg",540,272,true],"portfolio-two":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-460x295.jpg",460,295,true],"portfolio-three":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-300x214.jpg",300,214,true],"portfolio-five":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-177x142.jpg",177,142,true]},"uagb_author_info":{"display_name":"Melania Llobregat","author_link":"https:\/\/pre8.4addictic.com\/4addictic\/author\/mllobregat\/"},"uagb_comment_info":0,"uagb_excerpt":"\u00bfEst\u00e1s implementando el atributo ALT a las im\u00e1genes que subes a tu web? &nbsp; Es importante, si contamos con un blog o web, crear contenido llamativo y de valor para los usuarios. Para poder mejorar tu posicionamiento en los buscadores como Google. Y una de las cosas que puedes hacer para mejorar el contenido es&hellip;","blog_post_layout_featured_media_urls":{"thumbnail":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2-150x150.jpg",150,150,true],"full":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2020\/08\/alt2.jpg",1909,1640,false]},"categories_names":{"59":{"name":"Blog","link":"https:\/\/pre8.4addictic.com\/4addictic\/category\/blog\/"},"67":{"name":"Posicionamiento en buscadores","link":"https:\/\/pre8.4addictic.com\/4addictic\/category\/blog\/posicionamiento-en-buscadores\/"}},"tags_names":[],"comments_number":"0","_links":{"self":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/22201"}],"collection":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/comments?post=22201"}],"version-history":[{"count":5,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/22201\/revisions"}],"predecessor-version":[{"id":22210,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/22201\/revisions\/22210"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/media\/22204"}],"wp:attachment":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/media?parent=22201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/categories?post=22201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/tags?post=22201"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/yst_prominent_words?post=22201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}