Aperçu des Meta Tags
Prévisualisez l'apparence de votre page dans la Recherche Google et les partages sociaux.
<!-- Primary Meta Tags --> <title>Stax Tools — Free Online Developer & Finance Tools</title> <meta name="title" content="Stax Tools — Free Online Developer & Finance Tools" /> <meta name="description" content="100+ free browser-based tools — JSON formatter, EMI calculator, QR code generator, and more. No sign-up, no server, 100% private." /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://stax.tools" /> <meta property="og:title" content="Stax Tools — Free Online Developer & Finance Tools" /> <meta property="og:description" content="100+ free browser-based tools — JSON formatter, EMI calculator, QR code generator, and more. No sign-up, no server, 100% private." /> <meta property="og:image" content="https://stax.tools/og-image.png" /> <meta property="og:site_name" content="Stax Tools" /> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:url" content="https://stax.tools" /> <meta name="twitter:title" content="Stax Tools — Free Online Developer & Finance Tools" /> <meta name="twitter:description" content="100+ free browser-based tools — JSON formatter, EMI calculator, QR code generator, and more. No sign-up, no server, 100% private." /> <meta name="twitter:image" content="https://stax.tools/og-image.png" /> <meta name="twitter:site" content="@staxtools" />
Qu'est-ce que la prévisualisation Meta Tag ?
Cet outil prévisualise comment votre page apparaîtra en Google search et réseaux sociaux (Facebook, Twitter, LinkedIn). Optimisez title, description, OG image — tout.
Comment voir prévisualisation
- Saisissez title tag (50-60 caractères).
- Meta description (155-160 caractères).
- Uploadez OG image (1200×630 idéal).
- Voir prévisualisations Google, Facebook, Twitter.
Tips d'optimisation
- Title — mot-clé primaire en premier
- Description — proposition de valeur + CTA
- OG image — haut contraste, texte lisible
- Twitter card — summary_large_image
- Testez plusieurs variations
Questions fréquemment posées
- Que sont les meta tags ?
- Info SEO/social en <head> de HTML. Title (en résultats de recherche), description (snippet), Open Graph (Facebook), Twitter Card. Chaque tag a rôle spécifique en recherche et partage.
- Quelle longueur de title tag ?
- 55-60 caractères visibles en Google search. Titres longs tronqués ("..."). Mettez mots-clés importants en premier. 50 caractères impactants > 70 ennuyeux.
- Qu'est-ce qu'Open Graph ?
- Meta tags pour preview riche en partage de lien sur Facebook, LinkedIn, WhatsApp. og:title, og:description, og:image (1200×630 idéal). Sans OG — lien plat, bas engagement.
- Comment fonctionne Twitter Card ?
- Preview visuel en partage de lien sur Twitter. 4 types : summary, summary_large_image, app, player. twitter:card meta tags essentiels. Twitter moderne aussi fall back à Open Graph.
Outils associés
- Générateur UTM — Créateur de liens UTM gratuit avec QR Code
Créateur de liens UTM gratuit avec QR code, modèles de campagne et historique d'URLs. Générez des URLs de suivi GA4 pour Google Ads, Facebook, Email, LinkedIn et plus — instantanément, sans inscription.
- Générateur de Balisage Schema
Générez un balisage schema JSON-LD pour Article, Produit, FAQ et plus encore.
- Générateur de robots.txt
Générez un fichier robots.txt avec blocage de bots et URL du plan du site.
- Générateur de Plan du Site XML
Créez un plan du site XML avec des URLs, des priorités et des fréquences de modification.
- Vérificateur de Densité de Mots-Clés
Analysez la fréquence et la densité des mots-clés pour n'importe quel texte.