Connect with us

Cómo hacer

Colocar el Atributo ALT automatico en wordpress sin plugins

Cuando escuchamos hablar sobre el Atributo ALT, texto alternativo o directamente siempre pensamos en SEO. El texto ALTernativo es indispensable, veamos ni los bot ni Google  es capaz de interpretar la información que ofrecen las imágenes; es por ello que hay que usar el atributo ALT. Como su nombre indica, se trata del texto que se muestra en la web en caso de que el navegador no sea capaz de visualizar una imagen, esta situación se presenta comúnmente  en los dispositivos móviles.

Por eso y mas, la importancia de tener esta etiqueta o atributo [ las palabras clave que definen a la imagen], además de ser descriptivas de la misma, ademas de ser muy recomendable especificar la keyword  que queremos posicionar,  o de lo que se esté hablando… es decir… si estamos hablando de Alimentos para perros… el alt sería: “alimentos para perros”.

Las razones de estar pendiente de este atributo <ALT>:

  • Harás tu web sea más accesible para personas con alguna discapacidad visual, este atributo alt es utilizado también  por los lectores  y navegadores de invidentes.
  • Por un SEO  mejor, ayudarás al posicionamiento de tu sitio. 
  • En el caso de que haya algún problema por el que no se puede mostrar la imagen el navegador se mostrará el texto del atributo alt: De ahí lo de texto alternativo.

El atributo ALT es el texto que se muestra cuando una imagen no puede mostrarse al ser cargada, de ahí su nombre ‘texto alternativo’. No se debe confundir con el texto que forma el nombre del archivo de la imagen, por ejemplo “imagen.jpg”.

Ahora bien hay tres formas de colocar este atributo una es manual como te explico en las imágenes mas abajo.

Colocar el Atributo ALT automatico en wordpress sin plugins

Colocar el Atributo ALT automatico en wordpress sin plugins-

Otra seria con la ayuda de algún plugin como este de SEO Friendly Images. este  plugin que te ayuda con este trabajo para evitar que por descuido alguna imagen se nos quede sin “etiquetar”

Pero en mi caso hoy te doy un dato sin necesidad de usar plugins, hay un código que uso aquí mismo en diginota muy efectivo y funcional.
Añadir en tu archivo functions.php este código que buscará todos los alt vacíos, la cadena alt=“ «en el contenido de tus páginas y entradas y los sustituirá por alt=»Título de la página o entrada nº imagen» Si pusiste manualmente el alt no cambiará en nada.

código:

function add_alt_tags( $content ) {
  preg_match_all( '/<img (.*?)\/>/', $content, $images );
  if ( ! is_null( $images ) ) {
    foreach ( $images[1] as $index => $value ) {
      if ( preg_match( '/alt=""/', $value ) ) {
        $new_img = str_replace(
          'alt=""',
          'alt="' . esc_attr( get_the_title() ) . ' '. $index . '"',
          $images[0][$index] );
        $content = str_replace(
          $images[0][$index],
          $new_img,
          $content );
      }
    }
  }
  return $content;
}
add_filter( 'the_content', 'add_alt_tags', 99999 );

Listo el código arriva es el que colocaras  en tu archivo functions.php Recuerda que cuando actualices tu tema, este código se borrara de tu Functions, así que no olvides guardarlo o hacer un plugins propio.

Diginota Es una Revista On-line, Internet, tecnologías, con los trucos y Notas insólitas, extrañas y mucho más... . Proporcionamos Noticias Técnicas, Revisiones, consejos, Cómo Hacer, todo esto y mucho más. Desde el 2005. Si quieres saber más de diginota En mis redes sociales a pesar de estar en varias, Soy mas activo en Twitter y de allí dispuesto a ayudarte en lo que pueda.