📇 Sociale en gedeelde SEO

Graph & Twitter Card Generator openen

Vul uw paginagegevens in en bekijk een echte Facebook, LinkedIn en X-kaart render live als u typt. Krijg een gevalideerde, kopieer-plakset van Open Graph en Twitter Card meta-tags.. de exacte markup platforms gelezen om uw linkvoorbeeld te bouwen.

✓ Voorbeeld van een livekaart Loopt in uw browser Geen aanmelding
Richt op ongeveer 60 karakters zodat het niet wordt ingekort.
Op de meeste sociale kaarten zijn ongeveer 110 personages volledig te zien.
Absolute https-URL, 1200×630 aanbevolen.
Facebook / LinkedIn voorbeeld
Geen afbeelding toevoegen aan een og:image-URL
example.com
X (Twitter) voorbeeld
Geen afbeelding toevoegen aan een og:image-URL
example.com
Gegenereerde meta-tags

Hoe Open Graph en Twitter Card tags genereren

Vier stappen van pagina details naar een gevalideerde, kopieer-plakken sociale preview.

1

Voer uw pagina-URL, titel en beschrijving in

Plakken de absolute URL van de pagina die u deelt, dan schrijf de titel en beschrijving die u wilt getoond op sociale kaarten.

2

Voeg een afbeelding van delen toe en stel de typen in

Geef een absolute https og:image (ideaal 1200x630), kies uw og:type en het Twitter-kaarttype, en voeg uw @handle.

3

Controleer de live Facebook en X-voorvertoningen

Bekijk de Facebook/LinkedIn en X-kaart renderen terwijl u alle hieronder getoonde lengte- of afbeeldingsvalidatiewaarschuwingen typt en oplost.

4

Kopieer de tags naar uw pagina hoofd

Kopieer de gegenereerde Open Graph en Twitter meta tags en plak ze in de <head> van uw pagina, dan opnieuw scrape met het platform debugger.

Graph & Twitter Card vragen openen

Open Graph (og:) is het gedeelde protocol Facebook, LinkedIn, Slack, WhatsApp, Pinterest en de meeste platforms lezen om een link preview te bouwen. Twitter Card (twitter:) is X's eigen woordenschat die de kaartindeling regelt.. bijvoorbeeld samenvatting vs summary_large_image. Ze overlappen zwaar: titel, beschrijving en afbeelding kunnen komen van og: tags. Twitter-specifieke tags alleen toe te voegen wat og: kan niet uitdrukken, zoals de kaartstijl en de @site handvat.
Gebruik 1200x630 pixels (een 1.91:1-verhouding) voor de grote kaart die Facebook, LinkedIn en X summary_large_image alle gebruiken
Elk platform caches de eerste versie van uw kaart het geschraapt, soms weken, zodat oude titels en afbeeldingen blijven bestaan nadat u de tags te repareren. Forceer een re-scrape: plak de URL in de Facebook Delen Debugger en klik op Scrape opnieuw, gebruik de LinkedIn Post Inspector, en deel de link eenmaal op X om de cache te vernieuwen. Bevestig dat de tags zijn eigenlijk in de geserveerde HTML-kop en niet later geïnjecteerd door JavaScript, die de meeste scrapers niet uitvoeren.
Niet volledig. Wanneer een Twitter-tag ontbreekt, X valt terug naar de overeenkomende Open Graph tag. og:title, og:description en og:image cover de meeste van de kaart. Dus het praktische minimum is een complete set van og: tags plus gewoon twitter:card om de lay-out en twitter:site voor attributie te kiezen. Toevoegen og: tags betekent ook dat dezelfde preview werkt op Facebook, LinkedIn, Slack en overal anders, dus leiden met og: en voeg alleen de handvol twitter: tags die og: kan niet uitdrukken.

Heb je sociale tags nodig die op schaal worden gegenereerd?

Deze tool draait volledig in uw browser. Er is niets te bellen en niets verlaat de pagina. Voor CMS plugins, CI en bulk pagina's, een programmatisch Open Graph API is beschikbaar op de betaalde plannen.

✓ Gratis tool: 100% client-side Open grafiek API: betaalde plannen

Genereer gevalideerde Open Graph en Twitter Card blokken per pagina van één endpoint en zet ze rechtstreeks in uw build. Zie de plannen en quota op de prijspagina.

Zie API-plannen →