Cómo hacerVarios

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.

Close

Ops! Adblock detectado!!

Hemos detectado que está utilizando AdBlock Plus o algún otro software de bloqueo que impide que la página se cargue completamente. En mi blog no hay ningún banner, Flash, animación, sonido desagradable o anuncio emergente. Te aseguro que no encontrarás estos tipos de anuncios molestos. Solo publicidad de Google, libre de malware. Estos anuncios son el único ingreso de dinero para llevar adelante el sitio, por lo que te pido tu ayuda haciendo lo siguiente: Considera agregarnos a tu lista blanca de bloqueo de anuncios o deshabilita tu software de bloqueo para seguir disfrutando sin limitaciones del blog. Gracias por entender y ayudar a continuar con el trabajo.