Imagen de vista previa para listas de inmuebles

Cuando se comparte el enlace de una lista de inmuebles, por ejemplo la lista de todas las ofertas de una localidad, las redes sociales y los servicios de mensajería muestran una imagen de vista previa. WP-ImmoMakler elige esta imagen por usted. Puede definir una foto propia para cada localidad o hacer que se utilice un mapa de la localidad.

La imagen de vista previa aparece como og:image y como <meta name="thumbnail"> en el encabezado HTML de la lista. Si Yoast SEO o Rank Math SEO está activo, el plugin SEO genera las etiquetas Open Graph y toma para ellas la imagen de WP-ImmoMakler. Sin plugin SEO, WP-ImmoMakler genera por sí mismo las etiquetas Open Graph de la lista: título, dirección, imagen de vista previa y, si existe, la descripción de la localidad. Si hay activo otro plugin SEO que escribe sus propias etiquetas Open Graph (All in One SEO, SEOPress, The SEO Framework, Slim SEO), WP-ImmoMakler renuncia a hacerlo para que no aparezca nada por duplicado. Los datos estructurados del plugin SEO llevan la misma imagen como imagen de la página (primaryImageOfPage); a partir de PLUS, la página remite allí además, mediante mainEntity, a la schema.org/ItemList de la lista.

Qué imagen se utiliza

WP-ImmoMakler toma la primera imagen disponible de este orden:

Posición	Imagen	Dónde la define
1	Imagen para redes sociales de Yoast SEO o Rank Math	En el plugin SEO al editar la localidad, pestaña Social
2	Imagen propia de la localidad	**WP-ImmoMakler → “Imágenes de vista previa”
3	Mapa de la localidad	Ajuste Mapa como imagen de vista previa de las listas de localidades
4	Foto del primer inmueble de la lista	–

La imagen predeterminada general de su sitio web de Yoast SEO o Rank Math solo se utiliza si ningún inmueble de la lista tiene foto.

Definir una imagen propia para una localidad

Las imágenes se definen en el backend de su sitio web (wp-admin) en **WP-ImmoMakler → “Imágenes de vista previa”. La página muestra las localidades de sus inmuebles con el número de inmuebles de cada una; mediante las pestañas también accede a las demás categorías, como los tipos de inmueble o los tipos de comercialización.

Busque la localidad con el campo de búsqueda o desplácese por la lista.
En su fila, haga clic en Seleccionar imagen y elija una imagen de la biblioteca de medios o suba una nueva.
Haga clic en Usar imagen. La selección se guarda de inmediato.

Con Quitar imagen deshace la selección. La imagen en sí permanece en la biblioteca de medios. Con Ver lista abre la lista de inmuebles de la localidad.

Los nombres y slugs de las localidades no se pueden modificar en esta página. Proceden de la importación y esta los sobrescribe; la imagen de vista previa, en cambio, la importación la deja intacta.

Se recomienda una imagen apaisada de 1200 × 630 píxeles. Al igual que con las fotos de los inmuebles, WP-ImmoMakler siempre entrega para la vista previa un JPG, PNG o GIF, aunque su sitio web convierta las imágenes a AVIF o WebP.

Mapa como imagen de vista previa

Si no ha definido una imagen propia para una localidad, WP-ImmoMakler puede mostrar en su lugar un mapa de la localidad. Para ello, active en el backend de su sitio web (wp-admin), en WP-ImmoMakler → Ajustes → SEO/AEO/GEO, la opción Mapa como imagen de vista previa de las listas de localidades. Está desactivada de forma predeterminada.

Así se genera el mapa:

WP-ImmoMakler busca la localidad mediante su servicio de geocodificación y la muestra con sus alrededores, centrada y en un encuadre acorde con el tamaño de la localidad. La ubicación de sus inmuebles ayuda a distinguir localidades con el mismo nombre. Si el servicio no encuentra la localidad, el mapa muestra la zona en la que se encuentran los inmuebles de la localidad.
El mapa no contiene marcadores de inmuebles individuales.
Lo dibuja el servicio que su sitio web utiliza para mapas estáticos: en todas las ediciones Google Maps y, a partir de PLUS, también el proveedor que haya elegido en la pestaña Servicios de geolocalización en Servicio de imágenes de vista previa del mapa (véase Mapas de los inmuebles). Los colores y el tipo de mapa siguen sus ajustes de mapas.
El mapa se genera una sola vez en la primera consulta de la lista, se guarda en su sitio web como JPG de 1200 × 630 píxeles y se entrega desde allí. Por eso, una red que consulta la vista previa no se pone en contacto con el servicio de mapas. Por cada localidad se realiza una consulta al servicio de geocodificación y otra al servicio de mapas; el mapa solo se vuelve a generar cuando cambian el encuadre o sus ajustes de mapas.
Si no se puede generar ningún mapa, por ejemplo porque no hay ninguna clave de API configurada, la vista previa muestra la foto del primer inmueble. WP-ImmoMakler lo vuelve a intentar al cabo de un día.

Google Maps, Mapbox y MapTiler dibujan ellos mismos la indicación de autoría en la imagen. En Geoapify y en los mapas compuestos a partir de teselas, WP-ImmoMakler escribe en la esquina inferior derecha la indicación que exige el proveedor del mapa, ya que de otro modo no aparecería en ninguna parte de una vista previa de enlace.

Filtros PHP

Con el filtro immomakler_archive_image sustituye la imagen de vista previa de una lista. Recibe la imagen seleccionada y el término de la lista (null en la lista general de inmuebles y en los resultados de búsqueda):

add_filter( 'immomakler_archive_image', function ( $image, $term ) {
  if ( $term && 'immomakler_object_location' === $term->taxonomy && 'hamburg' === $term->slug ) {
    return [
      'url'    => 'https://www.example.com/wp-content/uploads/hamburg-hafen.jpg',
      'width'  => 1200,
      'height' => 630,
      'type'   => 'image/jpeg',
    ];
  }
  return $image;
}, 10, 2 );

Con el filtro immomakler_opengraph_archive_tags desactiva, o fuerza, las etiquetas Open Graph que WP-ImmoMakler genera en las listas de inmuebles cuando no hay plugin SEO:

add_filter( 'immomakler_opengraph_archive_tags', '__return_false' );

Con el filtro immomakler_static_map_attribution define la indicación de autoría que se escribe en un mapa. Un texto vacío significa que el servicio de mapas dibuja él mismo su indicación:

add_filter( 'immomakler_static_map_attribution', function ( $attribution ) {
  return '© OpenStreetMap contributors';
} );

Imagen de vista previa para listas de inmuebles

Qué imagen se utiliza

Definir una imagen propia para una localidad

Mapa como imagen de vista previa

Filtros PHP

También puede interesarle