Como obtener el atributo alt, title y description de una imagen destacada wordpress 2019

Author : Jhon

Publicado : 11 octubre, 2019

El famoso atributo «alt»

El atributo «alt» es un texto alternativo que puedes introducir en una imagen para que se muestre siempre que la imagen no pueda ser cargada.Pero esa no es su única función, ya que es la mejor manera de que Google «lea» la imagen y entienda de qué va.

Por eso, es importante meter la keyword en ese atributo, pero debemos intentar variar un poco para que no sea exactamente igual al título.

El atributo title

Este paso es muy importante porque el título de la imagen es que el que suelen tomar los buscadores para indexarlas. Este texto sale al pasar por encima de la imagen, en un pequeño recuadro.

El atributo Description

La descripción de las imágenes no te afectan directamente al SEO, pero puedes usarla para poner información sobre la misma, puedes ponerle información de donde fue cogida la foto y explicar un poco sobre las palabras clave que estás usando.

Con estos consejos básicamente tienes tus imágenes correctas, pero esto solo acaba de empezar.

Para recuperar estos atributos debemos hacer lo siguiente:

1. Paso: Crear el loop para las publicaciones

2. Paso: dentro del loop crearemos el siguiente codigo:

<?php
    $title = get_post(get_post_thumbnail_id())->post_title; //The Title
    $description = get_post(get_post_thumbnail_id())->post_content; // The Description
    $alt = get_post_meta(get_post_thumbnail_id(), '_wp_attachment_image_alt', true);
?>
dentro del mismo loop ahora pondremos la etiqueta imagen con su atributo y su variable correspondiente:
<img class="imgfluid" src="<?php $image = get_the_post_thumbnail_url( ); echo $image; ?>" 
alt="<?php echo $alt; ?>"title="<?php echo $title; ?>" description="<?php echo $description; ?>">

 

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *