{"id":125485,"date":"2023-02-07T10:01:00","date_gmt":"2023-02-07T07:01:00","guid":{"rendered":"https:\/\/android.inform.click\/?p=125485"},"modified":"2022-06-20T13:09:05","modified_gmt":"2022-06-20T10:09:05","slug":"que-es-el-texto-alternativo-como-usar-el-elemento-de-pagina-para-imagenes","status":"publish","type":"post","link":"https:\/\/android.inform.click\/es\/que-es-el-texto-alternativo-como-usar-el-elemento-de-pagina-para-imagenes\/","title":{"rendered":"\u00bfQu\u00e9 es el texto alternativo? C\u00f3mo usar el elemento de p\u00e1gina para im\u00e1genes"},"content":{"rendered":"<ul>\n<li>El texto alternativo es un elemento esencial del dise\u00f1o de una p\u00e1gina web. Es una breve descripci\u00f3n de texto de una imagen en la p\u00e1gina.<\/li>\n<li>El texto alternativo es utilizado por herramientas de accesibilidad para leer descripciones de im\u00e1genes en voz alta para visitantes ciegos o con problemas de visi\u00f3n y motores de b\u00fasqueda para una mejor clasificaci\u00f3n de la p\u00e1gina web.\u00a0<\/li>\n<li>Puede ver el texto alternativo en cualquier p\u00e1gina web inspeccionando el HTML de la p\u00e1gina.<\/li>\n<\/ul>\n<p>El texto alternativo es un componente en el dise\u00f1o de p\u00e1ginas web. Espec\u00edficamente, es una frase u oraci\u00f3n que describe una imagen en la p\u00e1gina.\u00a0<\/p>\n<p>En el dise\u00f1o moderno de p\u00e1ginas web, el texto alternativo no se muestra a la mayor\u00eda de los usuarios; sin embargo, se considera una parte esencial del buen dise\u00f1o web, y cada imagen de una p\u00e1gina debe tener un texto alternativo asociado.\u00a0<\/p>\n<h2>El prop\u00f3sito del texto alternativo<\/h2>\n<p>El texto alternativo tiene dos prop\u00f3sitos principales. Lo utilizan las herramientas de accesibilidad de lectura de pantalla para leer en voz alta descripciones de im\u00e1genes para usuarios ciegos, con problemas de visi\u00f3n o que necesitan ayuda adicional para ver el contenido de la p\u00e1gina. Un buen texto alternativo es fundamental para que estos usuarios tengan una experiencia satisfactoria en la p\u00e1gina web.<\/p>\n<p>Tambi\u00e9n lo utilizan Google y otros motores de b\u00fasqueda para comprender el contenido de la imagen, que puede utilizar para clasificar mejor la p\u00e1gina web en los resultados de b\u00fasqueda.\u00a0<\/p>\n<h2>C\u00f3mo agregar texto alternativo a una imagen y verlo en HTML<\/h2>\n<p>La adici\u00f3n de texto alternativo var\u00eda seg\u00fan el dise\u00f1o web o el sistema de gesti\u00f3n de contenido que se utilice para crear la p\u00e1gina web. En general, la herramienta proporcionar\u00e1 un campo para ingresar el texto alternativo cuando se cargue una imagen en la p\u00e1gina web. En la mayor\u00eda de los casos, tambi\u00e9n puede editar la imagen cargada despu\u00e9s para agregar o modificar el texto alternativo.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" alt=\"\u00bfQu\u00e9 es el texto alternativo? C\u00f3mo usar el elemento de p\u00e1gina para im\u00e1genes\" ><\/a><\/p>\n<p>Puede agregar texto alternativo a cualquier imagen utilizando el dise\u00f1o web o la herramienta de administraci\u00f3n de contenido, como WordPress.<\/p>\n<p>Ese texto alternativo luego se codifica en la p\u00e1gina en HTML. Puede ver esto en cualquier navegador web utilizando la funci\u00f3n &quot;Inspeccionar&quot; de su navegador. Por ejemplo, en Chrome, haga clic derecho en una imagen en una p\u00e1gina web y haga clic en &quot;Inspeccionar&quot; en el men\u00fa desplegable. En Firefox, haz clic con el bot\u00f3n derecho y elige &quot;Inspeccionar elemento&quot;. En ambos casos, deber\u00eda ver aparecer una ventana con el HTML de la p\u00e1gina. Para la imagen, deber\u00eda ver una etiqueta HTML que dice \u00abalt=&quot; seguida de la descripci\u00f3n del texto alternativo.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" alt=\"\u00bfQu\u00e9 es el texto alternativo? C\u00f3mo usar el elemento de p\u00e1gina para im\u00e1genes\" ><\/a><\/p>\n<p>Puede usar la herramienta Inspeccionar en un navegador como Chrome para ver el texto alternativo asociado con una imagen en una p\u00e1gina web.<\/p>\n<h2>Mejores pr\u00e1cticas de texto alternativo<\/h2>\n<p>Los expertos en optimizaci\u00f3n de motores de b\u00fasqueda (SEO) tienen mucha orientaci\u00f3n sobre el dise\u00f1o de la p\u00e1gina web y los elementos de la p\u00e1gina web, como el texto alternativo. Puedes tomar clases enteras sobre este tema. Pero, en general, hay algunas recomendaciones b\u00e1sicas que uno puede hacer sobre el texto alternativo. Aqu\u00ed hay una gu\u00eda general sobre c\u00f3mo formar un buen texto alternativo:<\/p>\n<ul>\n<li>La orientaci\u00f3n sobre la longitud cambia de vez en cuando, pero actualmente, debe mantener el texto alternativo de menos de 100 caracteres, incluidos los espacios.\u00a0<\/li>\n<li>Describe la imagen de forma clara, precisa y sucinta.\u00a0<\/li>\n<li>No comience el texto alternativo con una frase como &quot;Imagen de&#8230;&quot; o &quot;Foto de&#8230;&quot; Simplemente describa lo que hay en la imagen.\u00a0<\/li>\n<li>No &quot;rellene&quot; el texto alternativo con palabras clave relacionadas con la p\u00e1gina web, pero sea lo m\u00e1s espec\u00edfico posible. Esto ayuda tanto a los visitantes ciegos y con problemas de visi\u00f3n como a Google.<\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.businessinsider.com\" class=\"external external_icon\">www.businessinsider.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El texto alternativo es una breve descripci\u00f3n de texto de una imagen en una p\u00e1gina utilizada por las herramientas de accesibilidad y los motores de b\u00fasqueda.<\/p>\n","protected":false},"author":1,"featured_media":100402,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[414],"tags":[],"class_list":["post-125485","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-n-d"],"_links":{"self":[{"href":"https:\/\/android.inform.click\/es\/wp-json\/wp\/v2\/posts\/125485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/android.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/android.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/android.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/android.inform.click\/es\/wp-json\/wp\/v2\/comments?post=125485"}],"version-history":[{"count":0,"href":"https:\/\/android.inform.click\/es\/wp-json\/wp\/v2\/posts\/125485\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/android.inform.click\/es\/wp-json\/wp\/v2\/media\/100402"}],"wp:attachment":[{"href":"https:\/\/android.inform.click\/es\/wp-json\/wp\/v2\/media?parent=125485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/android.inform.click\/es\/wp-json\/wp\/v2\/categories?post=125485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/android.inform.click\/es\/wp-json\/wp\/v2\/tags?post=125485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}