{"id":2892,"date":"2020-11-30T19:07:29","date_gmt":"2020-11-30T18:07:29","guid":{"rendered":"https:\/\/dinorank.com\/blog\/?p=2892"},"modified":"2021-07-07T19:08:17","modified_gmt":"2021-07-07T17:08:17","slug":"etiqueta-alt-en-imagenes-y-su-impacto-seo","status":"publish","type":"post","link":"https:\/\/dinorank.com\/blog\/etiqueta-alt-seo\/","title":{"rendered":"Etiqueta alt en im\u00e1genes y su impacto SEO"},"content":{"rendered":"<p>Aunque el atributo <em>alt<\/em> no es precisamente desconocido en el mundo del SEO, ya que se habla de \u00e9l incluso en los art\u00edculos m\u00e1s b\u00e1sicos, es cierto que no son muchos los webmasters que los utilizan en sus dominios.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-2950 size-large\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/Etiqueta-alt-y-su-impacto-en-el-SEO-1024x559.jpg\" alt=\"etiqueta alt seo\" width=\"770\" height=\"420\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/Etiqueta-alt-y-su-impacto-en-el-SEO-1024x559.jpg 1024w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/Etiqueta-alt-y-su-impacto-en-el-SEO-300x164.jpg 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/Etiqueta-alt-y-su-impacto-en-el-SEO-768x419.jpg 768w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/Etiqueta-alt-y-su-impacto-en-el-SEO.jpg 1100w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/p>\n<p>Nosotros te vamos a contar <strong>para qu\u00e9 sirve utilizar el atributo <em>alt\u00a0<\/em><\/strong>y por qu\u00e9 deber\u00edas prestarle m\u00e1s atenci\u00f3n, si es que no lo est\u00e1s haciendo ya.<\/p>\n<h2>Qu\u00e9 es una etiqueta <em>alt<\/em><\/h2>\n<p>El atributo <em>alt<\/em> es una palabra o palabras que, entre otras cosas, sirve para describir una imagen e informa acerca de su contenido o funci\u00f3n dentro del contenido de la web.<\/p>\n<p>En otras palabras, es una<strong> keyword que permita indexar la imagen en Google y posicionarla\u00a0<\/strong>ya que, aunque esta palabra no se vea en la p\u00e1gina web, el robot de Google s\u00ed es capaz de detectarla y leerla.<\/p>\n<p>Las principales funciones del atributo <em>alt<\/em> son:<\/p>\n<ul>\n<li><strong>Informar y poner el contenido en contexto a personas con discapacidad visual que usan lectores de pantalla<\/strong>. No es igual que el lector diga &#8220;jhfdu67i9.jpg&#8221;, por ejemplo, a que lea el atributo <em>alt<\/em>, por ejemplo, &#8220;tabla comparativa&#8221; o &#8220;imagen de gato corriendo&#8221; o cualquiera que sea el contexto.<\/li>\n<li><strong>Proporcionar informaci\u00f3n si, por alg\u00fan motivo, la imagen no carga en el navegador.<\/strong> En lugar de la imagen aparecer\u00e1 el texto alternativo o atributo <em>alt<\/em>.<\/li>\n<li><strong>Ayuda a los robots de b\u00fasqueda a conocer el contexto de una p\u00e1gina<\/strong><\/li>\n<\/ul>\n<p>Curiosamente, para Google se trata m\u00e1s de una herramienta de accesibilidad para personas con problemas de visi\u00f3n que para posicionar en los resultados de b\u00fasqueda.<\/p>\n<h2>C\u00f3mo poner una etiqueta alt en html<\/h2>\n<p>Aunque el editor de WordPress te permite colocar de una forma muy sencilla el atributo alt de una imagen en el momento mismo en el que la est\u00e1s cargando en tu biblioteca de medios, si lo prefieres tienes la opci\u00f3n de <strong>poner el atributo alt mediante c\u00f3digo html.<\/strong><\/p>\n<p>El c\u00f3digo html de una imagen con atributo alt es el siguiente:<\/p>\n<blockquote><p>&lt;img src=\u201dperrojugandopelota.jpg\u201d alt=\u201dperro mediano color negro jugando con una pelota\u201d&gt;<\/p><\/blockquote>\n<p>En la etiqueta<em> img src<\/em> tienes que poner el <strong>nombre exacto y la extensi\u00f3n<\/strong> con la que has subido el archivo de imagen a tu p\u00e1gina web. Si se trata de una fuente externa, tienes que colocar la URL completa.<\/p>\n<p>En la etiqueta <em>alt<\/em>, por supuesto, debes escribir <strong>una breve descripci\u00f3n<\/strong> de lo que aparece en la imagen que garantice la accesibilidad a la misma por cualquier usuario y, a ser posible, incluir una palabra clave para mejorar el posicionamiento.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-2912\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/que-es-etiqueta-alt.jpg\" alt=\"que-es-etiqueta-alt\" width=\"1000\" height=\"393\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/que-es-etiqueta-alt.jpg 1000w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/que-es-etiqueta-alt-300x118.jpg 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/que-es-etiqueta-alt-768x302.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h3>Claves para escribir un texto alternativo (etiqueta alt) bueno para SEO<\/h3>\n<p>A continuaci\u00f3n te ofrecemos algunos consejos para conseguir un atributo alt correcto m\u00e1s all\u00e1 de\u00a0<strong>incluir la palabra clave principal:<\/strong><\/p>\n<ul>\n<li><strong>Emitir el mismo concepto en el texto y en la imagen<\/strong>. Esto quiere decir que no hay que limitarse a una keyword sin m\u00e1s sino que hay que contextualizar. Si pones la imagen de una vaca pastando en un prado, el atributo <em>alt<\/em> no deber\u00eda ser tan solo &#8220;vaca&#8221; sino &#8220;vaca pastando en un prado verde&#8221;. De esta forma, los usuarios con discapacidad visual podr\u00e1n saber con exactitud lo que muestra la imagen.<\/li>\n<li><strong>No hagas la etiqueta demasiado larga<\/strong>. Una breve frase que describa la imagen es suficiente <a href=\"https:\/\/dinorank.com\/blog\/textos-optimizados-para-seo\/\">para que el usuario -y los motores de b\u00fasqueda- sepan lo que hay en ella y la relaci\u00f3n que tiene con el resto del texto<\/a>.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-2913\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/editar-atributo-alt.jpg\" alt=\"editar-atributo-alt\" width=\"1000\" height=\"393\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/editar-atributo-alt.jpg 1000w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/editar-atributo-alt-300x118.jpg 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2020\/11\/editar-atributo-alt-768x302.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h2>\u00bfAyuda a posicionar el atributo alt en una imagen?<\/h2>\n<p>Aunque Google da m\u00e1s importancia a la <strong>accesibilidad al sitio web\u00a0<\/strong>en cuanto al atributo <em>alt<\/em> que al posicionamiento, es indudable que haciendo un buen uso de las keywords en esta etiqueta se pueden conseguir mejoras.<\/p>\n<p><strong>Los motores de b\u00fasqueda pueden leer el texto de la etiqueta <em>alt<\/em><\/strong> y lo positivo es que les ayude a comprender el contenido de tu p\u00e1gina web. Por eso, es muy importante que no dejes este aspecto de lado cuando est\u00e9s creando ya sea una entrada o una p\u00e1gina. Cualquier detalle que ayude a Google a tener m\u00e1s claro de qu\u00e9 va tu web supondr\u00e1 una ventaja m\u00e1s para escalar posiciones en las SERPs.<\/p>\n<blockquote><p>Una buena etiqueta <em>alt<\/em> har\u00e1 que tus im\u00e1genes aparezcan en los resultados de b\u00fasqueda de im\u00e1genes de Google, llevando usuarios a tu p\u00e1gina<\/p><\/blockquote>\n<p>Sin embargo, no hay que utilizar el texto alternativo que nos concede la etiqueta <em>alt<\/em> para caer en el keyword stuffing, es decir, en un abuso del uso de las palabras clave y sus sin\u00f3nimos y variantes sem\u00e1nticas.<\/p>\n<p>Otros usuarios, en cambio, colocan im\u00e1genes que llaman la atenci\u00f3n del usuario aunque no tengan mucho que ver con el contenido y despu\u00e9s aprovechan el atributo <em>alt<\/em> para poner la keyword.<\/p>\n<p>Colocar palabras clave en la etiqueta <em>alt<\/em> dar\u00e1 un peque\u00f1o empuj\u00f3n al posicionamiento de tu web pero dejar\u00e1 en un segundo plano la accesibilidad, es decir, al usuario, que es precisamente en quien Google est\u00e1 pensando.<\/p>\n<p>Como dec\u00edamos en el apartado anterior, lo ideal es <strong>pensar en los motores de b\u00fasqueda usando keywords pero sin dejar de lado al usuario<\/strong> colocando un texto alternativo descriptivo y que contextualice.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aunque el atributo alt no es precisamente desconocido en el mundo del SEO, ya que se habla de \u00e9l incluso en los art\u00edculos m\u00e1s b\u00e1sicos, es cierto que no son muchos los webmasters que los utilizan en sus dominios. Nosotros te vamos a contar para qu\u00e9 sirve utilizar el atributo alt\u00a0y por qu\u00e9 deber\u00edas prestarle [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":2950,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[10],"tags":[],"class_list":["post-2892","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aprender-seo"],"acf":[],"_links":{"self":[{"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/posts\/2892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/comments?post=2892"}],"version-history":[{"count":0,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/posts\/2892\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/media\/2950"}],"wp:attachment":[{"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/media?parent=2892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/categories?post=2892"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/tags?post=2892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}