SEO Afbeeldingslink voor WordPress

Pluginbeschrijving:

De plugin SEO Afbeeldingslink extraheert metadata (titel, beschrijving en afbeeldingen) van een opgegeven website en toont deze op je WordPress-pagina. Bovendien slaat het – afhankelijk van de instelling – een **screenshot** (via de dienst mShots) of de **OG-afbeelding** (Open Graph Image) op in je lokale WordPress Uploads-map en toont het deze via een shortcode in de frontend. Nieuw is ook een **carrouselfunctie**, waarmee je meerdere pagina's in een slidergalerij (carrousel) kunt presenteren.

Functies:

• Extractie van metadata: Automatische herkenning en weergave van og:title, og:description en og:image van een externe website.
• Screenshot-integratie (mShots): Als er geen OG-afbeelding beschikbaar is of als je expliciet een screenshot wenst, wordt deze via de externe dienst mShots (Automattic) gegenereerd en lokaal gecachet.
• Lokale afbeeldingsopslag & caching: De opgehaalde afbeeldingen (screenshots/OG-afbeeldingen) worden opgeslagen in de map wp-content/uploads/seo-img-link/ en hergebruikt volgens je instellingen (cachetijd, etc.).
• Meerdere weergavestijlen:
  • style="image": Toont uitsluitend de OG-afbeelding (indien beschikbaar).
  • style="screenshot": Toont de screenshot van de pagina (mShots) of bij afwezigheid kortstondig een fallback (indien gewenst), totdat de screenshot geladen kon worden.
  • style="mixed" (Standaard, indien niet opgegeven): Toont OG-afbeelding en toont bij mouseover de screenshot.
• Carrouselfunctie: Meerdere items kunnen als carrousel in een eindeloze lus worden weergegeven – inclusief Lazy Loading en navigatiepijlen.
• Eenvoudige integratie via shortcodes:

• Kop

  

  Example Domain

  Keine Beschreibung

Privacy-informatie:

De plugin maakt gebruik van de dienst mShots van Automattic om screenshots te maken. Let op:

• De screenshots worden door Automattic gegenereerd en bij het ophalen opgeslagen in je WP-uploadsmap. Hierdoor kunnen kortstondig gegevens (URL van de op te halen pagina) worden overgedragen aan een externe partij (Automattic).
• Meer informatie over de werking van mShots vind je hier: mShots-documentatie.
• Het is jouw verantwoordelijkheid om de gebruiksvoorwaarden van Automattic na te leven en de gegevensverwerking in je privacybeleid op te nemen.

Gebruiksvoorwaarden:

Voordat je de plugin gebruikt (met name de screenshot-functie via mShots), gelden de volgende opmerkingen:

1. Externe gegevensverwerking: Voor het genereren van screenshots wordt een externe partij (Automattic) ingeschakeld.
2. Verantwoordelijkheid van de sitebeheerder: Jij bent verantwoordelijk voor of en hoe je externe screenshots integreert.
3. Transparantie in het privacybeleid: Het wordt aanbevolen om het gebruik van de screenshot-functie en mogelijke externe verbindingen met mShots in je privacybeleid te vermelden.

Door het downloaden en gebruiken van de plugin bevestig je dat je deze opmerkingen accepteert.

Download:

SEO Afbeeldingslink als plugin voor WordPress downloaden.

---

Installatie en gebruik:

1. Plugin uploaden en activeren
   • Upload de plugin-zip en activeer deze in de WordPress-backend onder Plugins.
2. Shortcodes gebruiken

Voeg een van de volgende shortcodes in je berichten of pagina's in:

[seo-img-link site="example.com" style="image" title="Mijn Kop"]
[seo-img-link site="example.com" style="screenshot"]
[seo-img-link site="example.com" title="Optionele Titel"] (komt overeen met style="mixed")

1. Carrouselfunctie

Gebruik [seo-img-link-carousel] om meerdere [seo-img-link]-items als slider weer te geven.

Voorbeeld:
[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]

Voorbeeld (praktijk):
https://nuonu.com/wordpress-plugins-ki-webentwicklung-webapps-seo-code-ai/

De mobiele weergave bevat bovendien een gebarenbediening voor navigatie (vegen naar links-rechts).

 

1. Optionele parameters
   • site: De URL van de website waarvan de metadata moeten worden weergegeven.
   • style:
     • image: Alleen OG-afbeelding weergeven.
     • screenshot: Alleen de screenshot weergeven (eventueel fallback, totdat de screenshot is geladen).
     • mixed (Standaard): OG-afbeelding als „Main”, screenshot als hover-effect (indien beide afbeeldingen bestaan).
   • title: Optionele, eigen titel in de uitvoer.
   • cache: Dagen tot het opnieuw laden van de gegevens (bijv. cache="7"). cache="0" deactiveert caching, wat echter meer externe aanvragen kan betekenen.

---

Veelgestelde vragen (FAQ):

1. Wat gebeurt er als er geen metadata beschikbaar zijn?
Als de pagina geen OG-tags heeft, wordt geprobeerd de screenshot via mShots te laden. Als dit ook niet lukt, wordt er niets weergegeven totdat een latere poging succesvol is.
2. Worden screenshots lokaal opgeslagen?
Ja. Anders dan in eerdere versies van de plugin worden de opgehaalde screenshots/OG-afbeeldingen opgeslagen in de map wp-content/uploads/seo-img-link/ en in het JSON-bestand van de plugin gecachet (cache). Dit ontlast de dienst mShots en verkort de laadtijden.

3. Kan ik de plugin alleen met OG-afbeelding gebruiken?
Ja. Gebruik style="image" om alleen de OG-afbeelding weer te geven, of zie af van een screenshot-oproep.

4. Hoe toon ik meerdere pagina's in de slider?
Plaats de items in de shortcode [seo-img-link-carousel] (zie hierboven). Zo krijg je een scrollbare carrouselweergave.

5. Kan ik het ontwerp aanpassen?
Ja. In de map wp-content/plugins/seo-image-link/assets/css/ vind je CSS-bestanden (seo-img-link.css en seo-img-link-carousel.css) die je naar wens kunt aanpassen. Als alternatief kun je (bijv. met Custom CSS) je eigen overrides definiëren in de WordPress-backend.