SEO Image Link para WordPress

Descripción del Plugin:

El plugin SEO Image Link extrae metadatos (título, descripción e imágenes) de una página web especificada y los muestra en tu sitio de WordPress. Además, según la configuración, guarda una **captura de pantalla** (a través del servicio mShots) o la **imagen OG** (Open Graph Image) en tu carpeta local de subidas de WordPress y la muestra en el frontend mediante un shortcode. Recientemente se ha añadido una **función de carrusel** que te permite presentar varias páginas en una galería deslizante (carrusel).

Funciones:

• Extracción de metadatos: Detección y visualización automática de og:title, og:description y og:image de una página web externa.
• Integración de capturas de pantalla (mShots): Si no hay una imagen OG disponible o si deseas explícitamente una captura de pantalla, esta se generará a través del servicio externo mShots (Automattic) y se almacenará en caché localmente.
• Almacenamiento local de imágenes y caché: Las imágenes recuperadas (capturas de pantalla/imágenes OG) se guardan en la carpeta wp-content/uploads/seo-img-link/ y se reutilizan según tu configuración (tiempo de caché, etc.).
• Múltiples estilos de visualización:
  • style="image": Muestra exclusivamente la imagen OG (si está disponible).
  • style="screenshot": Muestra la captura de pantalla de la página (mShots) o, en su ausencia, un fallback temporal (si se desea) hasta que la captura de pantalla se haya cargado.
  • style="mixed" (Estándar, si no se especifica): Muestra la imagen OG y, al pasar el ratón, la captura de pantalla.
• Función de carrusel: Se pueden mostrar múltiples entradas como un carrusel en bucle infinito, incluyendo carga diferida (Lazy Loading) y flechas de navegación.
• Fácil integración mediante Shortcodes:

• Encabezado

  

  Example Domain

  Keine Beschreibung

Notas sobre la privacidad de datos:

El plugin accede al servicio mShots de Automattic para crear capturas de pantalla. Ten en cuenta:

• Las capturas de pantalla son generadas por Automattic y se guardan en tu directorio de subidas de WP al ser recuperadas. Por lo tanto, los datos (URL de la página a recuperar) pueden ser transferidos temporalmente a un tercero (Automattic).
• Puedes encontrar más información sobre el funcionamiento de mShots aquí: Documentación de mShots.
• Es tu responsabilidad cumplir con los términos de uso de Automattic y considerar el procesamiento de datos en tu política de privacidad.

Términos de uso:

Antes de usar el plugin (especialmente la función de captura de pantalla a través de mShots), se aplican las siguientes notas:

1. Procesamiento de datos externo: Para la generación de capturas de pantalla, se integra un tercero (Automattic).
2. Responsabilidad del operador del sitio: Tú eres responsable de si y cómo integras las capturas de pantalla externas.
3. Transparencia en la política de privacidad: Se recomienda mencionar el uso de la función de captura de pantalla y las posibles conexiones externas a mShots en tu política de privacidad.

Al descargar y utilizar el plugin, confirmas que aceptas estas notas.

Descarga:

Descargar SEO Image Link como plugin para WordPress.

---

Instalación y uso:

1. Subir y activar el plugin
   • Sube el archivo zip del plugin y actívalo en el backend de WordPress bajo Plugins.
2. Usar Shortcodes

Inserta uno de los siguientes shortcodes en tus entradas o páginas:

[seo-img-link site="example.com" style="image" title="Mi Encabezado"]
[seo-img-link site="example.com" style="screenshot"]
[seo-img-link site="example.com" title="Título Opcional"] (corresponde a style="mixed")

1. Función de Carrusel

Usa [seo-img-link-carousel] para mostrar múltiples entradas [seo-img-link] como un deslizador.

Ejemplo:
[seo-img-link-carousel]
[seo-img-link site="example1.com" style="image"]
[seo-img-link site="example2.com" style="screenshot"]
[seo-img-link site="example3.com"]
[/seo-img-link-carousel]

Ejemplo (Práctico):
https://nuonu.com/wordpress-plugins-ki-webentwicklung-webapps-seo-code-ai/

La visualización móvil incluye además control por gestos para la navegación (deslizar izquierda-derecha).

 

1. Parámetros opcionales
   • site: La URL de la página web cuyos metadatos deben mostrarse.
   • style:
     • image: Mostrar solo la imagen OG.
     • screenshot: Mostrar solo la captura de pantalla (posiblemente con un fallback hasta que la captura de pantalla se haya cargado).
     • mixed (Estándar): Imagen OG como "principal", captura de pantalla como efecto hover (si ambas imágenes existen).
   • title: Título opcional y personalizado en la salida.
   • cache: Días hasta la recarga de los datos (p. ej., cache="7"). cache="0" desactiva el almacenamiento en caché, lo que sin embargo puede significar más consultas remotas.

---

Preguntas Frecuentes (FAQ):

1. ¿Qué sucede si no hay metadatos disponibles?
Si la página no tiene etiquetas OG, se intentará cargar la captura de pantalla mediante mShots. Si esto tampoco tiene éxito, no se mostrará nada hasta que un intento posterior sea exitoso.
2. ¿Se guardan las capturas de pantalla localmente?
Sí. A diferencia de las versiones anteriores del plugin, las capturas de pantalla/imágenes OG recuperadas se guardan en la carpeta wp-content/uploads/seo-img-link/ y se almacenan en caché en el archivo JSON del plugin (Cache). Esto alivia la carga del servicio mShots y reduce los tiempos de carga.

3. ¿Puedo usar el plugin solo con la imagen OG?
Sí. Usa style="image" para mostrar solo la imagen OG, o prescinde de una llamada a la captura de pantalla.

4. ¿Cómo muestro varias páginas en el deslizador?
Inserta las entradas en el shortcode [seo-img-link-carousel] (ver arriba). Así obtendrás una visualización de carrusel desplazable.

5. ¿Puedo personalizar el diseño?
Sí. En el directorio wp-content/plugins/seo-image-link/assets/css/ encontrarás archivos CSS (seo-img-link.css y seo-img-link-carousel.css) que puedes modificar a tu gusto. Alternativamente, puedes definir tus propias anulaciones (por ejemplo, con CSS personalizado) en el backend de WordPress.